Blog Haberleri Widget Eklentisi

5/01/2016
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.

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.
/* Blogger Eklentileri (bloggereklentileri.blogspot.com) */
.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='//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.

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

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok