Blogger Kayan Son Yazılar Eklentisi

Blogger temaların bir çoğunda  kayan son yazılar eklentisi olmuyor. Wordpress siteler için bu sorun deyil genelde wordpress siteler kopyala yapıştır ile rahatlıkla sitene ekleyebiliyorsun fakat blogger 'da kayan son yazılar eklentisini yapmamız için birazcık kodlama bilgisi gerektiriyor. Bir çoğumuz kodlamadan anlamadığımız için bir şey yapamıyor. Ama sizler için hiç bir kod bilgisi gerektirmeden sitenizin istediğiniz yerine kayan son yazılar eklentisini anlattığım şekilde çok rahat bir şekilde ekleyebileceksiniz. Artık sizlerde sitenizi çok rahat özelleştirebilecek ve sitenizi eşi benzeri olmayan özellikler ekleyerek daha güzel bir hale getireceksiniz.

Öncelikle size aşağıda vereceğim kodu kayan son yazılar eklentisi nerde gözükmesini istiyorsanız oraya yapıştırmanız lazım. Bu logo nun yanıda olabilir, menü nün altıda olabilir sitenize göre en uygun yer nere ise oraya yapıştırabilirsiniz. Sizlere bu blogger kayan yazılar eklentisinin nasıl gözüktüğünü merak edenler için aşağıya resmini koydum sitenize kodları ekledikten sonra aşağıdaki gibi görünecek ve paylaştığınız en son yazılar sıralayacak.

Örnek verecek olursak diyelim ki kayan son yazılar eklentisini sitenizin sağ tarafında kategorinin üstünde gözükmesini istiyorsanız Blogger panelinizden Yerleşim yazan yere tıklayın ve kategorilerinizin üstünde Gatget Ekleye tıklayın ve oradan HTML/JavaScript seçin ve aşağıda verdiğim kodu oraya yapıştırıp kaydedin. Bu kadar basit aranızda yapmayan veya kafasına takılan bir şey olursa yorum yazarak belirtin en kısa sürede dönüş yapılarak seve seve yardım ederim.

Önizleme:

 

Aşağıdaki kodu baştan aşağıya komple kopyala.

<style>
.head_brnews{
height:45px;
background:#fff;
border:1px solid #ccc;
margin:15px auto;
overflow: hidden;
}
.breaking-news{
float:left;
height:45px;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
.breaking-news {
background: #fff;
display:block;
float:left;
padding:0 10px;
height:32px;
line-height:45px;
color:#000;
font-size:15px;
}
.breaking-news a{color:#444}
.breaking-news ul{
float:left
}
.breaking-news a:hover{
color:#222;
}
.breaking-news ul li{
float:left;
display:block;
list-style:none;
}
.breaking-news ul a{
padding:1px;
display:block;
color:#333;
white-space:nowrap;
float:left;
line-height:45px;
font-size:15px;
display:hidden;
}
.breaking-news span{
display:block;
float:left;
padding:1px 10px;
color:#333;
font-size:15px;
line-height:45px;
}
.samazhlo{
background:#374760;
border:1px solid #444;
float:left;
left:0;
padding: 0 20px;
height:45px;
line-height: 45px;
color: #FFF;
font-size: 17px;
margin-right: 10px;
}
</style>
<div class="samazhlo">Son Yazılar</div>
<div class='head_brnews'>
<div class='breaking-news'>
<script>
function RecentPostsScrollerv2(json) {
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sHeadlineTerminator;
var sPostLinkLocation;
try {
sMoqueeHTMLStart = "\<MARQUEE behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
if (nWidth) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
} else {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
}
if (nScrollDelay) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if (sDirection) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"\>";
if (sDirection == "left" || sDirection == "right") {
sHeadlineTerminator = " ";
} else {
sHeadlineTerminator = "\<br/\>";
}
}
if (sOpenLinkLocation == "N") {
sPostLinkLocation = " target= \"_blank\" ";
} else {
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = " ";
for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {
var objPost = json.feed.entry[nFeedCounter];
if (nFeedCounter == json.feed.entry.length) break;
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++) {
if (objPost.link[nCounter].rel == 'alternate') {
sPostURL = objPost.link[nCounter].href;
break;
}
}
sHeadLines = sHeadLines + "" + sBulletChar + " \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}
if (sDirection == "left") {
sHeadLines = sHeadLines + "";
} else if (sDirection == "right") {
sHeadLines = "" + sHeadLines;
} else if (sDirection == "up") {
sHeadLines = sHeadLines + "\<br/\>";
} else {
sHeadLines = "\<br/\>" + sHeadLines;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
} catch (exception) {
alert(exception);
}
}
</script>
<script type='text/javascript'>
var nMaxPosts =10;
var nWidth = 100;
var nScrollDelay = 160;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = "»";
</script>
<script src='/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10' type='text/javascript'></script>
</div>
</div>