أداة لأحدث مواضيع بلوجر بتنسيق مميز ~ تحميل جميع البرامج

أداة لأحدث مواضيع بلوجر بتنسيق مميز

By Unknown | Follow me On twitter Here

اليوم وفى موضوع جديد من مواضيع مدونتنا الناشئة ( مدونة نت مصر) نقدم لكم أداة جميلة لمدونات بلوجر لعرض أحدث المواضيع فى المدونة مع امكانية اظهار عدد التعليقات و تاريخ نشر الموضوع و زر اقرأ المزيد ( Read More ) لاكمال قراءة الموضوع وذلك فى شكل منسق و جميل نرجو أن ينال الاعجاب و التفاعل المرغوب والله ولى التوفيق

فهيا بنا فى البداية نذهب إلى
<< معاينة نموذج الاضافة >>

شرح تركيب الاضافة

اذهب للوحة تحكم مدونتك على بلوجر >> التخطيط

>> اضافة أداة >> HTML/JavaScript

ضع بها الكود التالى

<script style="text/javascript" src="https://7ae312960d315d7f9f669e1f7314bc164b71daa0.googledrive.com/host/0B_BGLY9IuHNuM2VCNnc5MTdXWHc/"></script>
<script style="text/javascript">
var posts_no = 5;var showpoststhumbs = true;var readmorelink = true;var showcommentslink = true;var posts_date = false;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow">
</script>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
<style type="text/css">img.recent-post-thumb {width:50px;height:50px;float:right;margin:5px -35px 0px 0px; border: 4px solid #FCD6CB;border-radius: 100%;}
.recent-posts-container {f
ont-family:Droid Arabic Kufi;float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before { content: counter(countposts,decimal);
counter-increment: countposts;
z-index: 2;
position: absolute;
/*التحكم بمكان الترقيم*/ left: 300px; font-size: 16px;
color: #616662;
background: #FCD6CB;
padding: 10px 10px;
font-weight: bold;
margin-top: 15px;}
ul.recent-posts-container li {padding: 5px 0px;
min-height: 50px;
list-style-type: none;
margin: -2px 5px 5px 5px;
border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {
border: 2px solid #FCD6CB;
/*عرض الاضافة*/ width: 256px; }
.recent-posts-container a {
text-decoration:none;
}
.recent-posts-container a:hover {
color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662; margin-right: 5px;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>