Twitter Delicious Facebook Digg Stumbleupon Favorites More

jeudi 7 novembre 2013

أخر المواضيع بطريقة جديدة و احترافية







         اضافة آخر المواضيع تعتبر اضافة فرعية نظراً لانها ليست أساسية في بلوج
   ر بالإضافة أن آخر المواضيع طبيعي تظهر في الصفحة الرئيسية لكنها تكون حيوية داخل المواضيع   أو في المدونات التي تحدث بإستمرار مثل المدونات الإخبارية ولكن أحيانا أيضا تكون قوية حينما يتم    عرض آخر المواضيع من قسم معين فهذا يساعد في التركيز على قسم وتقوية الزيارات اليه


                                  كود الإضافة ضعه في آداة HTML/Java Script


كود HTML:

<style text-type="CSS">
img.label_thumb {float:right;padding:2px;background:#fff;border:1px solid #000;width:78px;height:78px;margin-right:10px;margin-top:5px;margin-bottom:5px; }
img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
var numposts = 9;
</script>
<script type="text/javascript" src="http://www.3oqool.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>

<span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
 <a href="
goo.gl/LKRR2p" style="color: red;">ركب الاضافة في مدونتك</a></span>

0 commentaires:

Enregistrer un commentaire

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates | تعريب وتطوير : قوالب بلوجر معربة