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 ...
Tidak ada komentar :
Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>
Konversi KodeOOT