Son Yazılar/Son yorumlar (Slideshow)



Daha önce Son Yazılar/Son Yorumlar adı altında sizlere bir konu vermiştim. Aradan fazla zaman geçmesede görsel açıdan güzel görünen slideshow şeklinde son yazılar/son konular eklentisini sizlerle paylaşıyorum. Aşağıda iki farklı şekilde verilmiş. İstediğini kullanabilirsiniz.

1.



Loading...











Üstteki Örnek için kod;
<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->

<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="margin:10px;padding:4px;">Loading...</span>
</div>

<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.hotlinkfiles.com/files/2579896_ogeg4/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'Son Yazılar',
url: 'http://hadipaylasblog.blogspot.com/feeds/posts/default'
},
{title: 'Son Yorum',
url: 'http://hadipaylasblog.blogspot.com/feeds/comments/default'
}];
var options = {
stacked : true,
horizontal : false,
title : "Son Başlıklar"
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
Kodda verilen renkli yerlere kendi rss adreslerinizi yazın. Daha sonra Yerleşim->Gadget Ekle-> HTML/JavaScript Ekle dedikten sonra üstteki kodu ekleyin. İsterseniz son yorumlar kısmını çıkartabilir yada "gfdynamicfeedcontrol.js" dosyasından yazı yorum sayısını değiştirebilirsiniz.

2.
Bu resimde görülen eklentide slideshow şeklindedir.
http://img2.pict.com/c6/c8/4d/fce588bf5feb2e62c945de18c7/3rEaW/google2520ajax2520feed2520api252.png
Üstteki Örnek için kod;
<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->

<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="margin:10px;padding:4px;">Loading...</span>
</div>

<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'hadipaylasblog',
url: 'http://hadipaylasblog.blogspot.com/feeds/posts/default'
}];
var options = {
stacked : false,
horizontal : false,
title : ""
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->


Bundada gösterilen yazı sayısını ".js" uzantılı dosyadan değişebilirsiniz.

2 yorum:

Enes İLHAN on 6 Ağustos 2009 08:09 dedi ki...

Hayırlı Günler kardeşim ben bu eklentiyi uyguladım fakat bir sorunum var.Herhangi bir başlığa ya da yoruma tıkladığında farklı pencerede açılıyor.Aynı pencerede açılması için ne yapmalıyım ?

hadipaylas on 7 Ağustos 2009 01:28 dedi ki...

Kardeşim şu anda masa başına oturamıyorum. Bilgisayarımdan çok uzaktayım yani. 10 gün kadar da maalesef oturamayacağım. Ama oturur oturmaz ilk işim senin problemlerini çözmek olacak. Kib görüşürüz.

Yorum Gönder