Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Blogger Alt Bilgi Etiket Widget Eklentisi

Blogger ana sayfa alt bilgi Footer alanında, istediğiniz yazı etiketlerinden oluşturabileceğiniz yazı başlık linki, yazı açıklaması, resi...

...
Blogger ana sayfa alt bilgi Footer alanında, istediğiniz yazı etiketlerinden oluşturabileceğiniz yazı başlık linki, yazı açıklaması, resim ve alt sekme başlığına tıklandığında max. görülmesini istediğiniz ad. kadar yazıları gösteren popüler yazılar benzeri gadget eklentisi. Blog ana sayfada okuyucularınıza gösteremediğiniz birçok yazınızı Footer alt bilgi gadget alanında 3 sütun, alt alta sıralı 5 yazı veya sizin belirleyeceğiniz yazı miktarı kadar gösterebilirsiniz. yukarıda görülen resim gibi temanızın genişliğine göre gadget'inizi genişletebilir, resimlerinizi büyütebilir, yazı uzunluk ve yazı büyüklüğünü ayarlayabilirsiniz. Eklentiyi Blogger yerleşim gadget ekle alanının üstüne taşıyarak alt bilgi alanınıda kullabilirsiniz. Alt bilgi kullanmıyorsanız gadget ekle sekme alanı altına alarak farklı bir konumda da değişken kullanmanız mümkün. Gadget’in hemen alt kısmında bulunan, Daha fazla bilgi edin başlık çubuğuna tıklandığında etiketinize bağlı olarak ana sayfa görülmesini istediğiniz kadar yazıyı kodlar içinden ayarlayabilirsiniz.
Alt Bilgi etiket Widget eklenti DEMO inceleyin.

Eklentiyi nasıl kuracaksınız ?

Blogger gadget ekle seçeneği ile gadgetinizi ekleyerek kurulumu tamamlıyorsunuz. İlgili etiket ve blog linkinizi kodlara eklemeniz için bir metin dosyasına kodları kopyalayıp yapıştırarak kod içinde düzenlemenizi yapın. Bu kadar basit ve kullanışlı eklentiyi kullanabilmek için yapılması gereken işlemleri aşağıda takip ederek kuruluma başlayabilirsiniz.
1. Blogger kumanda panelinize giriş yapın.
2. En alt kısımdaki gadget ekle yolunu takip ederek, Html/JavaScrip gadget’ini açın ve aşağıda verilen kodları ekleyerek gadget’inizi kaydedin.
<link rel="stylesheet" type="text/css" scoped="scoped" href="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.css"/>
<style type="text/css" scoped="scoped">
/* Custom CSS */
.list-entries {
  margin:5px;
  width:270px; /* Label widget */
  float:left;
  font-size:11px;
}
</style>

<div id="feed-list-container"></div>
<div style="clear:both;"></div>

<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Eklentiler",
            url: "http://adnanguneyarsivi.blogspot.com",
            tag: "Eklentiler"
        },
        {
            name: "Gadgetler",
            url: "http://adnanguneyarsivi.blogspot.com",
            tag: "gadgetler"
        },
        {
            name: "Web Araçları",
            url: "http://adnanguneyarsivi.blogspot.com",
            tag: "Web%20araçları"
        }
    ],
    numPost: 3,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Daha fazla bilgi edin..",
        endParam: "?max-results=10"
    }
};
</script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>

Kotların yapılandırılması :

width:270px Temanızın genişliğine göre değeri değiştirin.
font-size :11px Yazı büyüklüğünü buradan değiştirin.
name : "Eklentiler" : Etiket başlık ismi.
url : http://adnanguneyarsivi.blogspot.com,  3 ad. url. kısmına kendi blog linkinizi girin.
tag : Göstermek istediğiniz 3 ad.etiket kısmına kendi blog etiketlerinizi girin.
numPost : 3 Alt alta kaç adet yazınız görülmesini istiyorsanız rakam belirleyin.
summaryLength: 80 Yazı uzunluğunu kendinize göre belirleyin.
thumbSize: 72 Resim büyüklüğünü kendinize göre belirleyin veya bu şekilde kullanın.
Daha fazla bilgi edin.. : Farklı bir isim girebilirsiniz.
max-results=10 Alt sekme başlığına tıklandığında kaç ad. yazınız görülmesini istiyorsanız rakamı değiştirebilirsiniz.
showSummary : true : Link altında açıklama yazılarını göstermek istemiyorsanız, true ismini false olarak değiştirin.
showThumbnail: true Resimleri göstermek istemiyorsanız, true ismini false olarak değiştirin. Kodlar içinde açıklama yapılan yerler mavi ve kırmızı ile renklendirilmiştir. Eklenti hakkında sorun yaşıyorsanız yorum yazarak sorunuzu belirtip yardım alabilirsiniz.

Hiç yorum yok

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.