Cara Memasang Banyak Gambar Sekaligus Pada Postingan Blog

Apabila menghasilkan sesebuah entri bagi blog, antara perkara yang hendak dimasukkan adalah gambar. Mungkin mudah untuk masukkan gambar sekeping dua dalam entri blog. Bagaimana pula untuk memasukkan berpuluh-puluh gambar (seperti gambar pergi melancong, perkahwinan, dsb) dalam satu entri blog dengan cara yang mudah.?<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-RZM9hNstiqk/UG74Lut4csI/AAAAAAAANmY/UHuSExL1EGs/s1600/cara+upload+banyak+gambar+dalam+blog6.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="http://2.bp.blogspot.com/-RZM9hNstiqk/UG74Lut4csI/AAAAAAAANmY/UHuSExL1EGs/s320/cara+upload+banyak+gambar+dalam+blog6.jpg" width="320" /></a></div><br />Contoh banyak gambar yang dimasukkan sebuah entri seperti di entri ini. <a href="http://ohbest.blogspot.com/2012/10/suasana-terminal-bas-di-china-pada.html" target="_blank">Suasana terminal bas di China</a><br /><br />Berikut adalah tutorial untuk memasukkan banyak gambar dalam blog sekaligus.<br /><br /><span class="fullpost">1. Dari dashboard anda, klik pada 'create new post'<br /><img border="1" src="http://4.bp.blogspot.com/-RQy43-BOYfE/UG71O8A4ZqI/AAAAAAAANj8/HqVsmwIqm7A/cara%2Bupload%2Bbanyak%2Bgambar%2Bdalam%2Bblog.jpg" width="240" /><br /><br /><br />2. Pada paparan yang muncul, pilih mode 'compose' kemudian klik pada ikon 'gambar'.<br /><img border="1" src="http://1.bp.blogspot.com/-oZYYVCJe_-Y/UG734McuoKI/AAAAAAAANl4/ZXomvUbX_cI/cara+upload+banyak+gambar+dalam+blog2.jpg" width="540" /><br /><br /><br />3. Klik pada 'Choose files'<br /><img border="1" src="http://1.bp.blogspot.com/-peiJqQlkxU0/UG74Gl9hgMI/AAAAAAAANmA/dtiErc5mZW8/s1600/cara+upload+banyak+gambar+dalam+blog3.jpg" /><br /><br /><br />4.Dari paparan yang muncul, pilih seberapa banyak gambar yang anda ingin masukkan, kemudian tekan 'open'<br /><img border="1" src="http://2.bp.blogspot.com/-aDsUV8bF3G8/UG74IoziCOI/AAAAAAAANmI/oj8ELNtrrfg/s1600/cara+upload+banyak+gambar+dalam+blog4.jpg" /><br /><br /><br />5. Proses upload bermula.<br /><img border="1" src="http://2.bp.blogspot.com/--PrqZsy4Tlw/UG74J0DijkI/AAAAAAAANmQ/fL0RP6HLnV0/s1600/cara+upload+banyak+gambar+dalam+blog5.jpg" /><br /><br /><br />6. Apabila selesai, tekan 'add selected'.<br />Pastikan sebelum anda tekan 'add selected' semua gambar telah dipilih.<br /><img border="1" src="http://2.bp.blogspot.com/-RZM9hNstiqk/UG74Lut4csI/AAAAAAAANmY/UHuSExL1EGs/s1600/cara+upload+banyak+gambar+dalam+blog6.jpg" /><br /><br /><br />7. Selesai, itu sahaja. Mudah bukan..:)<br /><br />Berapa maksimum gambar yang boleh diletakkan.?</span>

Tutorial Blog Cara Memasang Banyak Gambar Sekaligus Pada Postingan Blog

Apabila menghasilkan sesebuah entri bagi blog, antara perkara yang hendak dimasukkan adalah gambar. Mungkin mudah untuk masukkan gambar se...

Baca selengkapnya »

Cara Membuat Headline News Diblog

<span style="font-size: small;">Pada kesempatan kali ini saya akan share dan membahas tentang <i>Cara Membuat Dan Memasang Headline News di Blog</i>. Setelah kemarin saya share posting tentang <i>Cara Membuat Efek Link Terbakar di Blog</i>, klik link nya jika sobat ingin mengetahui caranya.</span><br /><span style="font-size: small;"><br /></span><br /><span style="font-size: small;"> Oke kita kembali lagi ke tutorial <i>Cara membuat headline News di Blog</i>. Sesuai dengan namanya, widget headline news ini akan menampilkan judul beserta link artikel-artikel terbaru dari blog sobat pada bagian atas atau bawah blog sobat.</span><br /><span style="font-size: small;"><br /></span><span style="font-size: small;"> Maka Judul-judul artikel pada headline news yang kita pasang di blog tersebut akan mempunyai efek bergerak dan berjalan, sehingga dapat lebih menarik perhatian para pembaca atau pengunjung di blog sobat semua.</span><br /><span style="font-size: small;"><br /></span><span style="font-size: small;">Sobat bisa melihat contoh gambar screenshotnya seperti di bawah ini: </span><br /><span style="font-size: small;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IUaRJFbc0XeG6yO7PwWBFWZpB3CbojN3VQEfxNXdQ_m4Fa0sAaIYXyP7YVWcsLGEaxyD_K5kAM21Zo6G8C55poqwbvl-6O-olcVQabOxZgg_ztpCYydYhT0QJBOkwxXH1UIDp4IQAl9Z/s1600/headline-news.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Headline News Di Blog" border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IUaRJFbc0XeG6yO7PwWBFWZpB3CbojN3VQEfxNXdQ_m4Fa0sAaIYXyP7YVWcsLGEaxyD_K5kAM21Zo6G8C55poqwbvl-6O-olcVQabOxZgg_ztpCYydYhT0QJBOkwxXH1UIDp4IQAl9Z/s400/headline-news.jpg" title="Cara Membuat Dan Memasang Headline News Di Blog" width="400" /></a></span></div><span style="font-size: small;"><br /> Untuk <i>membuat dan memasang Headline News di blog</i>, caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya yang akan saya jelaskan.</span><br /><span style="font-size: small;"><br /></span><br /><span style="font-size: small;"> Berikut <b><i><u>Cara Membuat Dan Memasang Headline News di Blog</u></i></b>:</span><br /><span style="font-size: small;"><br />1. Silahkan sobat >> <span style="background-color: lime;"><b>"Login/Masuk"</b></span> ke blog sobat.</span><br /><span style="font-size: small;">2. Pada tampilan menu baru blogger, sobat Pilih >> <span style="background-color: lime;"><b>"Layout" (Tata Letak)</b></span>.</span><br /><span style="font-size: small;">3. Klik >> <span style="background-color: lime;"><b>"Add a Gadget"</b></span> dan sobat pilih >> <span style="background-color: lime;"><b>"HTML/JavaScript"</b></span>.</span><br /><span style="font-size: small;">Saran saya jangan di beri judul dan pilih gadget pada bagian samping atau bawah blog.</span><br /><span style="font-size: small;">4. Kemudian langkah selanjutnya silahkan sobat <span style="background-color: lime;"><b>masukkan kode script</b></span> di bawah ini:</span><br /><hr /><span style="font-size: small;"><script type="text/javascript"><br /> var <span style="color: red;">hn_url_blog</span> = "http://kuc0pas.blogspot.com";<br /> var <span style="color: lime;">hn_jumlah_post</span> = 5;<br /> var <span style="color: blue;">hn_warna_latar</span> = "#EEEEEE";<br /> var <span style="color: purple;">hn_warna_garis</span> = "#000000";<br /> var <span style="color: magenta;">hn_posisi</span> = "top";<br /> var <span style="color: red;">hn_tampilkan_judul</span> = true;<br /> var <span style="color: lime;">hn_backlink</span> = true;<br /></script><br /><script src="http://kucopas-js.googlecode.com/files/headlinenews.js"><br /></script><br /></span><br /><hr /><span style="font-size: small;"><b><span style="color: red;"><u>KETERANGAN:</u></span></b></span><br /><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: red;">hn_url_blog</span> = adalah URL alamat blog sobat atau headline news blog yang ingin di tampilkan. (widget ini hanya untuk pengguna blogger saja).</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: lime;">hn_jumlah_post</span> = adalah jumlah judul artikel yang ingin sobat tampilkan pada headline news, silahkan sobat tentukan nilainya.</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: blue;">hn_warna_latar</span> = adalah kode warna untuk latar belakang headline news.</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: purple;">hn_warna_garis</span> = adalah kode warna untuk garis bingkai atau border headline news.</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: magenta;">hn_posisi</span> = adalah menentukan posisi headline news sobat, jika di atas >> ("top") atau di bawah >> ("bottom").</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: red;">hn_tampilkan_judul </span>= bernilai "true" kalau sobat ingin menampilkan tulisan "Headline news of BLOGSOBAT" di bagian kiri dan bernilai "false" jika tidak ingin menampilkannya.</span></li></ul><ul style="text-align: left;"><li><span style="font-size: small;"><span style="color: lime;">hn_backlink</span> = bernilai "true" kalau sobat ingin menampilkan backlink ke blog ini dan ganti "false" jika tidak.</span></li></ul><span style="font-size: small;"> Semoga artikel totorial ringan tentang <i>Cara Membuat Dan Memasang Headline News di Blog</i>, bisa sangat bermanfaat untuk sobat <b>cerdas</b> semua.</span>

Tutorial Blog Cara Membuat Headline News Diblog

Pada kesempatan kali ini saya akan share dan membahas tentang  Cara Membuat Dan Memasang Headline News di Blog . Setelah kemarin saya share ...

Baca selengkapnya »

Cara Membuat Sumber Otomatis Pada Saat Dicopy Paste

<br /><br /><div class="MsoNormal" style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1_OxC7RNoZhy4nnAWRB_hEo4PYfsFpRTxub_qz-wajR9GWKjeSL8-rM9bRgH6jpIZYOxgAKdqP5afGRbVbXJCQuynBIv515N2ZKck6VXMjZVLxSi78bocYWzMjlfojA_hqzUAWKRoas/s1600/copas.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1_OxC7RNoZhy4nnAWRB_hEo4PYfsFpRTxub_qz-wajR9GWKjeSL8-rM9bRgH6jpIZYOxgAKdqP5afGRbVbXJCQuynBIv515N2ZKck6VXMjZVLxSi78bocYWzMjlfojA_hqzUAWKRoas/s200/copas.jpg" width="200" /></a><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">  Mengcopy sebagian atau seluruhnya artikel dari blog memang tak jarang dilakukan oleh pengunjung yang ingin menyimpan beberpa informasi yang dianggap penting dari artikel kita tersebut. tak jarang ada juga yang memposting ulang artikel yang di copas tersebut. tapi, kadang kala orang yang mengcopy dan memposting tersebut tidak melakukan apa yang kita inginkan ketika mereka mengcopas artikel kita yaitu mencantumkan link sumber.</span></div><a href="http://www.blogger.com/blogger.g?blogID=8481845279315467331" name="more"></a><br /><div class="MsoNormal" style="text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">            </span></div><div class="MsoNormal" style="text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div><div class="MsoNormal" style="text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Nah, bagi teman-teman yang menginginkan agar ketika artikel di blog teman-teman di copas, lalu akan muncul pada hasil paste nya sebuah teks url sumber yang menuju artikel yang di copas tersebut, teman-teman bisa mengikuti langkah langkah berikut ini.</span></div><div class="MsoListParagraphCxSpFirst" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">1.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Seperti biasa karena kita akan bermain-main dengan kode yang akan di simpan di template blog kita, maka seperti biasa masuk ke template editor nya masing-masing.</span></div><div class="MsoListParagraphCxSpMiddle" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">2.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Sebelum menyimpan kode dibawah ini pastikan anda telah memberi tanda checklist pada kota Expand widget Template.</span></div><div class="MsoListParagraphCxSpMiddle" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">3.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Cari Kode <body> di template teman-teman</span></div><div class="MsoListParagraphCxSpMiddle" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">4.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Silahkan Copy paste kode dibawah ini diatas kode <body> tersebut :</span></div><div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 32.2pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;"></div><blockquote class="tr_bq"><div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 32.2pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;"><span style="background: none repeat scroll 0% 0% white; font-family: "Times New Roman","serif"; font-size: 12pt;"><script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://anvity.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script> </span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div></blockquote><div class="MsoListParagraphCxSpLast" style="margin-left: 32.2pt; mso-add-space: auto; text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoListParagraphCxSpFirst" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">5.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Setelah selesai, simpan template.</span></div><div class="MsoListParagraphCxSpMiddle" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">6.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Alhamdulillah, selesai.</span></div><div class="MsoListParagraphCxSpLast" style="margin-left: 32.2pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -18.0pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">7.<span style="font: 7pt "Times New Roman";">      </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Silahkan teman-teman test dengan mengcopy artikel dari blog teman-teman, lalu mempaste nya.</span></div><div class="MsoNormal" style="text-align: justify; text-indent: 32.2pt;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Seperti itulah cara agar secara otomatis muncul url ketika artikel kita di copas. cara ini mungkin tidak berpengaruh, karena url tersebut bisa saja di hapus oleh orang yang mengcopas tersebut. tapi setidaknya kita sudah berusaha untuk melindungi artikel kita dan juga memberi kenyamanan bagi pengunjung agar blog kita tetap bisa menyimpan artikel kita dengan cara di copas ke word atau sebagainya. Semoga bermanfaat, amin.</span></div>

Tutorial Blog Cara Membuat Sumber Otomatis Pada Saat Dicopy Paste

  Mengcopy sebagian atau seluruhnya artikel dari blog memang tak jarang dilakukan oleh pengunjung yang ingin menyimpan beberpa informasi y...

Baca selengkapnya »

Cara Membuat Follow Twitter Button Diblog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRUxryZaYqh4UWTZrGVvToxVVRnOnKn8-zb06Rn7RNwq4JtFXVQgH5UytJV8ZhdOAnYx3owiOeKu9pB9DGGuWLI7rEFBAu8P2-vJWFmG6B1zuW7B_ajzVLxpsxyvZ3C22otcgrlaQkGrW6/s1600/328(5).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRUxryZaYqh4UWTZrGVvToxVVRnOnKn8-zb06Rn7RNwq4JtFXVQgH5UytJV8ZhdOAnYx3owiOeKu9pB9DGGuWLI7rEFBAu8P2-vJWFmG6B1zuW7B_ajzVLxpsxyvZ3C22otcgrlaQkGrW6/s320/328(5).png" width="320" /></a></div>mau nempelin follow twitter kalian di blog itu ide bagus sekalian promosiin blog ini di twitter kalian ya<br />caranya gampang banget contoh :<a class="twitter-follow-button" data-show-count="false" href="https://twitter.com/CerdasBlog">Follow @CerdasBlog</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <br /><div style="text-align: justify;">apa sih fungsinya tombol button twitter ini ? ya jelas saja fungsinya agar orang bisa dengan mudah follow twitter kita. jadi bagi anda yang ingin banyak follower nya ya silahkan sjaa di pasang, kayak saya yang sangat jadul di twitter karena saya lebih sering main fb,hehehhe.</div><div style="text-align: justify;"></div><div style="text-align: justify;">baik berikut cara membuat twitter button follow blogspot :</div><div style="text-align: justify;"></div><div style="text-align: justify;">Pertama, agar lebih mudah dan cepat silahkan sobat log in dulu ke akun twitter sobat.</div><div style="text-align: justify;"></div><div style="text-align: justify;">Kedua, setelah itu tambah ke tata letak >> add gadget lalu pilih HTML/java script lalu pastekan script ini:</div><div style="text-align: justify;"><a href="https://twitter.com/<span style="color: purple;">CerdasBlog</span>" class="twitter-follow-button" data-show-count="false">Follow <span style="color: purple;">@CerdasBlog</span></a><br /><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"></div><div style="text-align: justify;">Ketiga,ganti tulisan yg berwarna ungu dengan username twitter sobat lalu save dan lihat hasilnya </div><div style="text-align: center;"><b>.: semoga bermanfaat :.</b></div>

Tutorial Blog Cara Membuat Follow Twitter Button Diblog

mau nempelin follow twitter kalian di blog itu ide bagus sekalian promosiin blog ini di twitter kalian ya caranya gampang banget contoh : Fo...

Baca selengkapnya »

Cara Membuat Menu Navigasi Floating Slide Out Vertical

aduh sahabat cerdas ane kehabisan bahan posting nih mendingan ane posting widget punya ane ajalah dari pada ga posting sama sekali. kali ini saya akanshare tentang cara membuat menu floating slide out vertical<br />ini contohnya<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8y5zlas1NlOzwp68RbNULUKQTZXSksJz-HnL0kLP403QYm1koJudvTBZzTl4-7X3XEc7csX0lO_5Hgdzai62xbicYXrY6iL2XnY2vXGKhv_a42wesiQkZSHqzoPTatLc1G2fK5ZYFJ9w/s1600/123.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8y5zlas1NlOzwp68RbNULUKQTZXSksJz-HnL0kLP403QYm1koJudvTBZzTl4-7X3XEc7csX0lO_5Hgdzai62xbicYXrY6iL2XnY2vXGKhv_a42wesiQkZSHqzoPTatLc1G2fK5ZYFJ9w/s640/123.png" width="640" /></a></div><br />cara pasangnya cukup mudah tinggal ikutin aja penjelasan berikut :<br /><ol><li>Log inke Blogger.</li><li>Pilih Rancangan dan Edit Html, jangan lupa centang Expand Template Widget, bila perlu Backup terlebih dahulu templatemu agar jika terjadin galat mudah dikembalikan.</li><li>Cari kode <b></head></b>, gunakan Cttrl+F agar lebih mudah, copy script berikut dan pastekan di atas kode <b></head></b> :</li></ol><br /><div style="-moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: 1px solid #434343; height: 150px; overflow: auto; padding: 10px; width: auto;"><span style="color: red;"><script type="text/javascript" src="https://sites.google.com/site/mariozoner/gb-mario/jquery-1.3.2.js"></script></span><br /><br /><script type="text/javascript"><br />$(function() {<br />var d=300;<br />$('#navigation a').each(function(){<br />$(this).stop().animate({<br />'marginTop':'-80px'<br />},d+=150);<br />});<br /><br />$('#navigation > li').hover(<br />function () {<br />$('a',$(this)).stop().animate({<br />'marginTop':'-2px'<br />},200);<br />},<br />function () {<br />$('a',$(this)).stop().animate({<br />'marginTop':'-80px'<br />},200);<br />}<br />);<br />});<br /></script></div><br />       4. Kemudian cari kode <b>]]></b:skin></b> dan letakkan kode Css berikut di atas <b>]]></b:skin></b> :<br /><br /><div style="-moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: 1px solid #434343; height: 150px; overflow: auto; padding: 10px; width: auto;">/*Navigasi*/<br />ul#navigation { position:fixed; margin:0px; padding:0px; top:-20px; left:370px; list-style:none; z-index:999999; width:675px; font:normal 16px Electrolize,Sans-Serif bold; -webkit-animation:2s fxhompinav ease-in-out; -moz-animation:2s fxhompinav ease-in-out; -ms-animation:2s fxhompinav ease-in-out; animation:2s fxhompinav ease-in-out; } ul#navigation li { width:95px; display:inline; float:left; margin:0 0 0 2px; } ul#navigation li a { display:block; float:left; margin-top:-74px; width:95px; height:28px; background-color: rgba(0, 0, 0, 0.6);<br />background: rgba(0, 0, 0, 0.6);<br />color: rgba(0, 0, 0, 0.6); background-repeat:no-repeat; background-position:50% 150px; border:2px solid #b9b9b9; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; border-radius:0px 0px 10px 10px; color:#333333; text-decoration:none; text-align:center;color:#f1f1f1; text-shadow:0 1px 1px #000; padding-top:95px; -webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; } ul#navigation li a:hover { margin-top:-3px; background-position:50% 25px; color:#7b7b7b; position:relative; } ul#navigation li a:hover:after { content:""; width:0px; height:0px; position:absolute; top:100%; left:45%; margin-top:2px; border-width:5px; border-style:solid; border-color:transparent transparent lime transparent; }<br />ul#navigation li:nth-child(1) a {background-image:url(<span style="color: lime;">Url Gambar Menu ke 1</span>); }<br />ul#navigation li:nth-child(2) a { background-image:url(<span style="color: lime;">Url Gambar Menu ke 2</span>); }<br />ul#navigation li:nth-child(3) a { background-image:url(<span style="color: lime;">Url Gambar Menu ke 3</span>); }<br />ul#navigation li:nth-child(4) a { background-image:url(<span style="color: lime;">Url Gambar Menu ke 4</span>); }<br />ul#navigation li:nth-child(5) a { background-image:url(<span style="color: lime;">Url Gambar Menu ke 5</span>); }<br />ul#navigation li:nth-child(6) a { background-image:url(<span style="color: lime;">Url Gambar Menu ke 6</span>); }<br /><br />@-webkit-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-moz-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}<br />/*Navigasi*/ <br /><br /></div><br />      5.  Kemudian Simpan Template.<br />      6.  Selanjutnya Masuk ke Elemen Laman, dan Tambah Gadget Html/Javascript, masukan script berikut :<br /><br /><ul id="navigation"><br /><li class="nav1"><a href="http://nthoeng.blogspot.com/">Home</a></li><br /><li class="nav2"><a href="http://nthoeng.blogspot.com/feeds/posts/default">Rss Feed</a></li><br /><li class="nav3"><a href="http://nthoeng.blogspot.com/p/blog-teman.html">Blog Teman</a></li><br /><li class="nav4"><a href="http://nthoeng.blogspot.com/p/site-map_21.html">Site Map</a></li><br /><li class="nav5"><a href="javascript:showHideGB()">Guestbook</a></li><br /><li class="nav5"><a href="http://nthoeng.blogspot.com/p/fan-page.html">Fan Page</a></li></ul><br /><br />      7.  Dan Simpan.<br /><br /><div style="color: orange;">Nb : Teks Berwarna <span style="color: red;">merah</span> merupakan Script Jquery, jika pada templatemu sudah ada script jquery 1.3.2, maka kamu tidak perlu memasangnya lagi, untuk teks warna <span style="color: lime;">hijau</span> ganti dengan Url gambar yang akan di tampilkan sebagai thumnail, dan silahkan sesuaikan url pada Html/Javascriptnya.</div><br />Selamat Mencoba Dan Semoga Berhasil !!!

Tutorial Blog Cara Membuat Menu Navigasi Floating Slide Out Vertical

aduh sahabat cerdas ane kehabisan bahan posting nih mendingan ane posting widget punya ane ajalah dari pada ga posting sama sekali. kali ini...

Baca selengkapnya »

Cara Membuat Label Animasi Flash

<div style="text-align: center;"><img height="338" id="il_fi" src="http://3.bp.blogspot.com/-mDQJSroqhnQ/UAY44cKnkeI/AAAAAAAAAg8/XrJcgz-CMEs/s1600/untitled.JPG" style="padding-bottom: 8px; padding-right: 8px; padding-top: 8px;" width="403" /> </div>halo sahabat cerdas selamat sore saya dateng lg nih tp saya bingung mau posting apaan yang menarik ehh tp udah dapet nih pokok pikirannya saya mau ngasih cara membuat label animasi flash oke gan langsung aja liat caranya dibawah<br />Berikut Caranya :<br /><span style="font-size: small;"><br /></span><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">1. Login ke <a href="http://www.blogger.com/" target="_blank"><span style="font-weight: bold;">blogger</span></a> dengan ID anda.<br />2. Klik <span style="font-weight: bold;">Tata Letak</span>.<br />3. KLik tab <span style="font-weight: bold;">Edit HTML</span>.<br />4. Klik tulisan <span style="font-weight: bold;">Download Template Lengkap </span>(ini untuk memback-up bila terjadi kesalahan). agar templatenya aman.<br />5. Cari kode yang mirip dengan kode di bawah ini :</span></span><br /><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><span style="color: red;"><b:section class='sidebar' id='sidebar' preferred='yes'></span></span></span></blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">6. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.</span></span><br /><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><b:widget id='Label786' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><h2><data:title/></h2></b:if><br /><div class='widget-content'><br /><script src='http://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/><br /><div id='flashcontent'>Flash Labels by <a href='http://cerdas-blog73.blogspot.com'>Blog Cerdas</a> | Posted By </span></span><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><span style="font-family: Georgia,"Times New Roman",serif;"> <a href='</span></span></span><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><span style="font-family: Georgia,"Times New Roman",serif;">http://facebook.com/adienda.syahna'>Qobul Saputra</span></a></div><br /><script type='text/javascript'><br />var so = new SWFObject(&quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;250&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&quot;); <br />so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br />so.addVariable(&quot;tcolor&quot;, &quot;0x000000&quot;);<br />so.addVariable(&quot;hicolor&quot;, &quot;0x333333&quot;);<br />so.addVariable(&quot;mode&quot;, &quot;tags&quot;);<br />so.addVariable(&quot;distr&quot;, &quot;true&quot;);<br />so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);<br />so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);<br />so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);<br />so.write(&quot;flashcontent&quot;);<br /></script><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget></span></span></blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br />7. Klik tombol <span style="font-weight: bold;">SIMPAN TEMPLATE</span><br /><br />Note :<br />Agar tampilan label animasi ini serasi dengan templet blog anda, sesuaikan kode-kode berikut dengan templet yang dipakai. Misal:<br /><br /><span style="font-weight: bold;">Merubah lebar, tinggi dan warna background.</span><br />Variable untuk lebar dan tinggi ada pada baris script berikut,</span></span><br /><div style="text-align: left;"><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "<span style="color: red;">240</span>", "<span style="color: red;">300</span>", "7", "<span style="color: red;">#ffffff</span>");</span></span></blockquote></div><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br /><span style="color: red; font-weight: bold;">240</span> menunjukkan lebar widget.<br /><span style="color: red; font-weight: bold;">300</span> menunjukkan tinggi widget.<br /><span style="color: red; font-weight: bold;">#ffffff</span> menjukkan warna background.<br /><span style="color: red; font-weight: bold;">100</span> menunjukkan kecepatan putaran.<br /><br /><span style="font-weight: bold;">Merubah warna text.</span><br />Variable untuk lebar dan tinggi ada pada baris script berikut,</span></span><br /><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">so.addVariable("tcolor", "0x<span style="color: red;">333333</span>");</span></span></blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja.<br /><br /><span style="font-weight: bold;">Merubah ukuran font.</span><br />Variable untuk lebar dan tinggi ada pada baris script berikut,</span></span><br /><div style="text-align: left;"><span style="font-size: small;"><br /></span><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='<span style="color: red;">12</span>'><data:label.name/></a></b:loop></tags>");</span></span></blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"></span></span></div><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br /><span style="color: red; font-weight: bold;">12</span> menujukan ukuran font yang digunakan.<br /><br /><span style="color: #009900;">~></span> bila anda menginginkan background yang transparan, maka anda tinggal menghapus tanda<span style="color: red;"> //</span> dari script di atas</span></span><br /><blockquote><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;"><span style="color: red;">//</span>so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); </span></span></blockquote><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br /></span></span><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br /></span></span>

Tutorial Blog Cara Membuat Label Animasi Flash

halo sahabat cerdas selamat sore saya dateng lg nih tp saya bingung mau posting apaan yang menarik ehh tp udah dapet nih pokok pikirannya s...

Baca selengkapnya »

Cara Membuat Link Warna Warni Diblog

<div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="495" id="il_fi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ymNjwJdFlsn50GacPB0bdC30IvaxLJaTDwX-O1nVwlWnSLTIhioU-ldBx9vLw5qhktjmUrgZTBHSfxW6vk8vxbyrmZdCGmT6A9WqUOZlv9qJI2KJK2UvlSZqXoGU5fXfscEZ8jDCVt4/s1600/vector-rainbow-in-the-clouds-06-by-dragonart+copy.jpg" style="padding-bottom: 8px; padding-right: 8px; padding-top: 8px;" width="495" /> </div><br /><br /><br /><div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </div><br />Halo sahabat cerdas ketemu lg sama saya, sekarang saya akan memberikan tutorial blog yaitu membuat link menjadi warna warni pada blog caranya cukup mudah dan singkat bisa kalian simak dibawah ini :<br /><br /><ol style="text-align: justify;"><li>Login ke account blogger Anda</li><li>Pilih rancangan</li><li>Kemudian Klik Edit HTML</li><li>Lalu beri centang atau ceklis pada kotak Expand Template Widget</li><li>Setelah itu cari kode <span style="color: red;"></head></span>  (gunakan ctrl + f untuk mempermudah pencarian)</li><li>Jika sudah dapat, letakkan kode berikut ini tepat dibawahnya</li></ol><div style="text-align: justify;"><blockquote class="tr_bq"><br /><script src='http://super-bee-linkwarna.googlecode.com/files/super-bee.blogspot.com-linkwarna.js' type='text/javascript'> </script> </blockquote></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">7. Save, dan lihat hasilnya</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Cukup mudah bukan ?. Selamat mencoba, dan temukan tutorial menarik lainnya yang akan membantu Anda untuk mendesain blog kesayangan Anda.</div><div style="text-align: justify;"></div><div style="text-align: center;"></div><div style="text-align: center;"></div><div style="text-align: center;">SALAM <a href="http://cerdas-blog73.blogspot.com/" target="_blank">BLOG CERDAS </a></div>

Tutorial Blog Cara Membuat Link Warna Warni Diblog

Halo sahabat cerdas ketemu lg sama saya, sekarang saya akan memberikan tutorial blog yaitu membuat link menjadi warna warni pada blog cara...

Baca selengkapnya »

Cara Menambahkan Emoticon Di Kotak Komentar

<div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="399" id="il_fi" src="http://us.123rf.com/400wm/400/400/Krisdog/Krisdog0808/Krisdog080800008/3394432-an-illustration-of-a-set-of-emoticon-smileys.jpg" style="padding-bottom: 8px; padding-right: 8px; padding-top: 8px;" width="400" /> </div><br /><br />Emoticon, mungkin inilah yang sering terdengar di telinga kita ketika kita sedang melakukan kegiatan chatting untuk mengungkapkan ekspresi emosi kita terhadap lawan chatting kita.<br /><br />Emoticon bisa dipasang dikomentar blog dengan cara menambahkan beberapa kode saja pada template kita dan walla emoticon pun sudah bisa kita nikmati keberadaannya di blog kita. Emoticon ini bermanfaat bagi pengunjung yang ingin berkomentar dan ingin mengekspresikan emosinya pada tulisan komentar-nya. Tentunya dengan kita memfasilitasi kotak komentar blog kita dengan emoticon, maka kita akan mengetahui ekspresi pengunjung kita setelah membaca artikel kita. Berikut ini contoh emoticon-nya.<br /><br /><br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left;"><b><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> :)) <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> ;)) <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> ;;) <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> :D <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> ;) <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> :p <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> :(( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> :) <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> :( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> :X <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> =(( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> :-o <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> :-/ <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> :-* <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> :| <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> 8-} <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> :)] <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> ~x( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> :-t <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> b-( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> :-L <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> x( <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> =)) </b></div><br />Nah bagaimana apakah sobat juga mau memasang-nya di bog sobat? Jika ya, silahkan ikuti langkah-langkah  <b>Memasang Emoticon Di Kotak Komentar Blogger </b>berikut ini.<br /><br />1.Log in ke blogger dengan akun yang anda miliki.<br />2.Klik rancangan » edit HTML » centang kotak Expand Template Widget. Bagi yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centang kotak Expand Template Widget.<br />3.Cari kode </body> pastekan kode di bawah ini tepat di atasnya.<br /><br /><div style="background-color: #fcfcfc; border: 1px #c0c0c0 solid; font-family: monospace; padding: 10px; text-align: left;"><script src='http://colorfullink.googlecode.com/files/smiley_comment.js' type='text/javascript'/></script> </div><br />4.Cari kode <p class='comment-footer'> dan kalau terdapat dua kode yang sama pilihlah kode yang pertama, dan letakkan kode di bawah ini tepat dibawahnya.<br /><br /><div style="background-color: #fcfcfc; border: 1px #c0c0c0 solid; font-family: monospace; padding: 10px; text-align: left;"><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left;"><br /><b><br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> :))<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> ;))<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> ;;)<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> :D<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> ;)<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> :p<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> :((<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> :)<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> :(<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> :X<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> =((<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> :-o<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> :-/<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> :-*<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> :|<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> 8-}<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> :)]<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> ~x(<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> :-t<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> b-(<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> :-L<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> x(<br /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> =))<br /></b><br /></div></div><br />5. Save template anda.<br /><br />Sekian Tutorial cara <b>Memasang Emoticon Di Kotak Komentar Blogger kali ini</b>. Mudah-mudahan bisa bermanfaat bagi anda. <br />

Tutorial Blog Cara Menambahkan Emoticon Di Kotak Komentar

Emoticon, mungkin inilah yang sering terdengar di telinga kita ketika kita sedang melakukan kegiatan chatting untuk mengungkapkan ekspres...

Baca selengkapnya »

Cara Membuat Facebook Auto Hide Like Box

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXPWS7XVlhvMMlejT9FScRUC-WJ5e6bicp0aq5W1UzmGnZ2lskMSiBbh8UN5anyVgazwsYZXCxielRJ0YL3m9LKetQkRTNWVWDgPNkpSd6uYoNl_xIPGTsmpnswnC2mDoaIDyYUP6tDk/s1600/123.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXPWS7XVlhvMMlejT9FScRUC-WJ5e6bicp0aq5W1UzmGnZ2lskMSiBbh8UN5anyVgazwsYZXCxielRJ0YL3m9LKetQkRTNWVWDgPNkpSd6uYoNl_xIPGTsmpnswnC2mDoaIDyYUP6tDk/s1600/123.png" /></a></div><br />Tidak bisa di pungkiri bahwa facebook adalah sarana paling efektif untuk usaha online, mencari pembaca blog, dan lain-lain.<br />karna melalui facebooklah orang lain dapat mengetahui produk yang kita jual, blog kita dan lain-lain deh.<br />biasanya kita membuat suatu halaman khusus di facebook yang sering di bilang sebagai halaaman fans page/fans penggemar dan lain-lain lagi.<br />seperti pada blog oto website ini yang memiliki halaman fans page di facebook, nah yang kita bahas kali ini bukanlah tentang cara membuat halaman fans page di facebook karna dulu blog ini pernah membahasnya , tapi yang akan kita bahas kali ini adalah <b>Cara Membuat Facebook Like Auto Hide Di Blog</b>, sobat psti tau kan maksudnya kalo tidak tau sobat bisa lihat sendiri di gambar, atau melihatnya di bagian samping kanan blog ini(jika blog ini masih menggunakannya).<br /><b> </b><br /><b>Cara Membuat Facebook Like Auto Hide Di Blog</b> , bedanya cara ini agar facebook box like fans page kita terlihat lebih menarik dan tidak terlalu memakan banyak tempat di blog kita, ehm pasti udah pada ngertikan kan sahabat cerdas ?!?<br />oke jika sobat berminat dengan memasasang facebook like auto hide di atas, sobat bisa ikuti langkah-langkah berikut, kemon . . . !!!<br /><br />1.Pertama-tama silahkan sobat login ke blog sobat.<br /><br />2.Pada Menu tab klick Rancangan ➮ Edit HTML<br /><br />3.Pada kotak Edit Template cari kode <b><span style="color: red;"><head></span></b> jika ingin lebih cepat lihat : <a href="http://www.qobul-tkj.co.cc/2012/09/cara-cepat-cari-kode-html-di-blog.html" target="_blank">cara cepat mencari kode html di blog</a><br />4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi<br /><span style="background-color: transparent;"></span><br /><br /><br /><div style="background: #cccccc;"><span style="background-color: transparent;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></span><span style="background-color: transparent;"></span></div><br />5.Sekarang simpan template.<br /><br />6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.<br /><br />7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi,<br /><br /><br /><div style="background: #cccccc;"><script type="text/javascript"><br />/*<![CDATA[*/<br />jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});<br />/*]]>*/<br /></script><br /><style type="text/css"><br />.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}<br />.likebox div{border:none;position:relative;display:block;}<br />.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}<br />.likebox span a{color: gray;text-decoration:none;}<br />.likebox span a:hover{text-decoration:underline;}<br /></style><br /><div class="likebox" style=""><br />    <div><br /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=<span style="color: red;">http://www.facebook.com/blogpraktis</span>&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span><br />    </div><br /></div></div><br />Keterangan: ganti warna <span style="color: red;">merah</span> dengan url/alamat fans page sobat.<br /><br />8.Simpan, dan lihat hasilnya!<br /><br />Gimana mudah bukan? okelah sob sekian dulu untuk postingan kali ini, semoga bermanfaat.

Tutorial Blog Cara Membuat Facebook Auto Hide Like Box

Tidak bisa di pungkiri bahwa facebook adalah sarana paling efektif untuk usaha online, mencari pembaca blog, dan lain-lain. karna melalui fa...

Baca selengkapnya »

Kumpulan Widget Untuk Blog

<div class="separator" style="clear: both; text-align: center;"></div><div style="color: black; margin-left: 1em; margin-right: 1em; text-align: justify;"><a href="http://www.widgetop.com/images/blog/singleWidgetMobile.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="396" id="il_fi" src="http://www.widgetop.com/images/blog/singleWidgetMobile.png" style="padding-bottom: 8px; padding-right: 8px; padding-top: 8px;" width="301" /></a><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"> </span></span></div><br /><br /><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Halo sahabat cerdas kali ini saya akan posting tentang widget.widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya* hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Note:</b> Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang *kesannya* memasang widget yang berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi <acronym title="Problem Loading Page">PLP</acronym>.</span></span><br /><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.blogger.com/blogger.g?blogID=8481845279315467331" name="more"></a></span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">1. <a href="http://www.mybloglog.com/" target="_blank" title="MyBlogLog's Recent Readers">MyBlogLog’s Recent Readers</a> - Widget satu ini sejak kehadirannya didunia <span style="text-decoration: line-through;">lain</span> blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangad* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">2. <a href="http://www.yourminis.com/blogs/yourminis/yourminis/http://www.mashable.com" target="_blank" title="Latest Social Networking">Mashable</a> - Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">3. <a href="http://www.bravenet.com/webtools/news/index.php?afilid=2357604524" target="_blank" title="Bravenet Headline News">Headline News</a> - Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">4. <a href="http://www.flickr.com/badge.gne" target="_blank" title="Flickr">Flickr Flash Photo Stream Badge</a> - Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">5. <a href="http://www.snap.com/" target="_blank" title="Snapshots">Preview Anywhere</a> - sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang <acronym title="Loading Jadi Lama Bo">lojalabo</acronym>. *heuheu*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">6. <a href="http://twitter.com/account/badge" target="_blank" title="Twitter Badge">Twitter Badge</a> - Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada <a href="http://alexking.org/projects/wordpress" target="_blank" title="Wordpress Plugin Twitter">plugin</a> untuk memposting twitter langsung dari blog Anda, contohnya di sidebar blog ini ada celotehan saya sekedar catatan apa yang tengah saya kerjakan menggunakan plugin tersebut.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">7. <a href="http://digg.com/add-digg" target="_blank" title="Digg News">Digg News</a> - Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">8. <a href="http://feedjit.com/" target="_blank" title="Feedjit Live Traffic">FEEDJIT</a> - Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">9. <a href="http://linebuzz.com/" target="_blank" title="LineBuzz">LineBuzz</a> - Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi <span style="text-decoration: line-through;">di atas 900 Mhz</span> tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">10. <a href="http://www.flixn.com/" target="_blank" title="Webcam on your blog">Flixn</a> - Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">11. <a href="http://www.3jam.com/" target="_blank" title="SMS Widget">3Jam</a> - Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">12. <a href="http://jaxtr.com/user/index.jsp" target="_blank" title="Jaxtr">Jaxtr</a> - Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">13. <a href="http://www.linkedinabox.com/" target="_blank" title="Linkedinabox.Com">LinkedInABox</a> - Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">14. <a href="http://www.box.net/widget/" target="_blank" title="Upload your file">Box Widget</a> - Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">15. <a href="http://gas-cost.net/dashboard.php?lang=en" target="_blank" title="Price of Gas">Price of gas</a> - Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">16. <a href="http://weather.ibegin.com/" target="_blank" title="Weather.iBegin.Com">iBegin Weather Widget</a> - Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">17. <a href="http://www.clocklink.com/" target="_blank" title="Clock Link">ClockLink</a> - Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">18. <a href="http://filmloop.myfabrik.com/" target="_blank" title="Filem Loop">Film Loops</a> - Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">19. <a href="http://www.dailypainters.com/widgets/index.php" target="_blank" title="Daily Painters">Daily Painters</a> - Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">20. <a href="http://wholinked.com/" target="_blank" title="WhoLinked.Com">WhoLinked</a> - Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">21. <a href="http://widget.criteo.com/" target="_blank" title="Widget.Criteo.Com">Criteo AutoRoll</a> - Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">22. <a href="http://www.bravenet.com/webtools/calendar/index.php?afilid=2357604524" target="_blank" title="Calender">Calender</a> - Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">23. <a href="http://www.widgetbox.com/tryout/bitty">Bitty Browser</a> - Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">24. <a href="http://www.leafletter.com/LF_Demo.html" target="_blank" title="Leafletter.Com">Leafletter</a> - Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">25. <a href="http://www.wikiseek.com/tools/zip/index.php" target="_blank" title="Wikiseek.Com">WikiSeek</a> - Menampilkan widget untuk pencarian pada Wikipedia.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">26. <a href="http://www.feedburner.com/fb/a/home" target="_blank" title="Feedburner.Com">FeedCount</a> - Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan <a href="http://hakimtea.com/tutorial/daftar-cara-setting-feed-blogger-ke-feedburner-plus-bonus-memasang-3-widget-feedburner/" target="_blank" title="Daftar dan setting Feedburner">account feedburner</a> Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">27. <a href="http://www.technorati.com/tools/linkcount/" target="_blank" title="Technorati.Com Link Count">Technorati Link Count</a> - Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">28. <a href="http://www.mypagerank.net/" target="_blank" title="Mypagerank.Net">MyPageRank</a> - Inilah cara lain untuk <span style="text-decoration: line-through;">sombong</span> menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">29. <a href="http://www.checkpagerank.com/pagerank-script-and-alexa-script" target="_blank" title="Pagerank and Alexa Script">CheckPageRank</a> - Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">30. <a href="http://www.bravenet.com/webtools/counter/index.php?afilid=2357604524" target="_blank" title="Bravenet Hit Counter">Counter Statistic</a> - Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">31. <a href="http://histats.com/" target="_blank" title="Histats Web/Blog Statistic">Web/Blog Counter</a> - Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">32. <a href="http://www.blinkx.com/blinkxit" target="_blank" title="Blinkx.Com">BlinkxIt</a> - Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">33. <a href="http://www.skype.com/share/buttons/" target="_blank" title="Skype Status">Skype button</a> - Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">34. <a href="http://www.rockyou.com/horoscope/create.php" target="_blank" title="RockYou Horoscope">RockYou Horoscope</a> - Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak* Heuheu…</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">35. <a href="http://www.bravenet.com/webtools/horoscope/index.php?afilid=2357604524" target="_blank" title="Bravenet Horoscope">Bravenet Horoscope</a> - Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">36. <a href="http://del.icio.us/help/tagometer" target="_blank" title="Tagometer">del.icio.us Tagometer</a> - Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">37. <a href="http://del.icio.us/help/linkrolls" target="_blank" title="del.icio.us LinkRolls">del.icio.us Linkrolls</a> - Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">38. <a href="http://www.mytimelines.net/" target="_blank" title="www.mytimelines.net">Timelines</a> - Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">39. <a href="http://www.polldaddy.com/" target="_blank" title="Polldaddy.Com">PollDaddy</a> - PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey <span style="text-decoration: line-through;">interaktif padamu negeri</span> dengan theme yang sangat cantik dan menawan hati tanpa batas waktu <span style="text-decoration: line-through;">yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua</span>.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">40. <a href="http://www.vizu.com/" target="_blank" title="Vizu.Com">Vizu</a> - Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">41. <a href="http://www.answers.com/main/answertips.jsp" title="Answers.com">AnswerTips</a> - Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas… Heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">42. <a href="http://www.answers.com/main/answerboxes.jsp" target="_blank" title="Answers.Com">AnswerBoxes</a> - Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban <span style="text-decoration: line-through;">segala risau hatiku</span> dari Answer.Com.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">43. <a href="http://www.sigamp.com/" target="_blank" title="Signamp.Com">Now Playing</a> - Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">44. <a href="http://www.feedburner.com/fb/a/publishers/buzzboost" target="_blank" title="Feedburner.Com BuzzBoost">BuzzBoost</a> - Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">45. <a href="http://www.librarything.com/extras.php" target="_blank" title="Librarything.Com">LibraryThing</a> - Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">46. <a href="http://www.plaxo.com/api/widget?src=ab_chooser" target="_blank" title="Plaxo.com">Plaxo Address Book</a> - Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">47. <a href="http://www.auctionads.com/" target="_blank" title="AuctionAds.Com">AuctionAds</a> - Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">48. <a href="http://astore.amazon.com/" target="_blank" title="Astore.Amazon.Com">aStore</a> - Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum <a href="http://affiliate-program.amazon.com/gp/associates/join?tag=assteablodotc-20" target="_blank" title="Join Amazon Associate">Klik Disini</a> untuk daftar dan langsung buat “warung sederhananya”. Heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">49. <a href="http://widgets.amazon.com/Amazon-Deals-Widget/?id=V20070822/US/assteablodotc-20/8009/9f1174bd-b0bd-48a3-93eb-343f5ceee26c" target="_blank" title="Amazon Deal of The Day">Deal of The Day</a> - Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng. Heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">50. <a href="http://www.plazes.com/tools" target="_blank" title="Plazes.Com">Plazes</a> - Widget ini menampilkan dimana posisi Anda, apakah sudah <acronym title="Posisi Wuenak">PW </acronym>atau belum…? Kalo belum <acronym title="Posisi Wuenak">PW </acronym> cari dulu deh tempat yg nyaman buat ngeblog biar <acronym title="Posisi Wuenak">PW </acronym>. Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">51. <a href="http://www.stockalicious.com/stock_journal/227/share" target="_blank" title="Stockalicious.Com">Stockalicious</a> - Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">52. <a href="http://promotions.yahoo.com/giving/index.php" target="_blank" title="Promotions.Yahoo.Com Giving Donations">Yahoo! For Good</a> - Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal. ^_^</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">53. <a href="http://www.gifttagging.com/get/widget" target="_blank" title="Gifttagging.Com">Giftspace</a> - Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">54. <a href="http://www.mixmap.com/" target="_blank" title="Mixmap.Com">MixMap</a> - Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">55. <a href="http://www.google.com/uds/solutions/wizards/mapsearch.html" target="_blank" title="Google.Com MapSearch">Google Map Widget</a> - Perlihatkan pencarian pada peta google dari blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">56. <a href="http://www.google.com/uds/solutions/videosearch/index.html" target="_blank" title="Google.Com VideoSearch">Google Video Search</a> - Tampilkan form pencarian video dari video pilihan pada blog Anda.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">57. <a href="http://www.bravenet.com/webtools/history/index.php?afilid=2357604524" target="_blank" title="Bravenet This Day in History">This Day in History</a> - Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.</span></span></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">58. <a href="http://hakimtea.com/catatan-hari-ini/fungsi-shoutbox-kelebihan-dan-kekurangan-berbagai-macam-shoutbox/" target="_blank" title="Fungsi Shoutbox">Shoutbox</a> - Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, <a href="http://www.shoutmix.com/" target="_blank" title="Shoutmix">Shoutmix</a>, <a href="http://www.cbox.ws/" target="_blank" title="Cbox.Ws">Cbox</a>, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih <a href="http://oggix.com/" target="_blank" title="Oggix">Oggix</a>. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar.</span></span></div><div style="color: black; text-align: justify;"></div><div style="color: black; text-align: justify;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">cukup sekian widget yang saya tau anda bisa mencobanya dan jangan lupa komentar ya </span></span></div><br />

Tutorial Blog Kumpulan Widget Untuk Blog

Halo sahabat cerdas kali ini saya akan posting tentang widget.widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah s...

Baca selengkapnya »

Cara Membuat Popular Post Warna Warni

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rsLC0bmh5ESVXMXgQjGpCxiCsqZrB82fuCHUNFZ8M4mqEiQiXuYS-VLlRi1B0cWTBGr2-8kxr0GEjmqqc6VsoOs1DLsd6ltyoAuaICzzt39MPb9jJNjyNXMmhHspLlOa7he2ANagRSc/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rsLC0bmh5ESVXMXgQjGpCxiCsqZrB82fuCHUNFZ8M4mqEiQiXuYS-VLlRi1B0cWTBGr2-8kxr0GEjmqqc6VsoOs1DLsd6ltyoAuaICzzt39MPb9jJNjyNXMmhHspLlOa7he2ANagRSc/s320/Untitled.png" width="320" /></a></div>Hai gan saya mau bagi widget keren nih yaitu widget <span style="color: purple;">POPULAR POST WARNA WARNI </span>liat contohnya di gambar yang berada di samping ini keren bukan ? mungkin widget ini udah ga asing buat para master tp bagi yang baru memulai membuat blog mungkin masih butuh pencerahan oke gan lang sung aja deh ke tutorialnya<br /><div style="text-align: justify;">1. Login ke Blogger.com dengan Akun kamu.</div><div style="text-align: justify;"></div><div style="text-align: justify;">2. Klik Tata Letak --> Tambah Gadget --> Entri Populer --> Tampilkan Entri Populer hanya Judulnya saja, jangan memakai gambar dan cuplikan. Atur jumlah popular post yang ingin ditampilkan, boleh 3 ,5 ,7 atau 10, jumlahnya Terserah kamu saja.</div><div style="text-align: justify;"></div><div style="text-align: justify;">3. Klik Simpan.</div><div style="text-align: justify;"></div><div style="text-align: justify;">4. Kemudian kamu klik Template --> Back Up template kamu terlebih dahulu,untuk menghindari kegagalan pada template agar bisa di pulihkan</div><div style="text-align: justify;">5. Masih di bagian Template, Klik Edit HTML --> Klik Lanjutkan --> Cari kode <span style="color: red;"> <span style="color: purple;">]]></b:skin></span></span>. Lalu kamu salin kode CSS di bawah ini dan letakkan di atas kode<span style="color: purple;"> ]]></b:skin>.</span></div><div style="background-color: purple; color: white;"></div><span style="background-color: purple; color: white;">/* Rainbow Popular Post by http://Cerdas-blog73.blogspot.com*/</span><br style="background-color: purple; color: white;" /><div style="background-color: purple; color: white;">#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}<br />#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}<br />#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}<br />#PopularPosts1 ul li:first-child:after,<br />#PopularPosts1 ul li:first-child + li:after,<br />#PopularPosts1 ul li:first-child + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}<br />#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}<br />#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}<br />#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}<br />#PopularPosts1 ul li:first-child:after{content:"1"}<br />#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}<br />#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}</div><span style="background-color: purple; color: white;">/* Rainbow Popular Post by http://cerdas-blog73.blogspot.com*/</span><br /><br />6. Simpa dan kamu lihat hasilnya, pasti cantik sekali sob :D<br /><br />semoga bermanfaat ya buat sahabat cerdas :) terima kasih atas kunjungannya :D

Tutorial Blog Cara Membuat Popular Post Warna Warni

Hai gan saya mau bagi widget keren nih yaitu widget POPULAR POST WARNA WARNI liat contohnya di gambar yang berada di samping ini keren bukan...

Baca selengkapnya »

Cara Membuat Gambar Di Home Page Bulat Dan Berputar Ketika Disorot Mouse

selamat siang sahabat cerdas ane mau share ilmu nih kali ini ane mau bagiin tutorial blogspot yaitu bagaimana cara membuat gambar di homepage blog menjadi bulat dan ketika disorot mouse akan berputar ini gan contohnya<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcDnjl2yH-l-LkhoiqvgPCCdsCtzhtbimcR44ehId4sEdJnEHNGH4-9HiLiHgPZQrLkNIMei1iStEAuzNRMO0VLvP_a64bYsuzIO_fB-bmTG_1n28cVM-U6Lcaq6V1h018lCSPsxRi1g/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcDnjl2yH-l-LkhoiqvgPCCdsCtzhtbimcR44ehId4sEdJnEHNGH4-9HiLiHgPZQrLkNIMei1iStEAuzNRMO0VLvP_a64bYsuzIO_fB-bmTG_1n28cVM-U6Lcaq6V1h018lCSPsxRi1g/s1600/Untitled.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;"><br /></div><div style="text-align: left;">oke gan langsung aja nih ane jelasin caranya :</div><ul><li>Langkah pertama login ke akun bloger sobat</li><li>Langkah kedua klik menu <b>Rancangan » Edit HTML</b></li><li>Langkah ketiga Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya</li><li>Langkah keempat anda cari kode<span style="color: red;"> ]]></b:skin></span></li><li>Langkah kelima anda kopy kode berikut dan paste tepat<b> dibawah</b> kode<span style="color: red;">]]></b:skin></span> atau diatas Tag<b> </head></b></li></ul><ul><blockquote><!-- kondisi home --><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><style type='text/css'><br />.thumb-post img {<br />padding: 4px;<br />margin-top:0;margin-right:0;margin-bottom:5px;margin-left:0;<br />width: 90px;<br />height:90px;<br />background: #ff0000;<br />border: 3px solid #00CC00;<br />-webkit-border-radius: 50px;<br />-moz-border-radius: 50px; border-radius: 50px;<br />-webkit-transition: all 0.5s ease-in-out;<br />-moz-transition: all 0.5s ease-in-out;<br />-o-transition: all 0.5s ease-in-out;<br />transition: all 0.5s ease-in-out;<br />}<br />.post:hover:hover .thumb-post img {<br />border: 3px solid #0000ff;<br />-webkit-transition: all 0.5s ease-in-out;<br />-moz-transition: all 0.5s ease-in-out;<br />-o-transition: all 0.5s ease-in-out;<br />transition: all 0.5s ease-in-out;<br />-webkit-transform:rotate(360deg);<br />-moz-transform:rotate(360deg);<br />-ms-transform:rotate(360deg);<br />-o-transform:rotate(360deg);<br />transform:rotate(360deg);<br />}<br /></style><br /></b:if><br /></b:if><br /><!-- /kondisi home --></blockquote></ul><ul><li>Langkah selanjutnya anda cari kode yang seperti dibawah ini, atau yang jelasnya adalah kode<span style="color: red;"><b> Readmore Otomatis</b></span> yang letaknya diatas kode <span style="color: red;"><b> </head></b></span></li><li>Tapi kalau anda blum menggunakan read more harap gunakan dulu script read morenya karna ini ga bakal bekerja bila tidak menggunakan read more</li></ul><ul><blockquote>function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) {<br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />summ = summary_img;<br />} </blockquote></ul><ul><li>Setelah kode diatas ketemu<b> Sisipkan kode berikut</b><span style="color: red;"> <div class="thumb-post"></span> didepan kode</li></ul><blockquote class="tr_bq"><span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></blockquote><br /><br /><ul><li>Jadi hasilnya akan seperti ini.<br /> <blockquote class="tr_bq"><span style="color: red;"> <div class="thumb-post"></span><span style="color: lime;"> <span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></span></blockquote></li></ul><ul><li>Atau anda juga bisa langsung menggunakan kode dibawah ini, dengan cara <b>Hapus keseluruhan kode readmore otomatis anda, kemudian ganti dengan kode berikut</b></li></ul><ul><blockquote><script type='text/javascript'><span style="background-color: purple;"></span><br />var thumbnail_mode = &quot;float&quot; ;<br />summary_noimg = 340;<br />summary_img = 340;<br />img_thumb_height =120 ;<br />img_thumb_width =120 ;<br /></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br />/*<br />Auto-readmore link script, version 2.0 (for blogspot)<br /><br />(C)2008 by Anhvo<br /><br />visit http://en.vietwebguide.com to get more cool hacks<br />*/<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; }<br /><br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br /><br />if(img.length<=0) {<br />imgtag = '<span style="color: red;"><div class="thumb-post"></span><span style="float:left;padding:0px 10px 5px 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO0I9L6pNerWU3erWzMHcTpvs5bjwWRkNBhbGfv66TxoZ-aB_DgjNQN9WWxbp4zgAl4V3xTDn0ePJIibeGXQlufc3Idmz-tX2iHVfwr2mke_6GAYcP0mh4aRlXBVAK1oRcqrRqaAIWtE74/s0/diary.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>'; var summ = summary_noimg;<br />}<br /><br />if(img.length>=1) {<br />imgtag = '<span style="color: red;"><div class="thumb-post"></span><span style="float:left;padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>'; summ = summary_img;<br />}<br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br /><br />//]]><br /></script></blockquote></ul><ul><li>Kode yang berwarna<span style="color: red;"> merah</span> adalah sisipan kode pada script ReadMore ( Tambahannya )</li></ul><br />hanya sekian yang bisa saya jelaskan semoga bermanfaat buat agan agan semua jangan lupa komentarnya juga ya gan untuk menghindari kegagalan <br /><br />  <br /><center>..................TERIMA KASIH.....................</center>

Tutorial Blog Cara Membuat Gambar Di Home Page Bulat Dan Berputar Ketika Disorot Mouse

selamat siang sahabat cerdas ane mau share ilmu nih kali ini ane mau bagiin tutorial blogspot yaitu bagaimana cara membuat gambar di homepag...

Baca selengkapnya »

Cara Memasang Visitor Histats

Setelah membuat blog cerdas, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?<br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Em_WKNiZSA73tDP8SE2s9f-9fOteQilvA8psSXZJLTLKUW_bAwGfN7KY4LFBc3PJWqN9n_79vCpmd91HIFcQtY4DWckdWc2goIRpVoMcqJoQbg2sWsQQIWBNbvTJurir-nv3kso2lrg/s1600/tutor-histats-adesense-blog.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Em_WKNiZSA73tDP8SE2s9f-9fOteQilvA8psSXZJLTLKUW_bAwGfN7KY4LFBc3PJWqN9n_79vCpmd91HIFcQtY4DWckdWc2goIRpVoMcqJoQbg2sWsQQIWBNbvTJurir-nv3kso2lrg/s1600/tutor-histats-adesense-blog.jpg" /></a><a href="http://kumpulan-adsen.blogspot.com/2012/01/cara-memasang-histats-di-blog-anda.html">Histats.com</a> adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><ul style="text-align: justify;"><li>Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :</li><li>traffic stats,</li><li>user online,</li><li>referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),</li><li>browser (browser apa yang mereka gunakan untuk mengakses blog kita),</li><li>geolocation (dari belahan dunia mana mereka berasal), traffik by url,</li><li>traffic by title dll.</li></ul><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggal Register di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><b>Tutorial Cara Memasang Histats di Blog Anda</b> : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)</div><div style="text-align: justify;"><b>1. Masuk ke <a href="http://www.histats.com/">Histats.com</a></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpDjEwfqt1uwjzjeo5N8BDF28UWv3wMgcQ9GnvmVlAgdkyuhuV5caTt_ex16-lAnIAkR18omsTF9-MLaWIs25ZgAL16RzRGGPpPCtGYBNyvOZf6mVsiTIrMxAuNKMHnz3OmfHR4mxtjc/s1600/tutor-histats-adesense-blog-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpDjEwfqt1uwjzjeo5N8BDF28UWv3wMgcQ9GnvmVlAgdkyuhuV5caTt_ex16-lAnIAkR18omsTF9-MLaWIs25ZgAL16RzRGGPpPCtGYBNyvOZf6mVsiTIrMxAuNKMHnz3OmfHR4mxtjc/s320/tutor-histats-adesense-blog-01.jpg" width="320" /></a></div><b>2. Registerlah : Klik Register</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZi6ttZVGOeXyDf3ivKn7A5xmhl2Vx_6pIkTK75PYsuV2sUtF65RqPLDOEZkmcFEfO4LaQS3NYfqnoFiGSGXE8w9yfX1TNw3MvVYQ4Z68bAWvGc5SCnZMZTIe1ZqkiSnGTiVe1G9v2Z7s/s1600/tutor-histats-adesense-blog-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZi6ttZVGOeXyDf3ivKn7A5xmhl2Vx_6pIkTK75PYsuV2sUtF65RqPLDOEZkmcFEfO4LaQS3NYfqnoFiGSGXE8w9yfX1TNw3MvVYQ4Z68bAWvGc5SCnZMZTIe1ZqkiSnGTiVe1G9v2Z7s/s320/tutor-histats-adesense-blog-02.jpg" width="320" /></a></div><br /><div style="text-align: justify;">Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQop3rRmi7F9vY6Z1SPOyeW1g_oI9vCAdMIffEkmOMvHdD7iN4gjuHrVq4o_Po6arIcu5gNi4bRASGwUBtCMaR2hRW6UB6i71pQbGe6c2NnEIzzzy25sU3WPUia_WVFjtg0WHZxUxgrPc/s1600/tutor-histats-adesense-blog-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQop3rRmi7F9vY6Z1SPOyeW1g_oI9vCAdMIffEkmOMvHdD7iN4gjuHrVq4o_Po6arIcu5gNi4bRASGwUBtCMaR2hRW6UB6i71pQbGe6c2NnEIzzzy25sU3WPUia_WVFjtg0WHZxUxgrPc/s320/tutor-histats-adesense-blog-03.jpg" width="320" /></a></div><br />Dan KLIK Register. Kemudian ada pesan seperti ini<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6dNYKE1FmdHnCRTiDbPGipnj6W77aW-lwMpXSQAua6HbqRPzdhToqGWwxtVy6NvepAbUchcJWaq5tYHsxGpxaC3DD6e-QAhnNn5lgLRVXN_BQvwmE1VW_mWAc_fCvShsCOqM2noHZBg/s1600/tutor-histats-adesense-blog-071.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6dNYKE1FmdHnCRTiDbPGipnj6W77aW-lwMpXSQAua6HbqRPzdhToqGWwxtVy6NvepAbUchcJWaq5tYHsxGpxaC3DD6e-QAhnNn5lgLRVXN_BQvwmE1VW_mWAc_fCvShsCOqM2noHZBg/s320/tutor-histats-adesense-blog-071.jpg" width="320" /></a></div><br /><div style="text-align: justify;">Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><i>your account is now active, please login now and start using histats.com!</i></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGF7zGxjju5b_BjvSyZbdfbmdlc3E8_kqa2Lp30FDQplnXEaHV8y0EYcKxf86yI8iP1zHEN9HR1401Ht40iX1I-YevqLj40xj-oXpsm-DG_980a_5zxr3ITkM2L-u9i_jXOG9QlEq-bc/s1600/tutor-histats-adesense-blog-072.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGF7zGxjju5b_BjvSyZbdfbmdlc3E8_kqa2Lp30FDQplnXEaHV8y0EYcKxf86yI8iP1zHEN9HR1401Ht40iX1I-YevqLj40xj-oXpsm-DG_980a_5zxr3ITkM2L-u9i_jXOG9QlEq-bc/s320/tutor-histats-adesense-blog-072.jpg" width="320" /></a></div><br /><b>3. + Add a Website</b><br /><br /><div style="text-align: justify;">Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..</div><br />KLIK + Add a Website<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9erxuzUsFzvwWCaM5vTk0N2sj5CDcGoUhAh-WBZCjQuKoTT8g_lxSPhvrEXp3gOGvwleGU93nd1RFbsBFvRypW4KpSc6MKGUXokenyAe44BCsLt-ybBnY0nrBMBwDyboFYnPMerVuBqg/s1600/tutor-histats-adesense-blog-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9erxuzUsFzvwWCaM5vTk0N2sj5CDcGoUhAh-WBZCjQuKoTT8g_lxSPhvrEXp3gOGvwleGU93nd1RFbsBFvRypW4KpSc6MKGUXokenyAe44BCsLt-ybBnY0nrBMBwDyboFYnPMerVuBqg/s320/tutor-histats-adesense-blog-06.jpg" width="320" /></a></div><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjZUhry9AddCMfIh-dsLpQm67EtUu-Aln2zOn03sEkVxi0XihN3oV51MdqiItKidVv0uEjVAbYfyWKsGJO5cRGOuUdPTwHiZLZzIbPKKotR1cvpGxfvSk4ZkUtEmDZae0nnOEnnUFSt4/s1600/tutor-histats-adesense-blog-07.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjZUhry9AddCMfIh-dsLpQm67EtUu-Aln2zOn03sEkVxi0XihN3oV51MdqiItKidVv0uEjVAbYfyWKsGJO5cRGOuUdPTwHiZLZzIbPKKotR1cvpGxfvSk4ZkUtEmDZae0nnOEnnUFSt4/s320/tutor-histats-adesense-blog-07.jpg" width="320" /></a></div><br /><br /><div style="text-align: justify;">● Site url : url situs anda http://<b>namabloganda</b>.blogspot.com contoh: http://kumpulan-adsen.blogspot.com</div><div style="text-align: justify;">● Pilih bahasa : Indonesian - Bahasa Indonesia</div><div style="text-align: justify;">● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)</div><div style="text-align: justify;">● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.</div><div style="text-align: justify;">● Title : Judul web atau blog Anda.</div><div style="text-align: justify;">● Description : Penjelasan singkat tentang blog Anda.</div><div style="text-align: justify;">● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.</div><div style="text-align: justify;">● Jangan lupa kode captcha.</div><div style="text-align: justify;">● Dan KLIK Continue</div><br />Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.<br /><br /><br /><b>4. Pasang widget di blogger</b><br /><br />KLIK : nama blog anda.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvDzENgF03PtlMZlXU8IChlH4inMISABo0uvTqTNJ9ZwAqUf7LCjSYZwdokul5KexTATVvveQ-KWeR3UxiIGYkZwq8JaapuA6McDvbmGseoed_GY53HLQ6aUHuM22QrEpFThWDOBLT8I/s1600/tutor-histats-adesense-blog-09.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvDzENgF03PtlMZlXU8IChlH4inMISABo0uvTqTNJ9ZwAqUf7LCjSYZwdokul5KexTATVvveQ-KWeR3UxiIGYkZwq8JaapuA6McDvbmGseoed_GY53HLQ6aUHuM22QrEpFThWDOBLT8I/s320/tutor-histats-adesense-blog-09.jpg" width="320" /></a></div><br />KLIK : Counter Code.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrveodfs3J5LveIiGKsIebmIbD6BRxT_pV0Gkrg6y_JlXMkRgNKmWTUoel2yaCQHZpUyr_hwBd61VxfywVqEdzr-OXKt9wo1_GngmHQBkbzm6B-s6qsOhf9UtV2yqsPlY39BbM7j5cszo/s1600/tutor-histats-adesense-blog-10.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrveodfs3J5LveIiGKsIebmIbD6BRxT_pV0Gkrg6y_JlXMkRgNKmWTUoel2yaCQHZpUyr_hwBd61VxfywVqEdzr-OXKt9wo1_GngmHQBkbzm6B-s6qsOhf9UtV2yqsPlY39BbM7j5cszo/s320/tutor-histats-adesense-blog-10.jpg" width="320" /></a></div><br />KLIK + add new counter<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhu6vP9CmPDtYlecr3EO_JcfARQYCPbj4bEnOujQJV9HOhyBfVQwBVpo7UaABQktfYIwjAYTouuTXWHecwzZzWOJgdbLxNY2Tr3hIgluR073GLOp3nbQD5J1rXgcKeVqh7XebmLUJitRI/s1600/tutor-histats-adesense-blog-11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhu6vP9CmPDtYlecr3EO_JcfARQYCPbj4bEnOujQJV9HOhyBfVQwBVpo7UaABQktfYIwjAYTouuTXWHecwzZzWOJgdbLxNY2Tr3hIgluR073GLOp3nbQD5J1rXgcKeVqh7XebmLUJitRI/s320/tutor-histats-adesense-blog-11.jpg" width="320" /></a></div><br />Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.<br /><br /><div style="text-align: justify;">Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMRxvWziWeH00ebRsqEjRjYTf0Bie0mQzDHBXtC1Ku4bwaqbrTiptbM4UHJjQl3NTx5T2TXw8zWjPVj3-3JgD0fVCntE1fRuwvQ3nphajOpQCw_Vzlzkvg1QhAmftBA6aUj9F2Y069F8/s1600/tutor-histats-adesense-blog-073.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMRxvWziWeH00ebRsqEjRjYTf0Bie0mQzDHBXtC1Ku4bwaqbrTiptbM4UHJjQl3NTx5T2TXw8zWjPVj3-3JgD0fVCntE1fRuwvQ3nphajOpQCw_Vzlzkvg1QhAmftBA6aUj9F2Y069F8/s320/tutor-histats-adesense-blog-073.jpg" width="320" /></a></div><br />Beri tanda centang pada visitor today : <b><i>Total visitor - Page views today - Total page views - user online dan KLIK SAVE.</i></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnyhgwDS7hK0NCgWLq621amwRUVx-ZV15asvcr_eJv-7iwATkjxqastUfwyoBXCrUWQgpCTn8ml4IgZFt3wCu_zsWodRnTtgYEqd7E7cHZpjOlJX1Y3WTMnu_9GbUYBLQgDmnPcgjJKU/s1600/tutor-histats-adesense-blog-073.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnyhgwDS7hK0NCgWLq621amwRUVx-ZV15asvcr_eJv-7iwATkjxqastUfwyoBXCrUWQgpCTn8ml4IgZFt3wCu_zsWodRnTtgYEqd7E7cHZpjOlJX1Y3WTMnu_9GbUYBLQgDmnPcgjJKU/s320/tutor-histats-adesense-blog-073.jpg" width="320" /></a></div><br />KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcqPTnr9yDfEGEhtaIBnLS2vt1c3uT4KrdBhqYaHp3YZuRo0oOaQN8BzwGrh5fDrhrp2b6SV0HCBMjHs56RvOhZwKZUeY_LgQopVY3WbNNSeLUsQQcUzVN7BwgmCKwT-WidZX_vW02MYA/s1600/tutor-histats-adesense-blog-074.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcqPTnr9yDfEGEhtaIBnLS2vt1c3uT4KrdBhqYaHp3YZuRo0oOaQN8BzwGrh5fDrhrp2b6SV0HCBMjHs56RvOhZwKZUeY_LgQopVY3WbNNSeLUsQQcUzVN7BwgmCKwT-WidZX_vW02MYA/s320/tutor-histats-adesense-blog-074.jpg" width="320" /></a></div><br />Lalu Copy <b><i>code scriptnya</i></b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9PwN17llf_Md5-KXQYmLYYRUkH72oHhJgW_IKcmCIy7XOm7gzzjXHFBbvejxedUuZlGEmhhfOfp1qp5zKRIYOa3H-ahAvFOIR83E1QZkuQcCcmjj85_mQrJfUP_jKviIrn3ofgqjUXlk/s1600/tutor-histats-adesense-blog-075.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9PwN17llf_Md5-KXQYmLYYRUkH72oHhJgW_IKcmCIy7XOm7gzzjXHFBbvejxedUuZlGEmhhfOfp1qp5zKRIYOa3H-ahAvFOIR83E1QZkuQcCcmjj85_mQrJfUP_jKviIrn3ofgqjUXlk/s320/tutor-histats-adesense-blog-075.jpg" width="320" /></a></div><br /><div style="text-align: justify;"><b>5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan. </b></div><div style="text-align: justify;">Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.</div>

Tutorial Blog Cara Memasang Visitor Histats

Setelah membuat blog cerdas, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu? Histats.com adala...

Baca selengkapnya »