Sosial Subscribe Wordpress Untuk Blogger

Widget

Hari ini saya berbagi untuk Anda Widget Berlangganan Sosial Sederhana Gaya Wordpress Untuk Blogger. Saya yakin bahwa ini akan menggoda para pembaca Anda untuk melihat Anda di fb page atau twitter land mark. Ini merupakan Gaya Widget Berlangganan Sosial WordPress + Fan page. Widget ini juga akan menanamkan Google mark up penulis di blog Anda sehingga Google gambar profil akan ditampilkan di Google ketika orang mencari situs Anda. Ikuti langkah-langkah di bawah ini untuk menambahkan widget ini ke blog Anda.

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

Back to Top
Loading...