Dalam kesempatan kali ini taukahbahwa.blogspot.com akan menyajikan berita tentang Membuat variasi widget jejaring sosial CSS3 dengan ikon warna hitam. Semoga dengan berita Membuat variasi widget jejaring sosial CSS3 dengan ikon warna hitam akan menambah wacana untuk anda pembaca setia taukahbahwa.blogspot.com
Widget yang satu ini selain sangat atraktif juga memiliki desain yang elegan. Widget ini murni menggunakan CSS3 sehingga loading cepat dan ditambah beberapa flatform jejaring sosial terkenal seperti facebook, twitter dan yang lainnya. Dengan background ikon warna hitam menambah sempurna bagi kebanyakan template blogger. Berharap anda menyukai dan menambahkannya di blog..:)
LANGKAH-LANGKAHNYA:
- Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
- Kemudian pilih -> Template -> Edit HTML
- Cari tag/kode ]]></b:skin> tekan CTRL+F untuk memudahkan pencarian
- Kopi dan pastekan kode CSS berikut tepat diatas kode ]]></b:skin>
- Kemudian cari lagi kode <data:post.body/>
- Pastekan kode berikut setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='font-size: 22px;'><b>Anda Menyukai Postingan di Atas? Silahkan di share...</b></div>
<ul class='bssocial' id='bscssanimation'>
<li class='bsfacebook'>
<a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow'><strong>Facebook</strong></a>
</li>
<li class='bstwitter'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' target='_blank'><strong>Twitter</strong></a>
</li>
<li class='bsredit'>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow'><strong>Reddit</strong></a>
</li>
<li class='bstechnorati'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url ' rel='nofollow' target='_blank'><strong>Technorati</strong></a>
</li>
<li class='bsstumbleupon'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank'><strong>StumbleUpon</strong></a>
</li>
<li class='bsdig'>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Dig</strong></a>
</li>
<li class='bslinkedin'>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a>
<li class='bsdelicious'>
<a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank'><strong>Delicious</strong></a>
</li>
</li>
</ul>
</b:if>
- Simpan template, selesai...
Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com
No comments:
Post a Comment
jangan lupa tinggalkan komentar .... trimakasih atas kunjungannya