Blogger Harika Son Yazılar Eklentisi

Görüntüleme

Şimdi sizlere çok kullanışlı bir eklenti paylaşacağım.Eklenti blogger siteleri içindir.Eklentinin üst kısmında yazarın adı,tarih ve konu hakkında kısa bir özet olacaktır.Konu başlıkları bir kaç saniye içerisinde döner ve bu döngü eklentideki en son konuya kadar devam eder.

Eklentinin önizlemesine aşağıdaki butona tıklayarak bakabilirsiniz.

Yukleniyor...

Eklenti gerçekten kullanışlı bir eklentidir.Özellikle haber,magazin ve teknoloji konulu sitelere bu eklentiyi kullanmalarını şiddetle tavsiye ederim! Şimdi eklentiyi sitenize nasıl ekleyeceksiniz onu göstereceğim.

Html/Javascrip'i açtıktan sonra karşınıza çıkan kutuya aşağıdaki kodları yerleştirin....

<style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.gfg-subtitle {
display: none;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://www.zamaneblog.org/feeds/posts/default?redirect=false&start-index=1&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Son Yazilar', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Yukleniyor...</div>

Kod içerisinde kırmızı ile işaretlenmiş kısımlardan
url:'http://www.zamaneblog.org/ yazan alandaki url adresini silip kendi sitenizin url adresini yazınız.
max-result=10 yazan alandaki '10' rakamını değiştirip, eklentide kaç adet konu başlığının gözükeceğini belirleyebilirsiniz.

Bana katlanıp ayrıca zaman ayırdığınız için teşekkür ederim.
Saygılar...