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

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

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

Blogger-fa

۱۳۸۸/۰۷/۱۴

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


یکی از مشکلاتی که سیستم بلاگر دارد ، این است که اگر بخواهیم در یک وبلاگ که دارای مطالب منتشر شده زیادی است ، افزونه آخرین مطالب منتشر شده را به آن اضافه کنیم ، اینکار را نمیتوان بوسیله افزونه های پیش فرض بلاگر انجام داد و باید از کدهای دیگری بدین منظور استفاده کرد .
 چند روش ساده برای این تکنیک وجود دارد که با هم مرور میکنیم :

1- یکی از روشها استفاده از افزونه Feed بلاگر است که فقط توانایی نمایش 5 مطلب آخر را دارد  . برای استفاده از این تکنیک ابتدا وارد بخش Layout و سپس Page Elements شده و از انجا با انتخاب قسمت Add a Gadget و از پنجره باز شده افزونه Feed را انتخاب کنید و سپس در کادر مخصوص از لینک زیر استفاده کنید :

http://blogname.blogspot.com/feeds/posts/default
http://blogname.blogspot.com/rss.xml
http://blogname.blogspot.com/atom.xml

یکی از لینکهای بالا را در کادر مخصوص قرار دهید و به جای متن قرمز رنگ نام وبلاگ خود را بنویسید و بر روی دکمه Continue کلیک کنید . سپس در پنجره باز شده بر روی Save کلیک کنید تا تغییرات ذخیره گردد  . همانطور که از تصاویر زیر ملاحظه میکنید این افزونه محدود به نمایش 5 مطالب آخر است و توانایی نمایش بیشتر از آن را ندارد .





2- یکی دیگر از روشهای نمایش آخرین مطالب منتشر شده در وبلاگ  استفاده از کدهای اماده است و مزیت آن نسبت به روش قبل نمایش تعداد دلخواه از مطالب منتشر شده است که خودتان تعیین میکنید . برای استفاده از این روش وارد بخش Layout و سپس Page Elements شده و از انجا با انتخاب قسمت Add a Gadget و از پنجره باز شده افزونه HTML/JavaScript را انتخاب کنید و سپس در کادر مخصوص کدهای زیر را کپی - پیست نمائید :



<script style="" src="http://mojtaba.sotoudeh.googlepages.com/recentpostswidgetv1.js">
</script>
<script style="">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 20;</script>
<script src="http://yourblogname.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>


ودر نهایت تغییرات را ذخیره کنید . { نتیجه نهایی }
-  در کدهای بالا به جای yourblogname نام وبلاگ خود را بنویسید .
- برای نمایش تعداد مطالب آخر متشر شده در وبلاگ خود عدد " 10 " را با عدد دلخواه خود تعویض نمائید .
- برای نمایش تاریخ مطالب منتشر شده ، کلمه false را در قسمت showpostdate به true تغییر دهید .
- اگر که میخواهید خلاصه مطالب را هم نمایش دهید ، از قسمت shoepostsummary ، false را به true تبدیل کنید .




3- نمایش آخرین  مطالب منتشر شده بصورت تصویری و  بهمراه نظرات داده شده و تاریخ انتشار:{ ببینید }
برای استفاده این روش در وبلاگ خود ابتدا وارد بخش Layout و سپس Page Elements شده و از انجا با انتخاب قسمت Add a Gadget و از پنجره باز شده افزونه HTML/JavaScript را انتخاب کنید و سپس در کادر مخصوص کدهای زیر را کپی - پیست نمائید :


<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 = 400;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 118;
imgheight = 100;

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

text = " دیدگاه ";

showPostDate = false;

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

numposts = 7;

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

</script>
<script src="http://mojtaba.sotoudeh.googlepages.com/recentposts_thumb.js" type="text/javascript">
</script>


- عدد 400 بیانگر عرض ستون سایدبار شماست و با توجه به سایدبار وبلاگ خود این عدد را تغییر دهید
- به جای عدد 7 ، تعداد مطالبی که میخواهید نمایش داده شود را مشخص کنید
- به جای عبارت Yourblogname ، نام وبلاگ خود در بلاگر را بنویسید{ http://yourblogname.blogspot.com }
- 5 لینک سبز رنگ اول کد ، بدین منظور است که اگر نوشته شما فاقد تصویری باشد ، یکی از این لینکها تصویری به جای پیش نمایش مطالب فاقد تصویر نمایش داده میشود .  { دیدن نتیجه نهایی }

4- یک روش دیگر هم است که برای تازه کارها پیچیده است و اون ترکیب فید وبلاگ از طریق سایت فیدبرنر و دریافت خروجی کد اسکریپ از قسمت Buzz Boost از بخش Publicize  سایت فیدبرنر است . که باید کد دریافتی رو در افزونه HTML/Javascript قرار بدید .
نمونه استفاده شده این کد زا میتوانید در ستونهای " باغ بان باشی " و " آخرین خبرهای منتشر شده "در این سایت ببینید .

2 نظر:

M I L A D در ۱۳۸۹/۵/۳۱, ۱۲:۴۵ گفت...

خوب بود ولی برای من اولی جواب نداد. همیشو میگه ادرس مشکل داره!

راهی هست که این لینک ها رو به صورت کومبو باکس توی وبلاگ قرار داد؟
من دنبال کدهایی هستم برای همین موارد( مثل مطالب اخیر) ولی به صورت کومبو باکس.
ممنون اگه کمک کنید!

M I L A D در ۱۳۹۰/۱/۱۰, ۱۷:۰۰ گفت...

خوب بود ولی برای من اولی جواب نداد. همیشو میگه ادرس مشکل داره!

راهی هست که این لینک ها رو به صورت کومبو باکس توی وبلاگ قرار داد؟
من دنبال کدهایی هستم برای همین موارد( مثل مطالب اخیر) ولی به صورت کومبو باکس.
ممنون اگه کمک کنید!

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