Cara Membuat Cool Leaves Bookmark

Cara Membuat Cool Leaves Bookmark

1 Comment

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.

cool leaves bookmark

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvwpmkc6Mec2PfV10jsNUqL0KcjurQsTz-GmE4FFAlib6f1lofb_WkxC-tX5LM1nfVIQn-qQSbjkmSloR-_9c8DeeVvovHYZ_XzARFqcw33l43CSi6I5uAh8pTZHxVnNEKrdUEF3hYQCI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tGC1LwzauWRqtcD9uCSJPf0BQIeeh3JW5f3FagzUPYH2B-C5BKRffLsdRJyxM-UASnrfcoT3Cg7N-FA8rmIEIuBeArNG19_36avJsReJwDhMiXbPnv9o4sOq3nUHeIYLiNWFGUud94c/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqXLub3GZ171rAMdiZEad687DOABXGBBut7aFdMKY6h7fOyR6cftUynLNXPzH58BGcZWO1Vs3BViuEe05KQWLPSYnV2rkigThrXVSDFbWAPdUE6Z8LqNf_qtdk3WcRD4gm1M1nz9fNg4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmywZnJzs2nDqk1kebZB-z2WoiwUGKXK11TG6jKB1j-oYCk9WXfwsKi_DSqKJmhcGhnvpbZWfoVh65y_GXKNacK-UWy1ThcSXcX3uM-kbHxkVLnfb170jc5i-Q4cqrhLpuaGmG-byBqVU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxGVe_NVuPYLMRsTH1hWGWzuym_gwduJlDqdNiiCCVfzRe9aPwXxnMg9DIoowT-FMiXKq_1xbL3lratZF5LW9PqPsbeBqmC57SwAbTfZZuZ5jnJr4ceraBVz-7rv7xGwKEYwRjPmXo38/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFz2spdjJqBKayRKQUTPNznEVXi4dgd4FcWm-e1aW1Bbk39umwm2BzaUnwcHciImI-sME9kC1I_oW69Zu4R3VLdViisBcNDQNWvauzHUwr_f6CxQ2xSx0wc09p67CdeUmwF7wWJC639o/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5gj4IozeVVYCW9jefbE0CdoB7zY_6rb6dJXYWF17QdDzUPn9qcqIeyOvpBM7-2nERTlXYIothGieD2wXyJtYX_X9VUcXHfnoeg1vvu1aHLVAW7eWJrJzGaKAXXbJR62AsudXGtMZKnOI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEWvpIe8wQY_AXZR47NMFj-4Lt2xMIBvtyMHEfZY_MzwtBPp8lzLKZG9sMu1KZ7KpdWOCZEtyH4WF_pdDSOcJOxJSe7YHQcTOV62SDS6owtjc9asGxc4yeT6Ce4dsDE6J8a0CvMXduFc/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"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.