Cara Menambahkan Facebook Like Button Di Blogger

Assalamu'alaikum... :)

Kali ini saya akan menuliskan panduan cara menambahkan Facebook 'Like' Button di blogger. Bagi siapa saja yang tertarik ingin menambahkan Facebook 'Like' Button di blog blogger tapi belum tahu bahaimana caranya silakan baca terus tutorial Cara Menambahkan Facebook Like Button ini, dan bagi teman-teman yang sudah tau caranya silakan koreksi, jika ada yang salah silakan di tegur ya...

Ok Langsung saja ...

Tutorial Cara Menambahkan Facebook Like Button Di Blogger

Seperti biasa, pertama silakan login dulu ke www.blogger.com

Setelah itu silakan klik Design / Rancangan / Tata Letak, kemudian klik bagian Edit HtmlBeri centang pada pada bagian Expand Widget Templates.
 
==> Cari Kode

]]></b:skin>

Letakkan kode berikut di atas ]]></b:skin> tadi

.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:545px;
height:20px;
}

Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
 

Masukkan kode berikut di bawah kode <data:post.body/>

<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>

Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.

Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
</b:if>

 Selamat Mencoba dan semoga berhasil *_^...

Sumber Blog Tetangga : http://blog.ahmadrifai.net/

Jangan Lupa Klik Tombol Like Di Bawah ini ya ... ^_^

Readmore..

Membuat Read More Tanpa Script

Panduan Cara Membuat Read More Di Blogger Tanpa Menggunakan Script Read More

Hari ini saya ingin menuliskan cara membuat read more tanpa script atau cara membuat posting yang ada tulisan baca selengkapnya tanpa harus menutak-atik template yang kita gunakan, tanpa harus repot-repot menambahkan kode/script lagi. Bagi yang ingin mencoba membuat Auto Read More (Read More Otomatis menggunakan script) silakan baca Cara Membuat Auto Read More di Blogger.

Saya rasa ini bisa di jadikan alternatif yang sangat tepat/JITU bagi siapa saja yang ingin menampilkan sebagian tulisan di home page yang ada tulisan Read More atau Baca Selengkapnya. Cara ini juga sangat aman, karena tidak ada RESIKO EROR.

Ingin tahu Cara Membuat Read More Tanpa Script???

Silakan baca terus ,,,
Oh ia ... bagi yang sudah tahu cara ini silakan tegur jika ada yang salah.

Cara Membuat Read More/Baca Selengkapnya tanpa edit template sangat mudah!!!

1. Silakan tulis artikel seperti biasanya (tulis saja dulu sampai selsai)
2. Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.
3. Klik Icon Insert jum break 
4. Terbitkan/Publish artikel tersebut dan silakan lihat hasilnya.

Nah itu lah cara mudah membuat read more/baca selengkapnya di blogger tanpa harus pusing dan ribet memasukkan script read more lagi.

Selamat Mencoba..

Sumber ;http://blog.ahmadrifai.net/

Jangan Lupa Klik Tombol Like Di Bawah ini ya ... ^_^

Readmore..

Cara Bikin Tulisan Berjalan Di Address Bar

Bagaimana Cara Bikin Tulisan Berjalan Di Address Bar ketika orang membuka blog kita?

Pada artikel yang telah lalu saya sudah menuliskan panduan Cara Membuat Tulisan Berjalan atau Cara Membuat efek Marquee, namun artikel tersebut hanya membahas cara membuat tulisan berjalan di postingan blog atau sidebar blog saja.

Nah kali ini saya ingin menuliskan tutorial bagaimana cara bikin tulisan berjalan pada adress bar (itu lho,,, tulisan berjalannya terlihat di atas kotak untuk menuliskan alamat website maksudnya)

Membuat Tulisan Berjalan Di Address Bar

• Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
• Setelah itu klik menu Layout atau Tata letak
• Kemudian klik menu Edit HTML
• Silahkan temukan kode ini </head>
• Setelah itu kode nya sudah di temukan silakan taroh kode di bawahnya.

<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Silahkan ganti tulisan berwarna biru dengan tulisan yang anda inginkan, nanti tulisan itulah yang akan terlihat berjalan di address bar.
Sebelum pengaturannya di simpan, sebaiknya di preview dulu.

Jangan Lupa Klik Tombol Like Di Bawah ini ya ... ^_^

Readmore..