Blogger sayfa yanına açılır facebook widgeti ~ Klavyemist | Oyun Program Dosya İndir

Anasayfa » Blogger » Blogger sayfa yanına açılır facebook widgeti

Blogger sayfa yanına açılır facebook widgeti

Unknown 21:57 0

Blogger sayfa yanına açılır facebook widgeti

Sitenize facebook sayfasınızı tanıtmanın çok güzel bir yolu facebook widgeti.Sayfa üzerinde fareyi facebook simgesine getirince açılan facebook sayfanzı tanıtabilirsiniz.

Şimdi nasıl sitemize ekleyeceğimize geçelim.

Adım 1: İlk önce blogger kontrol panelinde Yerleşim bölümüne geliyoruz.Daha sonra herhangi bir yere gadget ekliyoruz.Açılan sayfada HTML/Javascript seçeneğini seçip aşağıdaki kodları ekliyoruz.Kodlarda facebook sayfasını kendi sayfanızla değiştirmeniz lazım.

<script type="text/javascript"> 
// 
</script> a
<style type="text/css"> 
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQDQOq1PyTVaJPQs0LQkRXvjA8PVowtGVSHrBLB_p70KW_2UllW5nPzyH9jC9CZzCQhY1gckObmlCy8uWbXFHi5Eueu8AuLmERTF_maD3wyRanXHchl167VHsPJtTTBI2Ek3Z0wduPpi5f/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #808080;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Klavyemist-1102942139749216/;width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div>
</div>

Adım 2:Daha sonra aşağıdaki kodu Şablon > HTML'i Düzenle CTRL+F yapıp <head> kodunu buluyoruz ve içine yapıştırıyoruz.

Sonuç:Şablonu kaydettikten sonra kod sitemize eklenmiştir.İyi bloglar.

Önizle Tıkla Önizle

Sevgili klavyemist

Değerli yorumlarınızı ve konu hakkındaki düşünce veya sorularınızı lütfen bize bildirin.En kısa sürede size geri dönüş yapıyoruz.İyi günler.

İlginizi Çekebilir × − +

Lütfen yorumlarınız argo kelime içermesin.Teşekkürler.

Kaydol: Kayıt Yorumları (Atom)