طريقة إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور

اليوم سنتعرف علي طريقة تلخيص التدوينات وعرض صوره مصغره لها او ما يعرف باقرا المذيد الاضافه سهل جدا تطبيقها فقط قم باتباع التالي :سجل دخول الي لوحة تحكم بلوجر.

1. ثم > عناصر تصميم الصفحه > ثم تحرير HTML.
2. قم بحفظ نسخه احتياطيه من قالب مدونتك.
3. ضع علامه على خانة توسيع القالب.
4. ابحث عن وضع قبله مباشرة الكود التالي।

[HTML]<!-- Auto read more script Start --><br><script type='text/javascript'><br>var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail<br>summary_noimg = 430; //summary length when no image<br>summary_img = 340; //summary length when with image<br>img_thumb_height = 200;<br>img_thumb_width = 200;<br></script><br><script type='text/javascript'><br>//<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ <br> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); <br> } <br> } <br> strx = s.join(""); <br> }<br> chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(thumbnail_mode == "yes") { if(img.length>=1) { <br> imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br> summ = summary_img;<br> }<br> }<br> var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br> div.innerHTML = summary;<br>}<br>//]]><br></script><br><!-- Auto read more script End -->


والآن قم بالبحث عن الكود التالي :

[HTML]<data:post.body/><br><br>


ثم قم بإستبدالة بهذا الكود :



[HTML]<!-- Auto read more Start --><br><!-- http://www.tqarob.com --><br><b:if cond='data:blog.pageType == "item"'><br><data:post.body/><br><b:else/><br><b:if cond='data:blog.pageType == "static_page"'><br><data:post.body/><br><b:else/><br><div expr:id='"summary" + data:post.id'><data:post.body/></div><br><script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");<br></script><br><a class='more' expr:href='data:post.url'>Read more ...</a><br></b:if><br></b:if><br><!-- Auto read more End --><br><br>


يمكنك تبديل كلمة "

Read more

" ذات اللون الاحمر في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة مثل هذه :

وذلك بإستبدال عبارة

Read more

॥ بالكود التالي :







[HTML]<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjfpBX68D8dv52S4KTNk0GOYidJ44xu84T_bGWSVRMaPZaZ-oJL46_vomsgZouuq9_c5MgSVXIYeObfWuS7epixtAO6kF9YQO6opN6NtteGBtD7z0reibEJZzeHmxD5lSyT1HUHisN_Sh3/s1600/read+more.gif" title="إقرأ المزيد" alt="إقرأ المزيد"/>

و إذا رغبت في تبديل الصورة ،عليك فقط تبديل ما لون باللون الأزرق برابط الصورة المراد تبديلها
ولا تنسى أن تساهم في نشر المدونة،في إنتظار تشجيعاتكم

الاصدار الثاني من اضافة اخر المواضيع بخاصية الانيميشن

في تدويه جديده تتحدث اضافة اخر المواضيع والتي تعددت اضافتها وتنوعت اشكالها واليوم تاتينا بشكل جديد وراقي وبنفس الوقت خفيف في التصفح حيث انها تقوم بسرد اخر الموضوعات التي تم نشرها في المدونه باسلوب جميل ومتحرك مع العلم ان الاضافه لا تحتاج اي تعديل منك ووضع رابط لمدونتك .. كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ومن ثم الذهاب الي عناصر تصميم الصفحه ثم قم بانشاء اداه جديده من نوع جافا سكربت وضع فيها الكود الموجود بالاسفل
[HTML]<style type="text/css"><br>#rp_plus_img{height:377px;}<br>#rp_plus_img li {height:60px;padding:5px;list-style:none;<br>background-color:#ffffff;<br>border:solid 1px #000000;}<br>#rp_plus_img a{color:#00000;}<br>#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;<br>text-align:justify;<br>-moz-border-radius: 5px;}<br>#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}<br></style><br><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br><script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script><br><script type="text/javascript"><br>var speed = 1500;<br>var pause = 3500;<br>$(document).ready(function(){<br>rpnewsticker();<br>interval = setInterval(rpnewsticker, pause);<br>});<br></script><br><ul id="rp_plus_img"><br><script style="text/javascript"><br>var numposts = 5;<br>var numchars = 0;<br></script><br><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul><br><br>


لتخصيص الكود السابق قم بتغيير الرقم 5 الموجود في هذا الجزء var numposts = 5; باي رقم ترغب فيه فهو الذي يحدد عدد التدوينات التي يشملها التطبيق كما يمكنك التحكم في سرعة الاضافه من خلال المتغير التالي var speed = 1500;
قم بوضع اسم للاداه التي انشاتها وليكم اخر المواضيع ثم قم بحفظ الاداه ومعاينتها في مدونتك على الطبيعه ..

منقول من الموقع الاصلى اضغط

اضافة تكبيرات العيد الى مدونتك او منتداك

إضافة العيد مع صوت التكبير و التهليل .. احتفل بالعيد في موقعك

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

طريقة تركيب الإضافة في مدونات بلوجر

أولا من لوح تحكم مدونتك توجه إلى عناصر الصفحة ثم اضغط إضافة أداة و من النافدة المنبثقة اختر أداةHTML/Javascript ثم ألصق أحد الكودين الموالين في حقل النص و ابق على حقل العنوان فارغا و اضغط زر الحفظ.

<b:if cond="'data:blog.url"><br /><embed name="takbir" src="http://sites.google.com/site/simoxooorg/Home/takbir-aid-said.mp3" volume="60" loop="false" hidden="true" autostart="true"></embed><br /><br /></b:if> <br /><div style="float:top right; position:absolute; overflow:visible; right:0px; top:0px; height:215px; width:214px;"><br /><a href="http://doaib.blogspot.com/2010/09/blog-eid-widget.html" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnm66MjfAP56LGfcXdMPcUUlZkWJK8krBcya_CTLjgwJcgqImxpxgds1t4wcP2cki2mjnIBy94dA_ZoGWv73cZnz4CzGARnFOviMc7d8mByN9bfEO6QLd5Pi4sdX5pyfFaxkok0b_T578/" alt="عيد مبارك سعيد" title="احصل على هذه الإضافة" border="0" /><br /></a></div>

كود تكبيرات العيد جاهزلإخوانى فى أحلى منتدى

ضع هذا الكود على الرئيسية أو البوابة وسيعمل عند دخول أعضاء منتداك

<object width="320" height="26" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="high" name="quality"><param value="true" name="cachebusting"><param value="#000000" name="bgcolor"><param name="movie" value="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf"><param value="config={'key':'#$aa4baff94a9bdcafce8','playlist':[{'url':'www.alshahda.net.mp3','autoPlay':false}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/takbir_eleid/'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'audio':{'url':'http://www.archive.org/flow/flowplayer.audio-3.2.1-dev.swf'},'controls':{'playlist':false,'fullscreen':false,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true},'scrubberHeightRatio':0.6,'timeFontSize':9,'mute':false,'top':0}},'contextMenu':[{},'-','Flowplayer v3.2.1']}" name="flashvars"><embed src="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf" type="application/x-shockwave-flash" width="320" height="26" allowfullscreen="true" allowscriptaccess="always" cachebusting="true" bgcolor="#000000" quality="high" flashvars="config={'key':'#$aa4baff94a9bdcafce8','playlist':[{'url':'www.alshahda.net.mp3','autoPlay':false}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/takbir_eleid/'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'audio':{'url':'http://www.archive.org/flow/flowplayer.audio-3.2.1-dev.swf'},'controls':{'playlist':false,'fullscreen':false,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true},'scrubberHeightRatio':0.6,'timeFontSize':9,'mute':false,'top':0}},'contextMenu':[{},'-','Flowplayer v3.2.1']}"></embed> </object>

كيفية إنشاء معرض للصور على مدونات بلوجر

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

<a href="رابط الصورة" target="_blank" title="إضغط لتكبير الصورة"><br /><img height="50" width="50" src="رابط الصورة" alt="إسم الصورة" /></a>
في هذه المرحلة سوف نقوم بعملية إدراج الكود السابق(الأكواد التي تضم جميع الصور) في الكود المخصص لإنشاء الجدول ،فالأمر بسيط جدا ما عليك سوى التركيز قليلا عند إدراج الأكواد .حيث نقوم بإدراج كل كود(الكود السابق) بين

<td> و </td>ليس العكس .

على سبيل المثال ،إذا أردنا إنشاء جدول يضم سطرا واحدا و4 خانات نستعمل هذا الكود.

<table> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>

إضافة سحابة ألبوم الصور ثلاتي الأبعاد لمدونات بلوجر

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

نقوم بالدخول لموقع picasaweb وذلك بحساب جوجل لديك (كما لو أنك تدخل مدونتك),ثم قم بالضغط على Transfererلإنشاء ألبوم جديد كما هو موضح في الصورة

ثم بعد ذلك قم بإنشاء ألبوم جديد ،أو إختيار أحد الألبومات لديك اذا توفر عندك .

وبعد ذلك تقوم بإدخال إسم الألبوم ووصف له إدا أردت .

ثم بعد ذلك نقوم برفع الصور ،ثم نقوم بالضغط على كلمة RSS كما هو موضح في الصورة ،ثم قم بنسخ رابط هذه الصفحة والذي سوف نستعمله في المرحلة الثانية

نقوم بالدخول لموقع .roytanck وذلك بلصق رابط الخلاصات RSS الذي حصلنا عليه في المستطيل المسمى Feed URL ,ثم نختار طول وعرض الأداة ، ثم قم بالضغط على Generate code snippet للحصول على الكود.

وعند لسق الكود المحصل عليه في التدوينة من رسالة ثم تحريرHtml تكون النتيجة على هذا الشكل .

Get this widget at roytanck.com

أتمنى أن تكون قد أعجبتكم في إنتظار اقتراحاتكم ، دمتم بخير