Sliding Sharing Widget Sosial Untuk Blogger
Tuesday, April 23, 2013
Add Comment
Sliding Sharing Widget Sosial Untuk Blogger - Dalam posting ini, im akan menjelaskan cara menambahkan widget bagus berbagi sosial untuk blog.It Anda sebagai efek hover bagus. Untuk posting ini im menggunakan murni CSS dan HTML languages.You dapat menghubungkan Anda Rss, Facebook, Twitter nad Google plus.You dapat menambahkannya dengan langkah mudah.
1. Masuk ke akun blogger dan klik drop down.
2. Sekarang pilih "Layout" Seperti bawah.
Ganti dengan URL Anda di mana saya highligh dengan teks warna merah.
7. Sekarang menyimpan HTML / Javascript '.
Anda telah selesai ..
1. Masuk ke akun blogger dan klik drop down.
2. Sekarang pilih "Layout" Seperti bawah.
<style>
/*--------Social Sharing Widget ------*/
.socialsharing a {
display:block;
height:50px;width:50px;padding:0 4px;float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgzZIFdxgk6XzzKEEORNzM0ulHN2qxUA9qMOJG-VqyMfLyLB1Qddt9uGWRr13oi6_LLpxDHAeRlO0R-Ypf2iF9dnxMTD_jkRmQWoYNn-KZKBjXLkwNf8XzE3Hyf_9qZ7-HRW0WKwNAgD4/s1600/Sharing+buttons.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;
}
.socialsharing a.googleplus {
background-position: 0px -58px;
}
.socialsharing a.googleplus:hover {
background-position: 0px 0px;
}
.socialsharing a.twitter {
background-position: 0px -290px;
}
.socialsharing a.twitter:hover {
background-position: 0px -232px;
}
.socialsharing a.facebook {
background-position: 0px -406px;
}
.socialsharing a.facebook:hover {
background-position: 0px -348px;
}
.socialsharing a.rss {
background-position: 0px -174px;
}
.socialsharing a.rss:hover {
background-position: 0px -116px;
}
</style>
<br />
<div class="socialsharing">
<a class="rss" href="RSS Link" rel="external nofollow" target="_blank"></a>
<a class="googleplus" href="Google profile link" rel="external nofollow" target="_blank"></a>
<a class="facebook" href="Facebook page Link" rel="external nofollow" target="_blank"></a>
<a class="twitter" href="Twitter Link" rel="external nofollow" target="_blank"></a>
</div>
Ganti dengan URL Anda di mana saya highligh dengan teks warna merah.
7. Sekarang menyimpan HTML / Javascript '.
Anda telah selesai ..
0 Response to "Sliding Sharing Widget Sosial Untuk Blogger"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda