Membuat Teks Berjalan Di Menu Bar

Membuat Teks berjalan di atas menu bar atau membuat Running Text di atas menu bar media browser kita, bukan merupakan pekerjaan yang sulit. Saya yakin, untuk melakukan hal itu, waktu yang sobat blogger butuhkan tidak lebih dari lima menit bahkan kurang. Teks berjalan di atas menu bar ini biasanya menampilkan sebuah teks yang bertuliskan ucapan selamat datang atau teks pendek yang menjelaskan tentang content blog kita secara umum.

Cara Membuat Teks Berjalan di atas Menu Bar :

• Sign in di akun blogger sobat
• Pada menu drop down, Klik template
• Klik Edit HTML dan klik Proceed.
• Cari kode </head>
• Letakkan kode berikut di atas </head>

<script type='text/javascript'><br /> //<![CDATA[<br /> msg = " -- Selamat datang di Lentera Blogger ";<br /> msg = " | Kami mennyuguhkan Tutorial Blog, Widget Gratis dan Aneka Tips Trik -- " + msg;pos = 0;<br /> function scrollMSG() {<br /> document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;<br /> if (pos > msg.length) pos = 0<br /> window.setTimeout("scrollMSG()",200);<br /> }<br /> scrollMSG();<br /> //]]><br /> </script><br />

• Klik Save template

Tambahan :

1. Teks "Selamat datang di Lentera Blogger dan Kami mennyuguhkan Tutorial Blog, Widget Gratis dan Aneka Tips Trik", silahkan di ganti sesuka hati sobat blogger.
2. Untuk merubah kecepatan dari jalannya teks, ganti angka 200 tersebut. Satu hal yang harus di ingat, semakin besar nominal dari angka tersebut, semakin lambat jalannya teks. Begitu juga sebaliknya, semakin kecil angkanya, semakin cepat teks itu berjalan.

Cara Ganti Cursor Blogger

Cara Membuat Teks Berputar Mengelilingi Cursor adalah tutorial blog yang saya berikan beberapa minggu yang lalu. Karena Page View untuk tutorial tersebut sangat tinggi, saya pun membuat tutorial susulan. Tutorial susulan yang saya maksudkan adalah yang saat ini sobat blogger baca (Semoga tutorial ini semakin meningkatkan rating tutorial saya yang sebelumnya itu).

Bentuk default dari cursor blog adalah gambar panah warna putih. Bagi beberapa orang, cursor default sangat membosankan sehingga mereka memilih untuk mengganti cursor tersebut dengan tampilan yang mereka inginkan. Ada blog yang menggunakan cursor gambar hati, kartun, buah-buahan, bola, bahkan ada juga yang menggunakan gambar atau foto artis. Apakah sobat blogger berniat untuk ganti cursor blog sobat? Kalau berniat, silahkan ikuti tips trik berikut.

Cara Ganti cursor blog :

1. Login di blogger.com
2. Pada bagian menu Drop Down, Klik Layout dan klik Add a Gadget.
3. Pilih HTML/JavaScript
4. Copy Paste salah satu dari kode yang sudah saya siapkan.
5. Simpan Widget sobat.

Cursor Ninja Shuriken dan Kunai

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth519.ani) url(http://cur.cursors-4u.net/others/oth-5/oth519.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-shuriken-and-kunai.html" target="_blank" title="Ninja Shuriken and Kunai"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ninja Shuriken and Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Call of Duty Black Ops 15th Prestige

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-12/gam1155.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/01/call-of-duty-black-ops-15th-prestige.html" target="_blank" title="Call of Duty Black Ops 15th Prestige"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Call of Duty Black Ops 15th Prestige" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Metal Set - Loading

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur968.ani) url(http://cur.cursors-4u.net/cursors/cur-10/cur968.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/metal-set-loading.html" target="_blank" title="Metal Set - Loading"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Metal Set - Loading" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Animated Sparkly Love Heart

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym501.ani) url(http://cur.cursors-4u.net/symbols/sym-6/sym501.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/04/17/animated-sparkly-love-heart.html" target="_blank" title="Animated  Sparkly Love Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated  Sparkly Love Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Red Butterfly

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat13.ani) url(http://cur.cursors-4u.net/nature/nat-1/nat13.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/20/nat13-11.html" target="_blank" title="Red Butterfly"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Sonic The Hedgehog - Sonic

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-1/gam64.ani) url(http://cur.cursors-4u.net/games/gam-1/gam64.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/30/gam64.html" target="_blank" title="Sonic The Hedgehog - Sonic"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sonic The Hedgehog - Sonic" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Elegant Rose

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat943.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Guitar

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-1/mec90.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/01/mec90.html" target="_blank" title="Guitar"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Guitar" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Starry Sun

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/26/starry-sun.html" target="_blank" title="Starry Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Starry Sun" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Flashy Pink Star

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym172.ani) url(http://cur.cursors-4u.net/symbols/sym-2/sym172.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/08/flashy-pink-star.html" target="_blank" title="Flashy Pink Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flashy Pink Star" style="position:absolute; top: 0px; right: 0px;" /></a>

Untuk mendapatkan kode Cursor yang lebih banyak lagi, silahkan kunjungi cursors-4u.com. Situs tersebut menyediakan lebih dari ribuan jenis Cursor.
Codes and Pictures above are taken from Cursors-4U.com

Cara Buat Widget Twitter Keren

Pada bulan Mei yang lalu, saya sempat membuat tutorial blog tentang Cara Buat Burung Twitter Terbang di blog. Tutorial yang akan saya berikan kali ini, sedikit berbeda dengan yang sebelumnya. Kalau sebelumnya, Burung Twitter-nya terbang dan bergerak kesana kemari. Yang sekarang, Burung Twitter-nya tidak terbang, hanya bergerak di tempat. Widget Twitter ini pasti akan terlihat cantik kalau di pasang di blog, karena tampilan animasinya yang lucu dan imut. Saya sangat penasaran, siapa Webmaster yang telah membuat widget Twitter ini.

Widget Twitter 1

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ravisaive"></param><a href="http://www.ravisaive.in/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=ravisaive"></embed></object>

Widget Twitter 2

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ravisaive"></param><a href="http://www.ravisaive.in/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=ravisaive"></embed></object>

Widget Twitter 3

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON5/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON5/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ravisaive"></param><a href="http://www.ravisaive.in/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON5/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=ravisaive"></embed></object>

Widget Twitter 4

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ravisaive"></param><a href="http://www.ravisaive.in/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=ravisaive"></embed></object>

Widget Twitter 5

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ravisaive"></param><a href="http://www.ravisaive.in/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=ravisaive"></embed></object>

Cara pasang Widget Twitter di Blog :

1. Login di blogger.com
2. Dari menu drop down klik Layout ---> Add a Gadget ---> HTML/JavaScript
3. Copy Paste salah satu dari kode di atas.
4. Simpan widget sobat

Cara Memasang Widget Feedjit

Widget Feedjit adalah sebuah widget yang menampilkan dari mana pengunjung kita datang, kapan dia datang dan menampilkan judul postingan kita yang membuat mereka datang ke blog kita. Widget pengunjung ini bisa digunakan secara gratis oleh siapa saja yang memiliki blog. Ngomong-ngomong, apa keuntungan yang didapatkan perusahaan Feedjit kalau dia meyediakan layanan gratis sepert ini? Sebenarnya Feedjit juga menyediakan layanan berbayar, tapi tidak perlu saya jelaskan disini. Untuk yang gratis, di bawah widget Feedjit tampil sebuah iklan kecil. Nah... dari situlah mereka memperoleh keuntungan. Tanpa banyak bercerita, Talk less do more, kita langsung saja belajar membuat widget Feedjit.

• Pertama, kunjungi dulu link berikut :

http://feedjit.com/freeLiveTrafficFeed/?utm_source=ltf&utm_medium=web&utm_campaign=feedjitTopAdGetFeedjit

• Selanjutnya, isi form yang sudah disediakan.

Your first and last name : Isi dengan nama sobat blogger
What country are you in : Isi dengan nama negara kita, Indonesia
Enter your email address : Masukkan email sobat blogger

• Klik tombol Get your traffic feed,
• Pada laman yang terbuka, sobat blogger bisa melakukan kostumisasi tampilan widget Feedjit.

Select a color scheme adalah tampilan warna dari widget Feedjit, silahkan sobat blogger pilih sesuai selera.
Select widget width (pixels) adalah ukuran lebar widget
Number of visitors Feedjit shows adalah jumlah pengunjung yang akan ditampilkan

• Klik tombol Go.
• Klik tombol "Click to open a new window and install on blogger"
• Selanjutnya, sobat blogger akan di bawa pada laman sepert ini. Jangan klik Add a Gadget/Menambah widget tapi klik Edit Content.

• Lalu copy paste kode tersebut di blog sobat.
• Semua laman dari situs Feedjit bis di tutup.
• Proses pembuatan Widget feedjit sudah selesai.

Enjoy your nice widget and Thanks for visiting Lentera Blogger

3 Kesalahan Umum Content Blog

Sebagai seorang Blogger, tentunya aktivitas posting content adalah suatu hal yang bisa dikatakan rutin. Namun, dalam membuat posting, tentunya kita ingin meraih target atas penulisan posting tersebut, salah satunya adalah membanjirnya visitor. Namun, tak mudah untuk mewujudkan semua itu. Berikut adalah tiga kesalahan umum content blog yang harus dihindari agar target yang ingin anda capai bisa terwujud :

Judul Yang Membosankan

Judul content anda pada dasarnya adalah sebuah headline untuk artikel Anda, yang perlu dimodifikasi untuk menarik perhatian dan menarik pembaca mengunjungi content anda. Buat judul content semenarik mungkin, itu akan membuat content anda menarik untuk dikunjungi.

Tidak Memiliki Tujuan yang Jelas 

Tujuan penulisan posting harus anda buat, hal ini harus diperhatikan agar anda tahu apa yang ingin anda dapatkan, dan apa yang pengunjung dapatkan. Sehingga, dalam content anda tersebut mempunyai nilai plus, tak hanya bagi anda, namun juga bagi visitor blog anda.

Tidak Tahu Target Audiens Anda - 

Tidak tahu target audiens anda akan membuat anda membuat posting secara asal-asalan. Karena anda tidak tahu apa yang audiens inginkan dan apa yang mereka cari di content anda. Kenali dulu target audiens anda agar audiens anda nyaman menikmati content-content anda.

Cara Menghias Tampilan Cursor Blog

Ada banyak cara yang bisa sobat blogger lakukan untuk menghias tampilan Cursor dari blog sobat blogger. Misalkan dengan mengganti Cursor yang gambar panah dengan tampilan yang lain, atau memberikan efek warna yang berbeda terhadap Cursor. Pada kesempatan ini, saya akan berbagi tips kepada sobat blogger mengenai bagaimana cara membuat teks berputar mengelilingi Cursor yang gambar panah tersebut tersebut. Kalau kita menambahkan efek teks berputar mengelilingi Cursor pada blog, maka kemana pun Cursor tersebut di geser oleh pengunjung blog kita, maka teks tersebut selalu akan mengikuti.Seakan-akan teks tersebut menjadi ekor dari Cursor tersebut.

Buat rekan-rekan blogger yang jarang browsing, mungkin penasaran dengan fitur blog yang seperti ini. Jadi untuk menghilangkan rasa penasaran, sebaiknya sobat blogger mencoba memasang fitur ini di blog sobat? Apakah untuk memasang fitur ini kita harus Edit Template kita? Tidak, kita tidak perlu melakukan Edit Template. Kita hanya menambahkan sedikit kode Java Script di kolom HTML/JavaScript.

Cara Membuat Teks Berputar Mengelilingi Cursor :

• Login di blogger.com
• Pada Menu Drop Down, Klik Layout
• Lihat sebelah kanan, lalu klik Add a Gadget
• Pilih HTML/JavaScript.
• Letakkan Kode berikut di dalam kolom yang tersedia :

• Klik Save.

Perhatikan kode di atas, tulisan #ff0000 bisa di rubah sesuai dengan keinginan sobat bogger. Itu merupakan warna dari teks yang berputar. Untuk mengetahui kode warna, kunjungi link berikut : HTML Color CodeTeks atau tulisan "Welcome to Lentera Blogger" bisa di rubah dengan kalimat yang sesuai dengan blog sobat.

Komang & Blogger Peer is Comeback

Hi.. sobat blogger semua apa kabar? mohon maaf selama ini saya menghilang cukup lama di dunia maya karena kesibukan saya di dunia offline hingga tak sempat membuat artikel yang berguna bagi sobat blogger semua, bahkan saya tidak sempat mengikuti update tentang tips trik blogger maupun seo, saya sudah ketinggalan banyak neh dari kalian semua hehehe…

Terima kasih banyak bagi sobat yang sudah meluangkan waktu untuk comment pada blog saya ini dan minta maaf sebesarnya karena saya tidak sempat membalas comment kalian satu per satu dan juga tidak sempat visit back ke blog sobat.

Karena saya tidak pernah update blog Blogger Peer pada waktu yang lama kurang lebih 6 bulan akibatnya sangat besar, artikel saya yang terakhir adalah tentang cara buat tombol back to top , setelah tadi saya cek pagerank dan alexa blog ini menurun, dari PR 2 menjadi PR 1 dan juga Alexa rank juga menurun, sekarang saya mulai lagi sedikit demi sedikit berusaha untuk menaikkan Alexa rank maupun Google pagerank, wuuuhhh… capek deehhh…

Google Translate Icon Bendera

Untuk menerjemahkan laman web atau laman blog, memasang Widget Google Translate adalah solusinya. Dengan memasang widget Google Translate, pengunjung blog kita tidak perlu mengunjungi laman http://translate.google.com/ untuk menerjemahkan postingan yang kita buat. Hanya dengan klik icon bendera, laman kita yang berbahasa Indonesia langsung diterjemahkan ke bahasa yang mereka inginkan. Widget ini bekerja dengan cepat dan mudah dalam menerjemahkan laman web.

Widget Google Translate yang satu ini, berbeda dengan Widget Google Translate bendera bergerak yang saya kasih sebelumnya. Widget Google Translate yang satu ini memiliki tampilan lebih indah dan bisa masuk di semua warna background blog. Perhatikan saja widget di bawah ini! Lalu coba arahkan Cursor sobat ke salah satu bendera! Bagaimana, keren kan? Silahkan langsung pasang widget ini di blog sobat.

Cara memasang Widget Google Translate

• Login di blogger.com
• Di menu Drop Down klik Layout --> Add a Gadget
• Pilih HTML/JavaScript.
• Copy paste kode berikut di kolom yang tersedia.

<style>
 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

</style>  <div>
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLU9gYdRE_PXXrUNFzKW1kI2d1krlnPDJAo6078gXV3CLMeLirpzBtFjclt70AH0WqMNNTUerPbhGHTEoeuUZ9cvePSkwO9TsRAClp8HIgxH_AjgPXspazSXkSqRHiBn8NecDt9Jr_54/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNX61LULf6YJ4CfPv8Z0JbQiE3Kj9jquACkOU3sLpquOBHGVNOZMmH2g3VLMc42VhZSspCIw33OAqdt-_WYtfFEUZjL_oOszr2tmB1LkrKOfTB34DGqEmbOf3CcRVKq7nBqb0kqpR3ouw/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdyKF8VW9vluhh9FKSMqrz9pKnfIBsOQV3NGIKdECeOc3xYhIGri3UN2Q-g4EqAcAqhNDWHTfKx1xykRTqrTqIttWwMAMb6wjR7zTuVXv5RP3S8t5sSyr5QdF83Ock62Nnx8y74ceWV8/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6upLSD-IXjbfsm6e2jJDrRkQryRO-E5FIqzSQnZu8N29u_T26kE8WtqQOaY5-LOfH3rNijTypR4pLkaPxD1OL_ruLhOgu8aSnumBNQb0q-udHPCIqP-m1kYV1Edj_bPzXAF_dVWl7bU/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOKqkOH848jeNRmGRuom1Fuq_BXdKWdBBHOPOvxdIHLmIuHDxD-aCya-7a8vr-hSFYwSTZWJRcUoweFX9-yYw70yi28-T5VGIXTgems6vZ3QGZIchXr6P3Y-rgMsyoCAQAkQpdrzfRIQ/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEw5UIK9cpmiVb02NYMcPNsLesnoHUVjGqUTzWxmB7oIXfOkh-3xyG23OATZ2Ze9Vqdrc4gnLPjitXiHCx57xX3yVwVU6x6YiKAGbQcunSDhK6H8Zap7o7inZAU1TPtKAQDfKz9RTSTlU/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuomiqPap57-vwX4JK_5OLQ0wTTYIPu5gJeM0NqDeSN8YVF1BijD7Zt7FQZAC4MlzU7wLoY4Ns_ObRgy7eGYZOe71MgUbJK2abisZnGVr72ypkglqgupIGxeBsMwMX7nnaH50Ga-ZbrmY/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgv1O8Ki9qh4a4y5Td8X-7mnvJxyKHKpOoM7w71NuerpIMIUFRJNIce1bFheO831L45GR-s9QUEb7AEQiHSJgdSw_5YnDAnt1VUFFIaGEWikgWJrSpfv3n8woiweNkzHV1eJuBVo9Djk/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9NL-DDwPXfaPc2ywvggfCGplNaawK4I1okHKAkdURiEhyphenhyphenQfVNuZWoGerzG_fSsUf324csSIkxwk_NYjMSKNai9Iw-lTGGpWnICVFBr8C5iT9sHMNpIcKOF2RRoY1Yi_4BnTgnF2mars/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQoQamhoIc3gKLJdxWaie-8X5Z3GUfG3nUy7un0h4QTbxmO07pfwFMMQgjm6IfKdeL4J2983thCRpuJ1ojDcwSR66zU1Ven10wauOocrdzmKXKidXHxSq3srQPP41kebo-kX_jO92gJhg/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXO4qHnl3FVN-RrKQU5yZiGS4RJHfXORy48ChCQI4GGrZSQDLMPQF1KJFWKeNSZmzABewvClQnE9d0c6LQv9EcFgxpjtLG4R4_Zo7S2erNJgttWj9z8TWzjW41jLXPMSN4n90QqJ5D68/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcStlApjh9mjzCUEyuxOqcNam-41hzTw_V_04IIJ0AueBNgKCNhT8ChVlNvqsCyIGw2DJx_fpZOSJxIkRT0l7xwwZUnuR83YOHDfkATKhRXSQ5qNAnfuERtCpBcSDTlrur0OlLkqcPCkY/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a>      </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://lenterablogger" title="Translate widget">Translate Widget</a> by Google </div>

• Simpan widget sobat.

Enjoy your beautiful widget...!!!

Cara Buat Read More Otomatis di Blogger.com

Expandable post atau yang umum di kenal dengan istilah "Read More" adalah sebuah fitur yang membuat postingan sobat blogger terpenggal di halaman index Beranda atau Home Page. Di setiap akhir preview, terdapat sebuah link yang menuju ke halaman posting, yang biasanya menempel pada kata "Read More" atau "Baca Selengkapnya".

Perbedaan antara Read More konvensional dengan Read More Otomatis dengan thumbnail adalah :


Read More Konvensional :

1. Menggunakan HTML
2. Harus memasukkan kode di dalam postingan
3. Panjang potongan atau penggelan dapat disesuaikan.
4. Fungsi Read More hanya akan terlihat kalau kode sudah ditambahkan di dalam postingan.
5. Tanpa Thumbnail. Untuk menampilkan thumbnail atau gambar, maka gambar harus diletakkan dibagian paling atas postingan.

Read More Otomatis dengan thumbnail :

1. Menggunakan Javascript.
2. Tidak perlu memasukkan kode di dalam postingan.
3. Panjang potongan dapat di ubah, tetapi akan berpengaruh di semua postingan.
4. Read More diterapkan untuk semua posting, tanpa terkecuali.
5. Secara otomatis menampilkan thumbnail atau gamabar yang ada di dalam postingan tersebut.

Itu adalah sekilas gambaran tentang perbedaan antara Read More Konvensional dengan Read More Otomatis dengan thumbnail. Untuk membuat Read More otomatis atau untuk membuat fitur baca selengkapnya, silahkan ikuti langkah di bawah ini!

Cara Buat Auto Read More :

• Login dulu di akun blogger sobat
• Dari Design, klik Edit HTML dan tandai Expand Widget Template
• Back Up terlebih dahulu template sobat.
• Cari kode </head>
• Tambahkan kode berikut Setelah atau di bawah kode </head>

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx =  s.join("");
}
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+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
if(img.length>=1) { 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>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->

• Setelah itu, cari kode <data:post.body/>
• Ganti kode <data:post.body/> dengan kode berikut :

<!-- Auto read more Start -->
<!-- http:lenterablogger.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->

• Klik Preview, kalau sudah berhasil klik Save

Tambahan :

1. summary_img adalah jumlah karakter yang akan ditampilkan dalam penggalan dengan thumbnail.
2. summary_noimg adalah jumlah karakter yang akan ditampilkan dalam penggalan tanpa thumbnail
3. img_thumb_height dan img_thumb_width adalah ukuran tinggi dan lebar gambar, Sobat blogger bisa menyesuaikan angka tersebut.
4. Kata "Read more" bisa di ganti dengan kata yang sobat blogger inginkan misalnya : Baca Selengkapnya, Lebih Lengkap, Baca Lagi, Selengkapnya, dll.

Kalau postingan atau artikel ini bermamfaat buat sobat blogger, jangan lupa tinggalkan pesan atau komentar sobat pada kolom komentar di bawah ini.

Account Google AdSense Dinonaktifkan

Selama satu bulan Iklan Adsense tayang di blog ini. Iklan Google Adsense yang tayang tersebut didapat dari Third Party atau pihak ketiga yaitu Docstock. Tapi sekarang, iklan tersebut sudah tidak muncul lagi. Sobat tau kenapa Iklan Adsense yang ada di blog saya tidak muncul lagi? Karena Account Google AdSense saya sudah Dinonaktifkan. Apa alasan Google Adsense sehingga menonaktifkan akun saya? Saya tidak tau karena tidak ada aktivitas yang mencolok yang saya lakukan beberapa hari ini selama online, kecuali mengklik Iklan Adsense dari salah satu blog yang sempat berkomentar di blog saya. Apakah seorang publisher Adsense tidak boleh mengklik iklan dari blog lain? Jangan-jangan tim Adsense berpikiran kalau komentar yang ditinggalkan oleh pengunjung blog saya terebut, berisi ajakan untuk saling klik iklan. Waduh... Kalau kenyataannya seperti ini, Tim Adsense harus di cuci otaknya biar tidak Su'uzon alias negativ thingking.

Berikut ini pesan yang saya dapatkan ketika saya login di akun Adsense saya :

Account Dinonaktifkan

Saat ini, akun AdSense Anda untuk login ini dinonaktifkan. Sebaiknya periksa kotak masuk email Anda untuk melihat pesan yang mungkin telah kami kirimkan tentang status akun Anda. Terkadang pesan tersebut dapat tertangkap oleh penyaring email, karena itu pastikan untuk memeriksa folder Massal/Spam dalam akun email Anda.

Jika akun Anda dinonaktifkan karena aktivitas klik yang tidak valid, kunjungi Tanya Jawab Account yang Dinonaktifkan untuk informasi lebih lanjut.

Dan berikut ini contoh Email yang saya temukan di dalam Inbox Gmail saya :

Account Google AdSense Dinonaktifkan
Halo,
Sewaktu memeriksa data kami baru-baru ini, kami menemukan bahwa akun AdSense Anda telah menimbulkan risiko besar terhadap pengiklan AdWords. Karena menyimpan akun Anda dalam jaringan penayang kami dapat merugikan pengiklan kami secara materi di masa mendatang, kami memutuskan untuk
menonaktifkan akun Anda.

Harap maklum bahwa langkah ini perlu kami lakukan untuk melindungi kepentingan pengiklan dan penayang AdSense lainnya. Kami menyadari ketidaknyamanan yang ditimbulkan karenanya, dan kami berterima kasih
sebelumnya atas pengertian dan kerjasama Anda.

Jika Anda memiliki pertanyaan tentang akun atau tindakan yang kami lakukan, jangan balas email ini. Anda dapat menemukan informasi lebih lanjut dengan mengunjungi
https://www.google.com/adsense/support/bin/answer.py?answer=57153&hl=in.

Hormat kami,

Tim Google AdSense

Di Template Blog Ada Tanda Tanya

Kenapa di Blog atau template saya muncul tanda tanya? Pertanyaan ini jarang sekali di tanyakan oleh pemilik blog karena hanya sebagian orang yang mendapati adanya Tanda Tanya di template blog mereka. Apakah di blog sobat blogger terdapat tanda tanya juga? Kalau seperti itu kenyataanya, berarti blog sobat blogger sama dengan blog ini beberapa hari yang lalu.

Penyebab dari munculnya tanda tanya di blog adalah lambatnya koneksi jaringan internet yang kita gunakan. Saat kita menyimpan perubahan yang kita lakukan terhadap template kita, Server tidak bisa membaca perubahan tersebut. Sehingga sering muncul pesan Error, dan template tidak bisa di simpan. Tetapi, ketika template bisa di simpan dalam keadaan koneksi internet lamban, maka biasanya di blog kita tampil tanda tanya. Berarti kesimpulannya adalah "Tanda tanya yang muncul di blog disebabkan oleh jaringan internet yang lamban".

Bagaimana solusi untuk menghilangkan tanda tanya tersebut? Solusinya adalah "Backup template sobat, lalu Edit, cari posisi dimana tanda tanya itu muncul (Tapi ingat, banyak kode yang menggunakan tanda tanya di template kita), kalau sudah ketemu, hapus kode tersebut,dan simpan template sobat.

Satu pesan saya : Berhati-hatilah saat edit template, salah dalam menghapus kode bisa berakibat fatal buat blog sobat. Jadi sebaiknya, selama sobat blogger edit template, perhatikan file asli dari template sobat dan gunakan Notepad saat edit template.

Lihat hasinya! apakah tanda tanya masih muncul di blog?

Cara Cek Validasi Template di W3C

Sebelum sobat blogger belajar tentang cara mengatasi Error Template, ada satu hal yang harus sobat blogger lakukan terlebih dahulu yaitu memeriksa atau mengecek dokumen dari template sobat. Untuk memeriksa dokumen dari template sobat, sobat bisa mengunjungi situs W3C Validator. Kenapa saya menyarankan sobat blogger untuk memeriksa dokumen dari template sobat di W3C? Kenapa tidak di situs-situs validator yang lain? Karena W3C memberikan kita kemudahan di dalam memeriksa dokumen template kita. Di samping itu, W3C memeriksa dokumen template kita dengan sangat cepat, not more than one minute.

W3C dapat memeriksa dokumen template jenis HTML, XHTML, SMIL, MathML atau yang lain. Tool Validator yang di miliki oleh W3C ini dapat digunakan oleh semua pemilik blog atau situs yang ingin melakukan validasi terhadap templatenya. Tool ini dapat kita gunakan secara gratis dan berulang-ulang. Tidak salah kalau banyak orang yang mengatakan bahwa W3C is the best Markup Validation Service.

Cara Cek Error Template :

• Seperti yang saya utarakan di atas, untuk mengecek dokumen dari template, kita langsung saja mengunjungi link berikut : http://validator.w3.org/.
• Pada kolom "Address", masukkan URL blog sobat. Sebagai contoh : http://lenterablogger.blogspot.com/.
• Klik "More Options" lalu kasih tanda centang pada kolom Show Source, Clean up Markup with HTML-Tidy, Show Outline dan Verbose Output. Kita tidak memberikan centang pada kolom "Validate error pages" karena kita hanya mengecek dokumen dari template kita, kita tidak memvalidasi template kita. Kalau Error yang terdapat di template kita sudah kita perbaiki, baru kita kasih tanda centang pada "Validate error pages".
• Kemudian klik tombol "Check".

Sobat blogger tinggal melihat hasil yang disuguhkan.

Untuk memudahkan sobat blogger dalam memahami tutorial di atas, silahkan sobat blogger mainkan Video YouTobe di atas. Video itu sengaja saya unggah di YouTobe untuk mempermudah sobat blogger dalam memahami cara cek validasi template di W3c.

Solusi Untuk Mengatasi Earnings/Monetize Tab Blogger yang Hilang

Earnings Tab atau monetize Tab hilang dari beranda blogger merupakan hal biasa yang sering di alami oleh pemilik blog. Tapi banyak rekan-rekan kita sesama blogger yang merasa kaget ketika Earnings Tab tersebut hilang. Sampai-sampai ada yang ngomong seperti ini : Waduh... Jangan-jangan ini adalah pemberitahuan secara tidak langsung dari Adsense kalau blog saya tidak masuk dalam kategori mereka. Ada juga yang ngomong seperti ini : Google Adsense sepertinya tidak suka lagi dengan blog saya. Pokoknya, tidak sedikit omongan atau pikiran negatif yang muncul ketika Tab Earning atau Tab Monetize hilang dari beranda blogger.

Saya pribadi, sengaja menghilangkan Earning Tab tersebut dari beranda blogger saya, karena kebanyakan Tab membuat saya pusing. Di halaman Home blog blogger.com saya, hanya terdapat delapan Tab, yang seharusnya sembilan tab. Tab-tab tersebuat adalah Overview, Post, Pages, Comments, Stats, Layout, Template dan Settings. Lalu, bagaimana cara saya mengembalikan Tab Earnings yang hilang tersebut? atau bagaiman saya menghilangkan Earning Tab Blogger?

Coba sobat blogger perhatikan gambar di bawah ini. Temukan perbedaan di antara kedua gambar ini!

Apakah sobat blogger menemukan perbedaan diantara kedua gambar tersebut? Kalau tidak, saya kasih tau perbedaan antara gambar 1 dan gambar 2. Gambar 1 menggunakan Bahasa Inggris dan memiliki Earnings Tab, gambar 2 menggunakan bahasa Indonesia dan tidak memiliki Earnings Tab. Jadi, Earnings Tab tidak muncul di blogger.com karena kita menggunakan bahasa Indonesia di akun blogger.com kita.

Cara mengembalikan Earnings Tab atau Monetize Tab yang hilang :

1. Dari http://www.blogger.com/home, lihat sebelah kanan bagian atas, disana terdapat pengaturan bahasa. Klik pengaturan bahasa tersebut. Kalau sebelumnya sobat blogger menggunakan Indonesia - Indonesian ganti menjadi Inggris - English.
2. Lalu cek Tab blogger sobat. Apakah Earning Tab sudah muncul? Kalau belum, ikuti lagi langkah kedua di bawah ini.
3. Dari laman http://www.blogger.com/home, klik menu drop down dan klik Settings
4. Klik Language and formatting
5. Lihat dan rubah pengaturan di Language.
6. Bahasa Indonesian - Indonesia di rubah menjadi English
7. Klik Save Settings
8. Kembali ke halaman beranda Blogger, cek menu drop down sobat blogger! Earning Tab pasti muncul kembali.

Cara Buat Artikel Terkait Dengan Scroll Bar

Di akhir setiap postingan saya, sobat blogger pasti melihat adanya daftar link di dalam sebuah box yang disusun berdasarkan kategori atau label. Daftar link tersebut merupakan fitur Related Article atau artikel terkait dari Lentera Blogger. Saya sengaja menggunakan Scrolling Bar untuk fitur artikel terkait ini, supaya fitur artikel terkait tidak terlalu memakan tempat di bagian blog post saya.

Untuk memasang fitur related article dengan scroll bar, sobat blogger harus memastikan dulu, apakah sobat blogger sudah membuat label buat setiap postingan blog sobat. Kalau belum, baca dulu postingan yang sudah saya publikasikan sebelumnya di sini : Cara Membuat Label Untuk Postingan. Fitur artikel terkait tidak akan muncul di blog bila sobat blogger tidak memberikan label untuk setiap postingan sobat. Buat sobat blogger yang sudah memberikan label untuk setiap postingannya, ikuti langkah di bawah ini :

Cara Membuat Artikel Terkait Scroll Bar :

• Sign In di akun blogger.com
• Pada menu Drop Down, Klik Template
• Backup Template sobat blogger terlebih dahulu.
• Kalau sudah, klik Edit Template
• Klik Proceed dan kasih tanda centang pada Expand Widget Template
• Copy Paste (Copas) kode CSS berikut :

.rbbox{border: 1px solid rgb(192, 192, 192); padding: 5px;background-color: #f0f0f0; -moz-border-radius:5px; margin:5px; } .rbbox:hover{ background-color: rgb(255, 255, 255); }

• Paste kode tersebut sebelum kode ]]></b:skin>
• Selanjutnya, copy kode di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

• Paste kode tersebut di bawah kode <data:post.body/>
• Simpan template sobat.

Penting :

1. Terdapat banyak kode <data:post.body/> pada setiap template. Kalau blog sobat blogger sudah memasang fitur Read More, tempatkan setelah <data:post.body/> yang kedua.
2. #f0f0f0 adalah kode warna background sebelum Cursor diarahkan, silahkan ganti dengan warna yang sobat blogger inginkan. Lihat kode warna disini.
3. var maxNumberOfPostsPerLabel = 4; adalah jumlah postingan untuk setiap label dan maxNumberOfLabels = 3; adalah jumlah label. Silahkan sobat blogger sesuaikan kedua kode tersebut.

Kalau sobat blogger tidak berhasil membuat fitur Artikel Terkait Dengan Scroll Bar, layangkan pertanyaan sobat blogger melalui kolom komentar yang tersedia.

Stop Daftar Adsense Melalui Flixya

Di tolak Google Adsense menjadi publisher membuat banyak orang mencari alternative lain untuk mendapatkan iklan Adsense tersebut. Salah satu cara yang mereka tempuh adalah dengan memamfaatkan bantuan dari pihak ketiga, sebagai contoh Flixya. flixya.com telah terbukti bisa membuat banyak orang jadi publisher Adsense. Hanya dengan mengupload foto, video atau dokumen, maka orang tersebut sudah bisa mengajukan diri melalui Flixya untuk jadi publisher.

Jadi publisher Google Adsense ternyata sangat mudah. Tidak perlu menggunakan domain dot com, tidak perlu menulis postingan berbahasa inggris, tidak perlu banyak postingan di blog. Pokoknya untuk jadi Google Adsense pasti sangat mudah.

Itu semua hanya anggapan saya saja. Anggapan seperti itu muncul, karena banyak blog yang bercerita tentang mudahnya mendapatkan Adsense melalui Flixya. Kenyataan yang saya temukan (ini berdasarkan pengalaman yang saya dapatkan), saya daftarkan blog saya melaui Flixya, setelah mengunggah beberapa foto, video dan dokumen, saya pun mendapatkan sebuah pemberitahuan dari Flixya. Berikut ini kutipan dari pemberitahuan Flixya tersebut :

Due to unforeseen circumstances, Google has terminated Flixya from the Google Adsense API. We will no longer serve Google Adsense ads around your content.

Sobat tahu apa arti dari pemberitahuan tersebut? Baiklah saya terjemahkan.

Karena keadaan yang tak terduga, Google telah mengakhiri Flixya dari Google Adsense API. Tidak lama lagi, kami akan melayani iklan Google Adsense di sekitar konten Anda.

Jadi, kesimpulannya adalah "Google Adsense sudah mengakhiri kerjasamanya dengan flixya.com". Sobat blogger akan menyia-nyiakan waktu sobat blogger kalau mendaftakan blog sobat melalui situs Flixya untuk saat ini. Bagaimana dengan kedepannya? Apakah kita bisa daftar Adsense melalui Fixya? Kita tunggu saja perkembanngannya.

Layanan Validasi Markup W3C

Markup Validator adalah layanan gratis yang diberikan oleh W3C yang membantu sobat blogger dalam memeriksa validitas dokumen Web. Kebanyakan Web dokumen ditulis menggunakan bahasa markah, seperti HTML atau XHTML. Bahasa-bahasa ini ditetapkan oleh spesifikasi teknis, yang biasanya termasuk dapat dibaca oleh mesin formal grammar (dan vocabulary). Kegiatan memeriksa terhadap kendala yang disebut validasi merupakan satu hal yang dilakukan oleh Markup Validator.

Memvalidasi dokumen Web merupakan langkah penting yang secara dramatis dapat membantu meningkatkan dan menjamin kualitas dari web tersebut. Validator ini dapat memproses dokumen yang ditulis dalam markup language yang banyak. Support terhadap dokumen yang memiliki jenis HTML (melalui HTML 4.01) dan XHTML (1.0 dan 1.1) family, MathML, SMIL dan SVG (1.0 dan 1.1, termasuk profil mobile). Markup Validator juga dapat memvalidasi Web dokumen yang di tulis dengan SGML atau XML DTD, asalkan dokument tersebut menggunakan deklarasi tipe dokumen yang tepat.

Validator ini juga memvalidasi HTML sistem yang sesuai dengan standar internasional ISO/IEC 15445-HyperText Markup Language, dan standar internasional ISO 8879-standar umum Markup Language (SGML) -yang pada dasarnya berarti bahwa selain untuk rekomendasi W3C, Validator ini dapat melakukan validasi menurut standar-standar ISO ini.

Selain validator W3C menawarkan sejumlah tools lain untuk membantu Anda memeriksa jenis dokumen (CSS, RDF, P3P,...), menemukan link di halaman Web sobat blogger, dan seterusnya. Semua alat-alat ini tercantum pada W3C's QA Toolbox.

Ada juga tools yang sangat baik yang dikembangkan di luar W3C untuk membantu meningkatkan kualitas halaman Web seperti :

1. HTML tidy, awalnya dikembangkan oleh W3C, adalah sebuah program yang dapat membantu secara otomatis membersihkan halaman HTML.
2. Validome menawarkan validator sangat handal untuk HTML, XHTML dan WML, dalam bahasa yang berbeda.
3. The WDG HTML validator adalah layanan validasi online yang sangat baik yang lain.
4. A Real Validator adalah sebuah shareware HTML sintaks checker untuk sistem Windows, dari penulis WDG validator.
5. Site Valet oleh Nick Kew adalah seperangkat komprehensif jaminan kualitas alat untuk memeriksa dan memantau situs web.

Cara Install Google Toolbar di Internet Explorer

Setiap komputer yang menggunakan Operating System Windows, sudah pasti memiliki Internet Explorer karena Internet Explorer adalah bawaan default dari Windows XP, Windows Vista, Windows 7 atau Windows 8. Walaupun Internet Explorer atau IE terdapat dalam program komputer kita, kita jarang menggunakannya karena masih ada media browser yang lain yang lebih bagus dan lebih cepat ketimbang IE seperti Google Chrome atau Mozilla Firefox.

Hari ini saya akan memberikan sebuah tips kepada sobat blogger tentang Cara Install Google Toolbar di Internet Explorer 9. Tips ini sengaja saya berikan, supaya sobat blogger bisa menggunakan atau memfungsikan Internet Explorer yang sobat blogger miliki. Satu hal lagi point positif yang bisa sobat blogger dapatkan dari memasang Google Toolbar yaitu sobat blogger bisa melakukan optimasi blog sobat blogger.

Cara Install Google Toolbar di Internet Explorer 9 :

• Kunjungi laman https://tools.google.com/dlpage/toolbar/eula.html?hl=en
• Baca dulu Google Terms of Service
• Di bagian Configure your search settings, kasih tanda centang pada Set Google as default search in Internet Explorer and notify me of changes dan Set my home page to Google

• Selanjutnya klik tombol Accept dan Install
• Sebuah jendela baru muncul, artinya proses download Google Toolbar sedang berlangsung. Tunggu beberapa menit.

• Jendela Baru kembali muncul yaitu Google Toolbar Notifier. Kasih tanda centang pada Change To Google dan prevent programs from suggesting change to my default search provider lalu klik Ok.

• Untuk ke tiga kalinya, jendela baru muncul kembali, klik Restart Now

• Kalau ada muncul permintaan seperti gambar di bawah ini, klik Close All Tabs

• Klik Enabe pada bagian bawah media browser Internet Explorer sobat.

Dari bagian atas akan muncul sebuah notifikasi seperti ini :

Discover and share cool stuff with Google Related and +1's in Toolbar! Share cool stuff with +1's in Toolbar! Discover and share cool stuff with Google Related in Toolbar!
Google Related shows you useful, interesting content while you browse the web. When you're surfing with Related, you'll often see a thin bar along the bottom of your screen that offers videos, maps, reviews and other content that's relevant to that page.
In addition, anytime you've found something you like, share it with your friends using the +1 button on your toolbar. You can manage your +1's in a new tab on your Google profile (https://profiles.google.com). You can show your +1's tab to the world, or keep it private and just use it to personally manage the ever-expanding record of things you love around the web. Click the +1 button to publicly give a webpage your stamp of approval. Your +1's can help friends and others on the web find the best stuff when they search. You'll also be able to share your +1's on Google+ publicly or with your circles.
You can manage your +1's in a new tab on your Google profile (https://profiles.google.com). You can show your +1's tab to the world, or keep it private and just use it to personally manage the ever-expanding record of things you love around the web. Google Related shows you useful, interesting content while you browse the web. When you're surfing with Related, you'll often see a thin bar along the bottom of your screen that offers videos, maps, reviews and other content that's relevant to that page.
Do you want to enable current enhanced features including Google Related and the +1 button, and also future enhanced features provided by Google Toolbar?
Do you want to enable current enhanced features including Google Related, and also future enhanced features provided by Google Toolbar?
Do you want to enable current enhanced features including the +1 button, and also future enhanced features provided by Google Toolbar?
Please note, this isn't the usual yada yada:If you enable enhanced features, the URLs, latency, and other information about the sites you visit will be sent to Google. We use this data to track site characteristics and usage in order to improve many of our products. Some enhanced features like +1 also associate this data with your Google account. Learn more about managing enhanced features. (Privacy Policy)

• Klik Enabe Enhanced Features

Selamat menikmati Google Toolbar di Internet Explorer