Bagaimana menambahkan Widget Berlangganan Sosial
Langkah 1-Pergi ke Blogger Dashboard
Langkah 2-Tata Letak-> Tambah elemen-> Html / java Script.
Langkah 3-Paste kode di bawah ini ke bagian isi
<br />
<style type="text/css">.btnt-chronicl-social { width: 320px; margin: -10px; } .btnt-chronicl-social ul { margin: 0; padding: 0; } .btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; } .btnt-chronicl-social ul li a { color: #fff; display:block; } .btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; } .btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;} .btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; } </style>
<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/url feed anda">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://url twitter anda">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://url facebook anda">Find me on Facebook</a></li>
<li><a class="google" href="https://url google anda">Join me on Google+</a></li>
<li><a class="linkedin" href="http://url linkein anda">Connect with me on LinkedIn</a></li>
</ul>
</div>
<p>
Langkah 4-Save Html / java script.
Itu saja ... Pergi ke halaman blog Anda dan lihat apakah muncul atau tidak .... Jangan lupa untuk menggunakan kotak komentar untuk menyampaikan pikiran Anda yang berharga ...

No comments:
Post a Comment