مرحبا بزوار مدونة أفكار برو الكرام، في درسنا لليوم سنتعلم طريقة عمل إضافة بسيطة جدا لمدونات البلوجر، و هي أداة آخر المواضيع لكل تصنيف على حدى مرفقة بمصغرات الصور.
فإذا كنت تنشر على مدونتك مواضيع من تصنيفات مختلفة كالأخبار السياسية، الثقافية و الرياضية أو معلومات عن الصحة، التكنولوجيا... فإن هذه الإضافة ستفيدك حتما و ستساعدك على تنسيق مدونتك.
مثال :
فإذا كنت تنشر على مدونتك مواضيع من تصنيفات مختلفة كالأخبار السياسية، الثقافية و الرياضية أو معلومات عن الصحة، التكنولوجيا... فإن هذه الإضافة ستفيدك حتما و ستساعدك على تنسيق مدونتك.
مثال :
لنبدأ الآن بشرح الإضافة :
قبل الشروع في تطبيق التأثير تأكد أولا من نسخك للقالب الحالي قبل التعديل عليه
الخطوة الأولى :
1- توجه إلى لوحة تحكم البلوجر، و إختر تصميم.
2- ثم أدخل إلى تحرير HTML
3- اضغط على CTRL+F للبحث عن :
4- و ضع قبله مباشرة هذا الكود :
5- ثم ابحث عن :
6- و ضع قبله مباشرة هذا الكود :
7- ثم احفظ القالب
الخطوة الثانية :
1- الآن نذهب إلى تخطيط ثم نقوم باضافة أداة html/javascript
2- انسخ الكود أسفله في نافذة "تهيئة HTML/JavaScript"
مع تغيير :
اختر التصنيف بالتصنيف الذي تريده
و الرقم 4 بعدد المواضيع الأخيرة المراد عرضها
3- ثم احفظ الأداة
قبل الشروع في تطبيق التأثير تأكد أولا من نسخك للقالب الحالي قبل التعديل عليه
الخطوة الأولى :
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- ثم احفظ الأداة
(h) (h) (h)
ردحذف