كود أضافة المواضيع الجديدة بلوجر مصورة بشكل منسق

 كود جميل جداُ لعرض المواضيع الجديدة بشكل مصور وانيق وهى أضافة لتسمح بزوار موقعك لمشاهدة مواضيعك الجديدة بسهولة تامة

                           كود أضافة المواضيع الجديدة لبلوجر بشكل منسق وانيق

للمعاينة الأضافة أضغط هنا 

طريقة التركيب تخطيط >> أضافة أداة >> html javascript

<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
<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 = 18;
</script>
<script type="text/javascript" src="http://new4ange.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->

      غير لون البرتقالى برابط مدونتك

إذا واجهتك مشكلة قم بوضع تعليق

لا يسمح بنقل الموضوع بدون ذكر المصدر