Google Ajax Feed Widget

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۷/۰۷/۲۰

Google Ajax Feed Widget


خب دوستان، اگر به قسمت بالای وبلاگ من توجه کرده باشید، افزونه ای وجود دارد که شما میتوانید آخرین مطالب منتشر شده در وبلاگ خود را برای مخاطبانتان نمایش دهید.

برای اضافه کردن این قابلیت به وبلاگ خود مراحل زیر را انجام دهید:

1- ابتدا به سایت زیر بروید و در قسمت My Website URL آدرس وبلاگ خود را قرار دهید ( یا وبسایت )
سپس بر روی Generate API Key  کلیک کنید.در صفحه باز شده ، کدروبروی عبارت "Your API Key " را یادداشت نمائید

» http://code.google.com/apis/ajaxfeeds/signup.html

2 - به قسمت تنظیمات کدهای قالب خود بروید و کدهای زیر را قبل از عبارت
</head>
قرار دهید

<script src='http://www.google.com/jsapi/?key=YOUR-KEY' type='text/javascript'/>
<script src='http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js' type='text/javascript'/>

<style type='text/css'>
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
}
.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}
</style>
<script type='text/javascript'>
function load() {
var homeUrl = "<data:blog.homepageUrl/>";
var feed = homeUrl + "feeds/posts/default";
new GFdynamicFeedControl(feed, "feedControl");

}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>



3-یک ویجت از نوع  Java/HTML بسازید و کد زیر را درآن قرار دهید


<div id="feedControl">Loading...</div>

همین. در نهایت تغییرات را ذخیره نمائید

0 نظر:

لینکهای دوستان