cara memasang icon like this facebook di blog
yang namanya icon "
" ini, Jika selama ini kita hanya melihat ataupun memanfaatkannya di Jejaring sosial tersebut saja kali ini kita akan menerapkannya pada Blog kita.
Sebagai bahan contoh kamu bisa lihat di Blog k'ian ini, daripada kelamaan kita langsung mulai saja tutorialnya...
Copy kode dibawah ini :
<div style="background:#fff; float: left; margin: 5px 0px 5px 10px; padding:5px;"><b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:570px; height:25px;'/>
</b:if></div><br/>
<div class='clear'/>
Opsi(pilihan) Penempatan
" ini, Jika selama ini kita hanya melihat ataupun memanfaatkannya di Jejaring sosial tersebut saja kali ini kita akan menerapkannya pada Blog kita.Sebagai bahan contoh kamu bisa lihat di Blog k'ian ini, daripada kelamaan kita langsung mulai saja tutorialnya...
Copy kode dibawah ini :
<div style="background:#fff; float: left; margin: 5px 0px 5px 10px; padding:5px;"><b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:570px; height:25px;'/>
</b:if></div><br/>
<div class='clear'/>
Opsi(pilihan) Penempatan
- Penempatan dibawah Judul Postingan
- Jika pada format penempatannya kita pilih dibawah judul postingan, maka langkah pertama yang harus kamu lakukan adalah:
- klik menu Edit HTML , kemudian beri tanda ceklist pada kolom "expand widget template".
- Cari kode dibawah ini: <div class='post-header-line-1'/>
4. Setiap template tidaklah sama, namun kamu tinggal menyesuaikan dengan kode dari template kamu.
5. Selanjutnya pastekan kode diatas yang sudah kamu copy tadi (baca kode.1) tepat dibawah kode diatas, maka hasilnya akan seperti ini :
<div class='post-header-line-1'/>
<div style="background:#fff; float: left; margin: 5px 0px 5px 10px; padding:5px;"><b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:570px; height:25px;'/>
</b:if></div><br/>
<div class='clear'/>
6.Selanjutnya tinggal disimpan..
5. Selanjutnya pastekan kode diatas yang sudah kamu copy tadi (baca kode.1) tepat dibawah kode diatas, maka hasilnya akan seperti ini :
<div class='post-header-line-1'/>
<div style="background:#fff; float: left; margin: 5px 0px 5px 10px; padding:5px;"><b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:570px; height:25px;'/>
</b:if></div><br/>
<div class='clear'/>
6.Selanjutnya tinggal disimpan..
