Cara Memasang Tombol Social Bookmark Di Bawah Postingan

Beberapa hari mencoba untuk menaikkan Page Rank Alexa blogku eh malah naksir ma tutorial blog, terpaksa deh buat postingan ini bagaimana Cara Memasang Tombol Social Bookmark Di Bawah Postingan, saya sebenarnya gak ada rencana sih tapi setelah mampir di Roqi's Blog eh lihat tutorial yang ini akhirnya saya coba dan akhirnya berhasil, tapi tutorial ini akan sedikit berbeda karena ada beberapa yang telah saya tambah yaitu tombol Facebook dan Twitternya, oke langsung aja ya ke tutorialnya.

Langkah-langkahnya:

Login ke akun Blogger dulu
Pilih Tata Letak/Layout
Pilih tab Edit HTML
Cari kode
]]></b:skin>
Copy paste kode dibawah ini tepat di atas kode
]]></b:skin>

/* bookmark */
.post_social_bookmark {
display: block;
font-size: 12px;
margin: 0px;
padding: 0px 0px;
text-align: justify;
color: #666666;
}
.post_social_bookmark img {
float: left;
width: 35px;
height: 35px;
border: 0;
}
.post_social_bookmark a {
float: left;
margin: 2px;
padding: 1px;
}
.post_social_bookmark a:hover {
background-color:#f1f1f1;
Kemudian cari kode
<data:post.body/>
kalau ada dua pilih kode yang kedua
Copy paste kode di bawah ini tepat dibawah kode
<data:post.body/>

<a href="http://yobertparai.blogspot.com/2010/10/cara-memasang-tombol-social-bookmark-di.html" target="_blank"><img src='http://1.bp.blogspot.com/_GcgsJAjEB2E/SovhzFOXj-I/AAAAAAAAA6M/rTc9xdx028M/s400/SHAREIT.jpg'/>
<div class='separator'/>
<div class='clear'/>
<div class='post_social_bookmark'>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/s1600/digg.png' width='48'/></a>

<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitItySOI/AAAAAAAAAhs/RQQh6Du9HrA/s1600/google.png' width='48'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitlmYSuI/AAAAAAAAAh8/mTtVHQxL_mE/s1600/reddit.png' width='48'/></a>

<a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQitawG7PI/AAAAAAAAAh0/vF4HOlj8JH8/s1600/mixx.png' width='48'/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQit6IUS5I/AAAAAAAAAiE/gfbBSYnbjnU/s1600/stumbleupon.png' width='48'/></a>

<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiuP6h64I/AAAAAAAAAiM/x_aGzBKYCgc/s1600/technorati.png' width='48'/></a>

<a expr:href='"http://buzz.yahoo.com/article/" + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQi2FtKY5I/AAAAAAAAAiU/ByTK_Wci_Uo/s1600/yahoo.png' width='48'/></a>

<a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOmnjWDI/AAAAAAAAAhU/nMIbaOaCDic/s1600/designfloat.png' width='48'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOHLlI8I/AAAAAAAAAhM/6JP39Dh6sF8/s1600/delicious.png' width='48'/></a>

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiN859bNI/AAAAAAAAAhE/E_Uh6XTQmpo/s1600/blinklist.png' width='48'/></a>

<a expr:href='"http://furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiPG9Y6xI/AAAAAAAAAhk/YzmjQUPdnrg/s1600/furl.png' width='48'/></a>

<a expr:href='"http://facebook.com/sharer.php?u=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_GcgsJAjEB2E/S3madOG26lI/AAAAAAAABXc/AWnzjQuCD-I/s400/FaceBook_32x32.png' width='32'/></a>

<a expr:href='"http://twitter.com/share?_=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Twitter'><img alt='Twitter' height='32' src='http://3.bp.blogspot.com/_GcgsJAjEB2E/S3mavVL-1fI/AAAAAAAABYM/vXDTO_nCSDs/s400/Twitter_32x32.png' width='32'/></a>

</div>
Kemudian Simpan/Save
Selesai

Saya rasa Social bookmark ini, cukup membuat blogmu keren kan hehehehehe, selamat mencoba ya.

Semoga Bermanfaat...