Your-BelajarBLOG: Cara Memasang 3 Populer Social Media Widget

Widget 3 Popular Social Media ini adalah Widget untuk memperoleh pengikut dengan cara menarik pengunjung dari Widget unik. dengan Widget unik pengunjung juga menyukai. Jika Widget tidak menarik pengunjung juga tidak akan melihat dan memperhatikannya nah salah satunya Widget ini. Widget ini merupakan Salah satu dari banyak cara untuk memperindah blog. untuk itu saya akan menjelaskan cara untuk membuatnya. untuk membuatnya Silahkan ikuti cara berikut ini:

Silahkan Login Ke Blogger Anda.
Setelah itu, Klik Menu Template --> Klik Tombol Edit HTML untuk mengedit HTML anda.
Centang Expand Template Widget, Lalu, Cari Kode ]]></b:skin> dengan menekan CTRL+F atau dengan F3
Copy kode Berikut ini letakan Diatas kode ]]></b:skin> :

.box {
-moz-box-shadow: inset 10 0 5px 15px #888;
-webkit-box-shadow: inset 10 0 5px 5px#888;
box-shadow: inset 10 0 5px 5px #888;
background: #f2f2f2;
font-family: verdana;
text-shadow: 1px 1px 1px white;
height:auto;
padding-left: 10px;
}
.topbox h3{
font-family: Times new roman;
padding-top: 10px;
padding-left: 6px;
font-size: 14px;
margin-bottom: 0px;
text-transform: uppercase;
text-shadow:1px 0px 0px #2f2f2f;
box-shadow: 0 4px 2px -2px gray;
}
.myaligntop{
vertical-align:text-top;
}

.twitter {
display: block;
width: 300px;
height: 50px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mw4_gOtVRWXdm55V0jj7Kb8gh4rd1nkaqbgpACpGG4bEautfMeyr4djevP07cvcI_h6QGBCHb6Ya93wt9GW0fKwp4TQQuA2fOs-GUpNhcNc8cExC9JH24O8Vhvq4vt9aWRoTdiqfv8A9/s1600/BannerTwitter11.png') bottom;
text-indent: -99999px;
}
.twitter:hover {
background-position: 0 0;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.google {
display: block;
width: 300px;
height: 50px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghAUmtC25HrusUZS8AgDa4bxBo7ZVKrCBZJqgDzMwKx6oiS_ByfB7iphKgLH3-B4e-DARah_F_k9K7iCUZ5vEETRTAi5T5BwB-uz2FnCVYgLYIftd-TDju4-M11R8Rni9FiV-fOF0kz3x2/s1600/BannerGooglePlus11.png') bottom;
text-indent: -99999px;
}
.google:hover {
background-position: 0 0;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.facebook {
display: block;
width: 300px;
height: 50px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOCUn0_BKtHYZgyvxDHIvmlep8Q6rwobuwyjIOj-2PUT_nwXaIgw4hdaf6s7-zBnA3WBda5GwDThNGAabKkEdskA8tacucuu0X_JU1hfxaCG1Tz99bI3rrWkHKomnOHoAiqpccr4QFcNeP/s1600/BannerFacebook11.png') bottom;
text-indent: -99999px;
}
.facebook:hover {
background-position: 0 0;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

Setelah itu, Klik Tombol Simpan Template.
Lalu, Klik Menu Tata Letak --> Add Gadget HTML.
Paste Kode Berikut ini:

Keterangan:

Ganti Tulisan https://twitter.com/Your-BelajarBlog dengan Alamat URL twitter anda.
Ganti Tulisan https://plus.google.com/114812141180411759844 dengan Alamat URL Plus Google Anda.
Ganti Tulisan http://www.facebook.com/pages/Your-Belajar-Blog/395122827241045?ref=hl dengan Alamat URL facebook Anda.

Setelah itu, Klik Tombol Simpan.

Selamat Mencoba,

Salam Sukses,

Your-BelajarBLOG

Your-BelajarBLOG

2/03/2013

Cara Memasang 3 Populer Social Media Widget

No comments:

Post a Comment