اضافه کردن قابلیت پیش نمایش تصویری مطالب منتشر شده به قالبهای بلاگر

تصور کنید که در وبلاگ خود 20 مطلب منتشر کردهاید و در عین حال کاربران برای دیدن دیگر مطالب منتشر در وبلاگ شما باید به دیگر صفحات وبلاگ مراجعه کنند.  حالا تصور کنید که بازدیدکنندگان بخواهند همه مطالب را در همان صفحه اول وبلاگ شما مشاهده کنند ، برای رفع این مشکل از چه روشی استفاده می‏ کنید؟

دوراه حل وجود دارد:

1 - استفاده از آدرس خوراک وبلاگ + استفاده از سیستم فیدبرنر+ استفاده از ویجت HTML/Javascript در قالبهای بلاگر
2- استفاده از  کد "پیش نمایش تصویری مطالب منتشر شده " + استفاده از ویجت HTML/Javascript در قالبهای بلاگر

روش اول : ابتدا آدرس خوراک وبلاگ خود را وارد سیستم فید برنر کنید :

آدرس خوراک مطالب منتشر شده در بلاگر بصورت پیش فرض بصورت زیر است :

http://YourBlog.blogspot.com/feeds/posts/default

خب بعد از قرار دادن و ثبت وبلاگ خود در سیستم فیدبرنر ، از قسمت Publicize وارد قسمت BuzzBoost شوید .
از قسمت پائین بر روی دکمه Active کلیک کنید تا این قابلیت برای خوراک وبلاگ شما فعال گردد:

و تنظیمات را مانند تصویر زیر انجام دهید :

و تغییرات را ذخیره نمائید. و در نهایت کدها را برداشته و در یک ویجت از نوع HTML/JavaScript  در سایدبار وبلاگ خود قرار دهید .

» برای قرار دادن کدها در قالب خود از این تصویر کمک بگیرید


نتیجه مانند تصویر زیر خواهد بود

» نمونه 

روش دوم : کد زیر را در ویجتی از نوع HTML/JavaScript قرار دهید :

» به جای عبارت Yourblogname نام وبلاگ خود را قرار دهید و کد جاوای مورد نیاز را از اینجا دانلود کنید و در هاستی دلخواه ذخیره کنید و  آدرس فایل ذخیره شده را  در انتهای کدهای زیر قرار دهید :

<script language="JavaScript">
imgr = new Array();


imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";

showRandomImg = true;

tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 118;
imgheight = 100;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = "  ";

numposts = 5;

home_page = "http://Yourblogname.blogspot.com/";

</script>
<script src="http://java URL" type="text/javascript"></script>