Cara Simple Meningkatkan Traffic Blog Dengan Benar

Selamat pagi...

Kali ini saya mau share bagaimana caranya meningkatkan trafiic atau pengunjung blog dengan cara yang simple. Nah, untuk bagian akhir judulnya itu, adalah yang terpenting, karena saya menggunakan tambahan kalimat "dengan benar" karena cara yang dilakukan disini bukanlah cara yang instan tapi bila dilakukan dengan baik akan sangat efektif meningkatkan jumlah pengunjung blog Anda.

Ok, langsung saja :

1. Buat postingan atau artikel secara rutin

Menurut saya ini salah satu cara, tapi bukan cara yang "berdiri sendiri" dalam artian bahwa meski sebanyak apapun postingan atai artikel yang kita buat tentu butuh "bantuan" dan ini akan saya tuliskan selanjutnya. Jadi, ini adalah awal dari satu kesatuan cara yang dapat ditempuh untuk meningkatkan traffic blog kita.

2. Konten jangan asal copas dan usahakan berkualitas.
Ok, saya sangat setuju banyak master yang mengatakan bahwa konten kita harus orisinil dan berkualitas. Karena dengan konten yang orisinil dan berkualitas tentu akan membuat pengunjung menjadi senang dan lebih ada keinginan untuk membaca dan mungkin kalau yang berisi tutorial akan dengan senang hati menggunakan tutorialnya. Berbanding terbalik dengna konten yang isinya hanya copas (apalagi sama persis), pengunjung mungkin saja sudah pernah melihat konten tersebut dan tidak akan tertarik untuk membaca lebih jauh dan bahkan akan tidak tertarik untuk melihat halaman lain dari blog kita karena beranggapan "ah, paling isinya juga gitu-gitu aja, ga menarik.....".

Nah, lalu kenapa saya katakan usahakan berkualitas, karena membuat sebuah artikel yang berkualitas itu sulit bos. Mulai dari temanya dulu, lalu isinya, dan bagaimana kita membawa pembaca menikmati artikel kita, itu sangat sulit, kecuali bagi yang sangat mempelajari pelajaran Bahasa Indonesia dulu waktu sekolah,hehehe...  dad So, membuat sesuatu yang orisinil dan cukup berkualitas pun sudah lebih dari cukup agar bisa diterima oleh pembaca.

3. Share postingan ke social network.

Ok, sampai disini kita anggap sudah membuat postingan secara rutin, orisinil, dan cukup berkualitas ya... Nah, kalau sudah selesai buat postingan dan lalu mempublishnya, jangan lupa untuk "share to the world". Ya, ibarat kita jualan kalau ga dipasarkan gimana ada yang mau beli, begitupun dengan postingan yang kita buat kalau tidak kita share bagaimana mau menarik pembaca? Usahakan share ke beberapa social network, ya paling tidak yang sering digunakan lah, kan zaman sekarang pasti hampir semua udah pada punya facebook, twitter, path, atau google+ kan. Nah, untuk yang point ini Anda bisa baca postingan saya yang disini.

4. Lakukan blogwalking.

Nah, ini dia yang menarik karena blogwalking ini sumber traffic yang sangat bagus untuk blog. Selain kita mendapatkan pengunjung, juga bisa mendapatkan komentar pada postingan yang kita buat, tentu dengan asumsi kita blogwalking tidak hanya asal mampir saja ya, tapi berusaha meninggalkan komentar yang baik dan saling mengenal, serta bersahabat dengan blogger lain.

Nah, itu dia beberapa tips dari saya berdasarkan pengalaman dalam ngeblog. Benar atau tidak menurut Anda, itulah yang saya pelajari. Mungkin ada beberapa point lagi yang bisa membantu meningkatkan traffic tapi keempat hal diatas adalah yang penting dan saling mendukung satu sama lain.

Terima kasih dan semoga bermanfaat. pleased

Optimalisasi Traffic Blog Dengan 2 Social Media Ini

Selamat sore...

Nah, kali ini saya mau share mengenai dua social media yang sangat2 menguntungkan bila bisa kita optimalkan untuk mendatangkan pengunjung ke blog kita.

1. Facebook.

Tentu udah ga asing lagi dengan facebook kan? Menurut data dari We Are Social Singapura pada 8 Januari 2014, jumlah pengguna aktif Facebook tahun ini diperkirakan akan mencapai jumlah 1,184 Milyar pengguna. wat2 (Sumber : Merdeka)

Sedangkan menurut data dari Webershandwick, perusahaan public relations dan pemberi layanan jasa komunikasi, untuk wilayah Indonesia ada sekitar 65 juta pengguna Facebook aktif. (Sumber : Kemenkominfo)

Nah, dengan pengguna sebanyak itu, tentu social media ini bisa jadi lahan buat blogger untuk menambah traffic blognya. Bagaimana caranya? Yang perlu kita lakukan adalah sesering mungkin share link postingan ke Facebook. Dengan begitu, kita bisa menarik pengunjung melalui teman-teman facebook kita. Usahakan untuk memiliki Halaman Fans (Fanspage) Facebook sendiri, sehingga share yang kita lakukan akan lebih tertarget. Semakin banyak penggemar yang "like" fanspage kita, akan semakin optimal trafficnya.

2. Google+

Masih menurut data dari We Are Social Singapura pada 8 Januari 2014, jumlah pengguna aktif Google+ tercatat sebanyak 300 juta pengguna dan berada diatas pengguna twitter yang berjumlah sekitar 232 juta. (Sumber : Merdeka)

Meskipun tidak sebesar jumlah pengguna facebook, namun dengan bertambah pesatnya perkembangan dan pengguna Google+, maka social media yang satu ini tidak bisa dipandang sebelah mata.  dad Dengan potensi yang ga kalah besar itu, cara yang bisa kita lakukan adalah dengan meningkatkan jumlah lingkaran atau circle akun Google+ karena semakin banyak jumlah di lingkaran kita maka akan semakin potensial traffic yang bisa kita dapatkan dari social media ini.

Terima kasih dan semoga bermanfaat... pleased

Baru, Cara Meletakkan Widget Alexa Ke Blog

Selamat sore...

Kali ini saya mau share informasi yang cukup penting untuk para blogger sekalian, terutama yang masih baru kayak saya...  happy

Kita cerita dulu deh yaa... Awal cerita, saya udah lama ga ngeblog, ya bisa diliat sendiri kapan posting terakhir saya sebelum postingan kemaren, dan bener-bener cukup waktu sampai Alexa Rank saya turun drastis, dari awalnya sempet < 100.000 sekarang udah 710.787.  wat2 Ok, kembali ke cerita, perubahan domain blog ini sangat mempengaruhi sehingga widget Alexa yang sebelumnya sudah terpasang selalu menunjukkan informasi "No Data" terus pada saat saya kembali menjajaki dunia blogging ini.  huhhh Saya coba untuk membuka website Alexa untuk klaim / verifikasi alamat blog saya setelah perubahan domain ternyata websitenya sudah berubah dan saya tidak bisa menemukan kode widget tersebut.

Akhirnya, saya coba untuk masukkan kode widget Alexa yang lama seperti ini :

<a href="http://www.alexa.com/siteinfo/aiizahh.blogspot.com"><script type='text/javascript' language='javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=aiizahh.blogspot.com'></script></a>

dan mengganti bagian yang berwarna pink, yaitu url nya menjadi seperti ini :

<a href="http://www.alexa.com/siteinfo/aiizahh.com"><script type='text/javascript' language='javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=aiizahh.com'></script></a>

Dan, hasilnya widget Alexa kembali muncul meskipun tanpa mendapatkan kode dari website Alexa nya...

Terima kasih dan semoga bermanfaat... pleased

Google Update Page Rank di Bulan Desember 2013

Selamat pagi sob...

Alhamdulillah, itulah kata pertama yang terucap saat membuka blog Alya Zahra pagi ini. Gak nyangka nih kalo si google melakukan update page rank bulan ini. Awal nya ga tau kalo ada update, dan cukup kaget saat liat sidebar kok PR blog ini udah jadi 3, padahal sebelumnya hanya PR 1. Yang saya bingung, katanya update itu terjadi tanggal 6 Desember 2013, tp sampai tanggal 10 Desember kemarin PR saya masih 1 dan baru hari ini saya lihat sudah berubah.

Tapi ga masalah kok, yang penting kan ada kenaikan, artinya ada perbaikan, perubahan ke arah yang lebih baik, hehehe cheer. Kenaikan menjadi PR 3 kali ini jadi rekor buat blog Alya Zahra, karena sebelumnya blog ini hanya pernah mencicipi PR 2, dan saat terjadi update sebelumnya malah mengalami penurunan menjadi PR 1.

Saya mengucapkan terima kasih pada para visitor blog ini, karena tanpa kalian blog ini tidak bisa berkembang. Saya harap blog ini bisa menjadi lebih baik ke depannya. Sekali lagi terima kasih pada kalian semua... pleased

Perubahan Pada Layanan Download Google Code

Selamat pagi...

Sebelumnya saya sudah pernah membuat sebuah postingan mengenai Cara Upload File Javascript Ke Google Code namun kemarin, beberapa pengunjung blog ini mengatakan bahwa tab download yang merupakan bagian dari tahap upload file ke Google Code sudah tidak ada.

Ternyata setelah saya coba, memang benar adanya dan mengapa itu terjadi telah terjawab di blog ini. Google memang telah menutup layanan download pada Google Code, baik untuk proyek-proyek yang baru dibuat maupun proyek-proyek yang sebelumnya sudah dibuat. Perbedaannya, untuk proyek-proyek yang baru dibuat, seperti yang terjadi, tidak akan ada lagi layanan download mulai akhir Mei kemarin, sedangkan untuk proyek-proyek yang sebelumnya sudah ada, masih tetap tersedia layanan download sampai tanggal 14 Januari 2014.

Hal ini sendiri terjadi, karena Google merasa telah terjadi peningkatan yang signifikan pada kekerasan akibat penyalahgunaan pelayanan, dan oleh karenanya, baik yang sebelumnya telah memiliki proyek pada Google Code maupun yang belum untuk segera berpindah ke Google Drive.

Cara Mengetahui Kode HTML Warna Part 2

Selamat siang...

Mungkin postingan mengenai kode warna ini sudah begitu banyak dan sangaaaattt baaasiii buat di bikin postingan lagi... :-a

Maka dari itu, tujuan utama membuat postingan ini sendiri sebenarnya hanya untuk membantu saya untuk melihat kode-kode warna, meskipun sebenarnya saya sudah membuat postingan mengenai hal yang sama dulu.

Alasannya satu, karena postingan sebelumnya menggunakan layanan dari pihak ketiga dan merupakan file flash. Nah, disinilah masalahnya... :\

Saat sedang ngeblog menggunakan laptop kantor (waktu jam istirahat loh ngeblognya... **p) ternyata saya mendapati bahwa Adobe Flash di laptop ini sudah outdated version dan pluginnya di nonaktifkan oleh browser. Meskipun ada opsi untuk mengaktifkan sementara pada halaman yang bersangkutan, namun tampilan file flash nya menjadi tidak bagus. Parahnya, saya ga bisa update tuh Adobe Flash karena inet yang lemooottt kayak siput. :'(

Akhirnya, daripada ribet mending saya bikin saja postingan seperti ini. Selain warnanya lebih variatif dan membantu saya sendiri, juga untuk para pengunjung yang mungkin juga terbantu dengan adanya postingan ini.

Akhir kata, terima kasih telah membaca cerita sedih saya di siang bolong ini... :Ozz

WARNA	HEX	RGB
	#EC8195	254,202,192
	#FECAC0	236,129,149
	#D1D698	209,214,152
	#967878	150,120,120
	#FDEDDB	253,237,219
	#F8FBC1	248,251,193
	#F8D9B5	248,217,181
	#9D8675	157,134,117
	#943329	148,51,41
	#EF2D19	239,45,25
	#49E84C	73,232,76
	#A5E7F2	165,231,242
	#F37164	243,113,100
	#A735E0	167,53,224
	#4DDD13	77,221,19
	#14E0D6	20,224,214
	#F931DF	249,49,223
	#0492F7	4,146,247
	#F1FFEA	241,255,234
	#E2FFEB	226,255,235
	#DEFCED	222,252,237
	#DBFCEC	219,252,236
	#C9FFE7	201,255,231
	#CBDB53	203,219,83
	#91590F	145,89,15
	#F0A93E	240,169,62
	#91CBDA	145,203,218
	#D38F37	211,143,55
	#00C9FF	0,201,255
	#FF0000	255,0,0
	#00FF10	0,255,16
	#F1FF00	241,255,0
	#FF00D7	255,0,215
	#853800	133,56,0
	#FBF0C6	251,240,198
	#F5D247	245,210,71
	#E1B300	225,179,0
	#E22500	226,37,0
	#6E7E79	110,126,121
	#FECAC0	254,202,192
	#ABCFAF	171,207,175
	#C7D578	199,213,120
	#F1F5AE	241,245,174
	#008D9F	0,141,159
	#5DC1D0	93,193,208
	#F49AC2	244,154,194
	#C6E5E9	198,229,233
	#A29A9A	162,154,154
	#F2E3E5	242,227,229
	#F3DEFC	243,222,252
	#659343	101,147,67
	#637E5C	99,126,92
	#009BB9	0,155,185
	#9A854E	154,133,78
	#CFBC8A	207,188,138
	#F9D800	249,216,0
	#FA8D63	250,141,99
	#320345	50,3,69
	#807417	128,116,23

CSS Smiley Slider

Hello sob...

Postingan kali ini lagi-lagi mengenai CSS... Kali ini yang mau saya share adalah mengenai smiley slider.

Penasaran lihat tampilannya??? Coba lihat demo nya dibawah :

Bagaimana sob??? Menarik bukan, bahwa dengan kode-kode tertentu dapat membuat sebuah tampilan smiley yang tadinya statis dengan raut wajah tertentu dapat menampilkan raut-raut wajah lainnya, berupa raut sedih dan tersenyum...

#face { 

  width: 100px; 

  height: 100px; 

  position: relative;

  border: 2px solid black;

  border-radius: 50px; 

  margin: 20px auto; 

}

#face:before, #face:after {

  position: absolute;

  content: "";

  width: 10px;

  height: 10px;

  top: 30px;

  border-radius: 10px;

  background: black; 

}

#face:before {

  left: 30px; 

}

#face:after {

  left: 60px; 

}

#mouth-box {

  width: 60px; 

  height: 20px; 

  left: 20px; 

  top: 60px; 

  overflow: hidden; 

  background: white; 

  position: relative; 

}

#mouth { 

  width: 60px; 

  height: 60px; 

  border-radius: 30px; 

  border: 2px solid black; 

  position: absolute; 

  top: 0; 

  left: 0; 

}

#mouth.straight {

  height: 0px !important;

  top: 7px !important;

  border-width: 1px;

  bottom: auto !important;

}

 var newWidth,

    mouth = $("#mouth");

$( "#slider" ).slider({

   slide: function(event, ui) {   

     if (ui.value > 51 ) {  

       mouth.css({ bottom: 0, top: "auto" });   

       newWidth = 160 - ui.value;  

       mouth.css({

         width           : newWidth,

         height          : newWidth,

         "border-radius" : newWidth / 2,

         left            : -25 + ((ui.value-50) / 2)

       })

       .removeClass("straight");  

     } else if ((ui.value > 48) && (ui.value < 52)) {   

       mouth.addClass("straight");   

     }  else {   

       mouth.css({ top: 0, bottom: "auto" });  

       newWidth = ui.value + 60;  

       mouth.css({

         width           : newWidth,

         height          : newWidth,

         "border-radius" : newWidth / 2,

         left            : -ui.value / 2

       })

       .removeClass("straight");   

     }   

   },

  value: 50

});

<div id="slider"></div>

<div id="face">

 <div id="mouth-box">

  <div id="mouth" class="straight"></div>

 </div>

</div>

Ok, sekian postingan kali ini yah,,

Terima kasih dan semoga bermanfaat...

Menampilkan Total Waktu Loading Halaman Blog

Selamat siang sob...

Kali ini, saya mau share cara menampilkan waktu loading halaman suatu blog sehingga dapat diketahui berapa lama loading yang diperlukan untuk memuat sebuah halaman blog temen-temen.

Kode nya sendiri saya kutip dari tutorialnya Mas Taufik dan saya coba terapkan dan share kembali buat temen-temen lain yang mungkin tertarik karena menurut saya tutorialnya sangat menarik, hehehe...

Ok, langsung aja sob praktek nya :

1. Login ke blogger.

2. Pilih Tata Letak - Tambah Gadget - HTML/Javascript.

3. Masukkan kode berikut ini :

<div id="load-time">Calculating page load time...</div>
<script type="text/javascript">
var showTime = document.getElementById('load-time'),
    startTime = (new Date()).getTime(); // Get the time before `window.onload`

window.onload = function() {
    // Get the current time in `window.onload`
    var endTime = (new Date()).getTime();
    // Now use the `startTime` and `endTime` to calculate the seconds
    // And show the result inside `#load-time`
    showTime.innerHTML = "Page load time = " + ((endTime-startTime)/1000) + " sec(s).";
};
</script>

4. Simpan.

Bagaimana sob??? Berapa waktu loading halaman blog nya???

OK, sekian dulu postingan kali ini, terima kasih dan semoga bermanfaat....

Cara Upload File Javascript Ke Google Code

Artikel Ini Sudah Tidak Valid Lagi, Lihat Alasannya Pada Artikel "Perubahan Pada Layanan Download Google Code".

Pada postingan kali ini saya mau share mengenai cara mengupload file-file javascript ke google code.

File javascript ini biasanya berekstensi .js dan digunakan untuk berbagai hal dalam blogging, mulai dari mempercantik tampilan blog sampai pada fungsi sebagai kode untuh sebuah widget.

Nah untuk mengupload file javascript ini sendiri saya sarankan temen-temen sudah punya file .js nya, hehehe...

1. Buka google code.

2. Pilih "Create A New Project".

3. Isi form yang tersedia.

    * Project Name : Digunakan sebagai alamat google code temen-temen.

    * Project Summary : Keterangan mengenai google code temen-temen.

    * Description : Keterangan detail google code temen-temen.

    * Version Control System : Mercurial

    * Source Code License : GNU GPL v3

    * Project Label : Optional boleh dikosongkan

4. Klik Create Project.

5. Pilih pada menu tab Download dan klik pada "New Download".

6. Isi Summary, Description, dan pilih File js temen-temen dan klik Submit File.

7. Setelah terupload, maka temen-temen bisa mengcopy link file js yang telah diupload tadi dengan klik kanan pada icon panah bawah dan klik copy link location.

8. Enjoy.

Semoga bermanfaat dan silahkan tinggalkan komentar...

Cara Menghapus Link Aktif Pada Komentar Blog

Halo sob...

Siang dan panas begini enaknya ngapain yah??? tidur kali yahh, hehehe ya ga lah, orang lagi kerja juga...

Ok, disela-sela jam istirahat kerja saya akan memberikan sebuah tutorial untuk menghapus atau mengganti link aktif pada komentar blog secara otomatis.

Udah tau maksud dari link aktif kan sob??? hehehe, ya kurang lebih begini, apabila ada seorang atau lebih pengunjung yang berkomentar pada sebuah artikel di blog kita dan kemudian mereka menempatkan sebuah kata atau kalimat yang ditautkan pada link yang mereka sudah siapkan.

Kira-kira begini link yang mereka tautkan :

<a href='http://aiizahh.blogspot.com/'>Contoh Link Aktif</a> --->> Contoh Link Aktif

Nah, untuk kita sebagai pemilik blog tentu ini sebuah cara yang tidak sehat mengingat si penaruh link tersebut mendapatkan backlink dari kita namun tidak sebaliknya. Padahal masih ada cara-cara sehat yang bisa dilakukan, seperti misalnya saling bertukar link sehingga satu sama lain dapat diuntungkan.

Sebenarnya, untuk mencegah pengunjung blog menautkan link aktif pada komentar nya dapat dilakukan dengan cara yang santun, misalnya dengan memberikan informasi di sekitar kotak komentar untuk tidak menampilkan link aktif, seperti halnya di blog ini, menerapkan fitur moderasi komentar, sampai pada menghapus secara manual komentar yang sekiranya menautkan link aktif.

Tapi, tidak sedikit yang mungkin entah tidak membaca tulisan yang kita pasang tersebut atau mungkin sengaja untuk tetap menautkan link aktif pada komentar nya, sehingga dibutuhkan cara-cara yang dapat secara otomatis mencegahnya.

Ok, langsung aja kita praktek sob...

1. Login di blogger.

2. Pilih Template - Edit HTML - Expand Template Widget.

3. Cari kode ]]></b:skin> dan letakkan kode berikut tepat diatasnya :

#comments p a {display:none;}

4. Cari kode </head> dan letakkan salah satu kode berikut tepat diatas nya :

    |> Untuk mengganti link aktif dengan kalimat :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Dilarang Menampilkan Link Aktif</span>");
});
</script>

    |> Untuk mengganti link aktif dengan link temen-temen :

script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p a").attr("href", "http://URL-anda.com/");
});
</script> 

5. Simpan Template.

6. Enjoy.

Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar temen-temen.

Cara Mengganti Header Blog Dengan Gambar

Halo sob, gimana kabarnya???

Semoga baik-baik saja yaa... Ok, kali ini saya mau share mengenai mengganti header dengan gambar setelah sebelumnya saya share mengenai cara membuat social network icon dengan efek berputar. Tutorial ini ditulis untuk yang sedang belajar membuat blog atau yang sudah tau tapi lupa juga boleh kok, hehehe...

Sebelumnya tentu siapkan dulu gambar untuk header blog nya sesuai dengan ukuran lebar blog masing-masing. Caranya cari kode berikut :

 /* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:1015px

Kode diatas yang berwarna merah adalah lebar blog silahkan siapkan gambar sesuai ukuran tersebut atau ingin lebih kecil juga tidak masalah. sedangkan untuk tingginya disesuaikan saja.

Ok, kita langsung aja sob karna caranya sangat simpe dan tidak perlu berlama-lama ya :

1. Login dulu ke blogger.

2. Pilih Template - Edit HTML dan centang "Expand Template Widget".

3. Kemudian cari kode berikut ini :

/* Outer-Wrapper----------------------------------------------- */

#outer-wrapper{width:1015px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;border-top: 8px solid #393836;}

#content-wrapper{xxxxxxxx;}

#main-wrapper{width:600px;padding-left:15px;padding-right:15px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */

4. Kemudian ganti kode #content-wrapper{xxxxxxxx;} dengan kode berikut ini :

#content-wrapper{url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTONNHI9R1JH4fQsNqiP200Sgq_8tLeDi_50yu8bVtsw-BOtuJ6pCNk9cHAUhwV5BvGXSA11pNgtuIRSBf2Wdkpii_i6xmFDwamX1g0k_wtTPqs6kmHjamehfwwaXYjN_evZEkp_m_EAM/s1600/HEADER+BLOG.jpg)  right top repeat-y;}

5. Silahkan ganti URL gambar berwarna merah diatas dengan URL gambar temen-temen yang sudah disiapkan.

6. Simpan template.

7. Enjoy.

Gimana, sudah berhasil mengubah header blognya??? Semoga bermanfaat yaa...

Membuat Social Network Icon Dengan Efek Berputar

Selamat sore sob...

Gimana kabarnya hari ini??? Semoga sehat selalu...

Ok, pada kesempatan kali ini saya ingin berbagi cara membuat efek berputar pada icon-icon social network saat disorot mouse, seperti facebook, twitter, dan kawan-kawannya, hehehe...

Untuk penampakannya kurang lebih seperti berikut :

Nah, kalo temen-temen tertarik, silahkan ikuti PBL (Praktek Blogging Lapangan) berikut :

1. Login ke blogger.

2. Pilih Tata Letak - Tambahkan Gadget - HTML/Javascript.

3. Masukkan kode berikut :

<style>

p#aiizahh_socialnetworkicon img {
 /* Social Network Widget By http://aiizahh.blogspot.com */
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

p#aiizahh_socialnetworkicon img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Social Network Widget By http://aiizahh.blogspot.com */

</style>


<center><p id="aiizahh_socialnetworkicon">
<a href="http://twitter.com/USERNAME"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcRNNvgtZvyCF2xg9gcUCgi1fGs5uO-Kh8ysK_TRa8-nm_Eyy40xpFb-Z4rxfMAxriqz2sLpizovJykFk1nyze1yoEdxq3FW7U81XWz58DRQCEP_1HPKY0lR0prWajyIc3ZG07MOjmUGPI/s0/twitter.png' title='Twitter" /></a>
<a href="http://www.facebook.com/USERNAME"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC14x7IrsCCRlgeMVFzVW60CpYMTJ8eimpOp7oDouFa6Jy2kznt9MlJHtD9JnwVoOTvO4_rNqLhUPaidiBDz3X_tx3_5912iQ3HLh_FNwXRgjOGZTo5ne3eN2-nd-TJtMt9f-AUTY7mVMB/s0/facebook.png' title='Facebook" /></a>
<a href="https://plus.google.com/USERNAME"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJmFsxZh_6sR1r4vADlu6iEE1pHTXEdm1p8qbxrIhjL3icWUmsISaFjR8HjtXe4AHV5Y9aqFpRddzCGBH4HrrB-lMEPX-8FRIilKq4nf1qKV7UhDToLLy3dD14J0xXJZ5byw_uG_3M7XFo/s0/gplus.png' title='Google Plus" /></a>
<a href="http://www.linkedin.com/USERNAME"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK4Cmk2sS23EHAibB4cySIQKCoqcfA0AUJOqxxL9G94rKvUN4dOj_bOVnOnqeDqIqNJiyk4z4neEghhrEMAIKfOgI8cV1MwGvaupXIHfxHM_5g-HaQvFWJ7OvVpSMutalbjNdQCBmkpC3k/s0/linkedin.png' title='LinkedIn" /></a>
<a href="http://URL BLOG/feeds/posts/default"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4flxMuleYKSTNeEP1N9sDLpmJavHsQHLFoeE55fzQWFFPogOeKgAiWuQdiJkXhYFgyVHrfLiCJaivCK9oZKE61FawilKHlMby3Gh8keTh6TCelVa7r0U3WZXJ4GB289BH49uxLeOarCog/s0/rss.png" /></a>
<a href="mailto:USERNAME@gmail.com"' target='_blank'>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dzB2gX-VlMJ7Itvx6CydAucS8kdzH5vJfK4Qqhlfqlf_BCT8usY2sBQRUbbIxif5A6R-pFlXE13Mvt_aI8zYdgdtu1uIowsKVZLFyOGD9B3Gu_7qfBkjuHxtz7yn_VlhVgC3clPKWswt/s0/email.png' title='Email" /></a>
</p></center>

4. Simpan.


5. Enjoy.

*Keterangan : Ganti kode berwarna biru sesuai Username dan URL milik temen-temen...

Gimana sob???sudah jadi icon social networknya dengan efek berputar...
kalo gagal, berarti ada yang salah dengan kode yang agan masukkan....

Terima kasih ya semoga bermanfaat dan jangan lupa meninggalkan komentar....

Cara Menampilkan Jumlah Komentar Pada Judul Postingan Blog

Selamat siang sob...

Setelah sebelumnya saya share mengenai widget-widget twitter yang keren, kali ini postingan saya tidak kalah menarik sob...

Yup, sesuai judulnya kali ini kita akan memasang jumlah komentar tepat disamping judul artikel atau postingan blog kita. Untuk contohnya bisa kalian lihat sendiri di judul postingan blog saya ini. Sebelumnya siapkan dulu bahan-bahannya sob, hehehe yaitu kode-kode dibawah ini yang nantinya akan dipasang.

1. Login dulu ke blogger.

2. Pilih Template - Edit HTML dan centang "Expand Template Widget".

3. Cari kode ]]></b:skin> dan letakkan kode berikut ini tepat diatasnya.

 

.comment-ballon{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88PcflEFhgpREqiqP-steoAQA_YESgKGKnX-EQoWzevSAUWb-0usDfN8GlMsoMC09ZE0U6RNJUhHK7hNUyJQcehiG5dAZYFYX9YwNV-9xtOqu8_iE22gLwnA_jmY2ZXw0zBhUN-fOmMRh/s1600/comment+jadi.gif) no-repeat;
width:32px;
height:32px;
text-align:center;
font-size: 16px;
float: right;
padding-top: 3px;
margin-right: 10px;
font-color: #ffffff;
}
.comment-ballon a{
color: #000000;
}

4. Lanjut sob kalo udah, kita cari kode <a expr:name='data:post.id'/> dan letakkan kode berikut ini tepat diatasnya.

 

 <div class='comment-ballon'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</b:if></div>

5. Kemudian cari lagi kode seperti dibawah ini sob dan kemudian hapus kode tersebut.

 

<span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>

6. Langkah terakhir --->> Simpan Template.

7. Enjoy.

Ok...terima kasih sob atas kunjungannya dan silahkan tinggalkan komentar kalian yang ingin dan sudah mencoba. Semoga bermanfaat.

Cara Mengecek Jumlah Backlink Blog

Pada postingan kali ini saya ingin berbagi cara melakukan cek jumlah backlink blog.

Oiya, sebelumnya kalau mau membuat backlink temen-temen bisa lihat postingan saya sebelumnya baik yang part 1 maupun part 2...

Ok, kembali ke topik, untuk melakukan cek jumlah backlink blog caranya cukup mudah kok sob.

1. Masuk situs ini.

2. Masukkan URL blog temen-temen pada box yang tersedia dan isi chapta.

3. Klik "Check Backlink".

4. Tunggu sebentar dan lihat jumlah backlink blog temen-temen.

5. Untuk melihat detail dari jumlah backlink tersebut silahkan lihat pada keterangan yang juga ada di halaman tersebut.

6. Enjoy.

Gimana sob??? Berapa jumlah backlink blog kalian??? Semoga bermanfaat....

Cara Pasang Logo Blogger Juventini di Blog

Hallo sob...

Pada postingan kali ini meskipun tetap mengenai blog, tapi agak berbeda sedikit, hehehe...

Saya mau share mengenai cara memasang logo Juventini di blog??? Logo nya gimana tuh??? hehehe bisa temen-temen lihat sendiri di blog saya ini ya seperti itulah salah satu logo Juventini yang saya maksud.

Tujuan saya membuat postingan mengenai hal ini adalah selain tentu saja untuk berbagi mengenai hal-hal yang berbau blog, juga untuk mempererat tali silaturrahmi sesama blogger khususnya blogger yang juga Juventini dimanapun berada.

Untuk logo-logonya saya kutip dari Forum Juventini yang tercinta, tempat ngumpulnya para Juventini di Indonesia, sedangkan untuk pemasangannya di blog temen-temen bisa copas kode dibawah ini.

 

<center><script language="JavaScript" src="https://sites.google.com/site/blogaiizahh/file-js/community.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KT_pG1iMYAszw94mXx-SFE-vziVXV2uxoZ9HfXSeu4L-AFr9zow1s7ZZHupW6xfl4D1kAIjxQjk7NOGyszZAWhnyRqpsXYFIzW3QBvwvhwf1ZaAg5YyJxNrrk3KfSeJyvtP1jPS_IaHI/s1600/calcio_viking_juve.gif")</script></center>

 

<center><script language="JavaScript" src="https://sites.google.com/site/blogaiizahh/file-js/community.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGeRoV8htlJQCzNl3WZZ_ZJRhwMV6mtJbQJjV6NnVkY9gjcoDW6d-syrzDBWgA4-1__LH2KQYqvOR4J50MiI9qUKjaRkbkw3tXRbk5UHiLaXcRjClFH3OfeY7N4iJCyVCyXu6gli4btu-B/s1600/syaljuve.gif")</script></center>

 

<center><script language="JavaScript" src="https://sites.google.com/site/blogaiizahh/file-js/community.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq677IqdBPN_AqXesytR149nDnvu0Sc9omWP7ZA3bYyHp5iXWQ_iwYPubudz8fEaCoD8tVq816C0hxUA59rYGC-BwFuB7PKORs4xjMXaHRS2kxJkTTuZ5JbfUFjIFkoxy1TIuCsAaMLutO/s1600/tifojuvese8.gif")</script></center>

 

<center><script language="JavaScript" src="https://sites.google.com/site/blogaiizahh/file-js/community.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwaIT1js0y4fUD6ChfDYDicvckKUZNHJ1rjRywUPNTI3v7MoaBSXn4eIYopHhlun8eee6FZQ-EkuRhf-py4DmLEGM7I6IwMKQEkyCfXAohCksQF1n232mqTw1CpPwctyX6uBNWxs5_kGj1/s1600/calcio_fighters_juve.gif")</script></center>

Untuk cara pemasangannya di blog cukup mudah kok sob...

1. Login ke blogger.

2. Pilih Tata Letak - Tambahkan Gadget - HTML/Javascript.

3. Masukkan salah satu kode diatas sesuai pilihan temen-temen.

4. Simpan.

5. Enjoy.

Bagaimana sob??? 

Silahkan beri komentar pada kotak komentar dibawah ya sob...

Terima kasih semoga bermanfaat...