الخميس، 18 يوليو 2013

طريقة عمل قائمة بآخر المواضيع لأي تصنيف على حدى مع مصغرات الصور لمدونات البلوجر



مرحبا بزوار مدونة أفكار برو الكرام، في درسنا لليوم سنتعلم طريقة عمل إضافة بسيطة جدا لمدونات البلوجر، و هي أداة آخر المواضيع لكل تصنيف على حدى مرفقة بمصغرات الصور.

فإذا كنت تنشر على مدونتك مواضيع من تصنيفات مختلفة كالأخبار السياسية، الثقافية و الرياضية أو معلومات عن الصحة، التكنولوجيا... فإن هذه الإضافة ستفيدك حتما و ستساعدك على تنسيق مدونتك. 

مثال :




لنبدأ الآن بشرح الإضافة :

قبل الشروع في تطبيق التأثير تأكد أولا من نسخك للقالب الحالي قبل التعديل عليه

الخطوة الأولى :

1- توجه إلى لوحة تحكم البلوجر، و إختر تصميم.

2- ثم أدخل إلى تحرير HTML

3- اضغط على CTRL+F للبحث عن :
]]></b:skin>

4- و ضع قبله مباشرة هذا الكود :
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{
float:left; 
width:100%; 
min-height:70px; 
margin:0px 10px 2px 0px; 
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px; 
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}

5- ثم ابحث عن :
</head>

6- و ضع قبله مباشرة هذا الكود :
<script src='https://www.googledrive.com/host/0BzbtrJIiB0yqSzZNMFprbHMwUUU' type='text/javascript'/>


7- ثم احفظ القالب

الخطوة الثانية :

1- الآن نذهب إلى تخطيط ثم نقوم باضافة أداة html/javascript

2- انسخ الكود أسفله في نافذة "تهيئة HTML/JavaScript" 
<script type='text/javascript'>var numposts = 4 var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/اختر التصنيف?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

مع تغيير :

اختر التصنيف بالتصنيف الذي تريده  
و الرقم 4 بعدد المواضيع الأخيرة المراد عرضها 

3- ثم احفظ الأداة




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

هناك تعليق واحد :