Blog Haberleri Widget Eklentisi

1.5.16
Blogunuzda bulunan içeriklerin blog anasayfasında slayt tarzı blog haberleri widget'i sayesinde blog okuyucularına tekrar sunulması ve blog içeriklerinin güncel olmasına yüzde yüz katkı sağlayan widget ile blogunuz yeni bir tasarımı daha sahip olacak.

Blog Haberleri Widget Eklentisi

Blog Haberleri Widget'i Nasıl Oluşturulur? - Bu widget'i oluşturmak blogunuzun header kısmına monte etmek çok basit. Sadece aşağıdaki blog yönelgelerini takip ederek blog haber widget'ini kurabilirsiniz.

Blog Sitesine Haber Widget'i Nasıl Eklenir?


1- Blogger hesabınıza giriş yapın ve eklemek istediğiniz blogun yönetim panelinden Şablon > HTML'i Düzenle tıklayın. CTRL+F yardımıyla  ]]></b:skin> veya </style> kodu bulun ve aşağıdaki kodları bulduğunuz kodun bir satır üzerine kopyalayıp yapıştırın. Kod içerisinde yer alan renk ve yazı tiplerini blogunuzun tasarımına göre değiştirebilirsiniz.

.etiket-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid #ddd;border-left:5px solid #FFBE45}
.etiket-wrap>span{display:inline-block;background:#fefefe;padding:0;font:600 13px 'roboto',sans-serif}
.etiket-wrap>span>a{color:#444;text-decoration:none}
#etiket{height:45px;overflow:hidden;background:#f8f8f8;text-align:left}
#etiket ul{padding:0;margin:0;list-style:none}
#etiket ul li{height:45px;white-space:nowrap}
#etiket ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#etiket ul li h3{margin:0;font:600 16px 'roboto',sans-serif}
#etiket ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#etiket ul li .etiketmeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#888}

2. Aşağıdaki kodu </body> kodunun hemen bir satır üzerine ekleyin.

<script src='https://cdn.rawgit.com/jquerycods/es/master/haber.js' tipi='text/javascript'/>

3- Aşağıdaki blog haberleri açılış etiketini yani widget'in nerede görünmesini istiyorsanız <body> ve </body> kodları arasında bir yere ekleyin. Ben <post-wrapper> kodunun hemen altına ekledim. Siz <content-wrapper> yada <header> içerisine ekleyebilirsiniz.

<div class='etiket-wrap' data-domain='bloggereklentileri.blogspot.com'>
<div id='etiket'>
</div>
</div>

NOT: Kod içerisinde bulunan renkli alana sizin blog adınızı yazın.


Blog Haberleri Widget Eklentisi hakkında daha fazla bilgi için iletişim sayfasından yada yorum bölümünden bize ulaşabilirsiniz.
Faydalı mı?
Blogger
Disqus
Yorum Ekle

3 yorum

Hocam bende ssl var. Nasıl kodu uygun hale getirebilirim

Cevap

Hocam merhaba nasılsınız hocam Blog Haber Widgetini yükledim ancak benim bloğumda çalışmıyor sizce ne yapmalıyım? Görseli size gönderdim yardımcı olursanız sevinirim hocam https://uploads.disquscdn.com/images/c72faf6fc48287d179e20d9f6e6e543e02a9fc772eeb3e2904ea2d1d16d4a2ea.jpg

Cevap

google js kodunun yüklü olup olmadığını kontrol edin

Cevap