Cara Membuat Widget Sosial Media Simpel Dan Ringan - Dalam tutorial ini akan menjelaskan bagaimana cara menambahkan widget berlangganan Rss bergaya dengan sosial media profil ikon. Dengan menggunakan widget Rss Feed Berlangganan ini Anda dapat menghubungkan sosial media profil Facebook, Rss dan tombol berlangganan lainya. Ini akan membantu anda untuk menaikan trafik blog dan mempercantik tampilan blog anda.
Memang sudah banyak yang share tentang cara membuat widget sosial media, namun terkadang itu akan membuat blog anda menjadi berat karena widget sosial media anda memakan ccs yang banyak. jangan pernah anda melihat dari tampilan saja, bukan berarti tampilan yang bagus akan membuat blog anda jadi ramai pengunjung. Namun anda juga harus memperhatikan loding blog dan juga peforma blog anda agar pengunjung tidak bosan karena menunggu loding blog anda yang terlalu lama dan berat. Maka dari itu saya akan share tentang cara membuat tombol sosial yang simpel dan ringan untuk blog. Jika ingin melihat tampilan anda bisa melihatnya di sini :
 |
| Cara Mudah Membuat Widget Sosial Media |
Demo : Klik Disini
Cara Membuat Tombol Sosial Media Di Blog
Lalu anda masukan kode di bawah ini :
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=8359684167311639356" target="_blank" title="Follow this blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a>
</div>
<style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Social Media Sharing by <a href="http://contohblognih.blogspot.com">CB Bloggerz</a></p> <div class='touchme'>
<!--RSS--> <a class='rss' href="http://feeds.feedburner.com/KlinikRea" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> <a class='googleplus' href="https://plus.google.com/u/0/105558447017391113401" rel='nofollow' target='_blank'></a>
<!--Facebook--> <a class='facebook' href="https://www.facebook.com/klinikrea" rel='nofollow' target='_blank'></a>
<!-- Twitter --> <a class='twitter' href="https://twitter.com/klinikrea" rel='nofollow' target='_blank' ></a> </div>
NOTE : Rubah Kode yang bewarna merah dengan data blog anda, Terahir jangan lupa tekan tombol save.
Semoga dengan artikel yang saya tulis ini dapat membuat blog anda menjadi lebih bagus, dan juga anda tidak perlu takut jika blog anda menjadi berat dan loding menjadi lama. karena sosial media blog ini tidak memakan ccs yang besar dan dibilang cukup ringan dan bagus.
Jangan lupa suscribe dan share jika menurut anda artikel tentang cara membuat widget sosial media ini bermanfaat. salam semua-artikel-mantap.blogspot.com Terimakasih
Baca Juga : Cara Mudah Membuat Banner Dan Logo Blog
Tag :
blogger
0 Komentar untuk "Cara Membuat Widget Sosial Media Simpel Dan Ringan"