Cara Membuat Cool Leaves Bookmark

Bookmark ini lumayan bagus dan beda dengan tampilan lain. Disamping itu lebih atraktif karena dilengkapi dengan hover. Ok langsung saja kita bahas cara membuat cool leaves bookmark ini. Ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Masukkan kode berikut di atas ]]></b:skin>

.social{padding:5px 5px 5px 5px; margin:5px; text-align:left; font-family:Trebuchet MS; font-size:12px; height:78px}
.social img{margin:10px 2px 0px 2px; padding:3px 2px 2px 2px; text-align:center; border:1px solid #cfdde9}
.social img:hover{border:1px solid #abcce9}
a.opacity img{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0}
a.opacity:hover img{filter:alpha(opacity=50); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7}

Selanjutnya masukkan kode berikut di bawah kode  <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

<div class='social'>
<strong> Share this </strong><a class='opacity' href='http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/-vuRearjHdvM/Tn3wLsXKLJI/AAAAAAAAAbs/WzDZh12mAhI/s1600/Facebook.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a><a class='opacity' href='http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/-xnB8ON4f5ME/Tn3wV8hDiZI/AAAAAAAAAb0/QcniGkJPeIc/s1600/Twitter.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/-v2AMTkMv5TA/Tn3wiefDSEI/AAAAAAAAAb8/PTDHoX5B3lM/s1600/del.icio.us.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' src='http://3.bp.blogspot.com/-PWzJw_1ly5Q/Tn3wtIN_L2I/AAAAAAAAAcE/ESORCVlg7Dc/s1600/StumbleUpon.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='http://2.bp.blogspot.com/-Bto5iRVCUzE/Tn3w5J7miVI/AAAAAAAAAcM/WGCW8V4JzR0/s1600/Digg.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/-LT2z61bypws/Tn3xDIOPZzI/AAAAAAAAAcU/Y2WHyigXcPk/s1600/Technorati.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='http://1.bp.blogspot.com/-uU1O5txPk_4/Tn3xauOrkHI/AAAAAAAAAck/DTLonKc-AA0/s1600/RSS.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://4.bp.blogspot.com/-v6TmmWQ1lhc/Tn3xOi0C0WI/AAAAAAAAAcc/FWTNRx5qnE8/s1600/Reddit.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
</div>

Klik Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"