الخميس, يونيو 14, 2012

إضافة إقرأ المزيد او تابع القراءة بطريقتين مختلفتين في مدونات البلوجر

هي اداة تقوم بأختصار الموضوع و اظهار المقطع الاول فقط منه ( الذي تحدده انت ) في الصفحة الرئيسية مما يجعل الصفحة الرئيسية تعرض العديد من التوبيكات بشكل مختصر و بسهولة و سرعة تتيح للزائر الاختيار منها ما يقرأ ...
و يجعل تصفح موقعك اسهل و اسرع ..
اما اداة اقرأ المزيد المدمجة اساسا مع كل مدونات

اما اداة اقرأ المزيد المدمجة اساسا مع كل مدونات البلوجر ...

و طريقتها :

هي الضغط على حرف T الذي يظهر لك عند تحرير الرسائل او عند كتابة رسالة جديدة فبعد الانتهاء من كتابة موضوعك تقوم بتحديد الفاصل الذي سوف تتم عندة انقطاع الرسالة فلا يظهر الموضوع كامل بالصفحة الرئيسية

الطريقة

و هي اضافة أقرأ المزيد بطريقة آلية بحيث انها بعد عدد حروف معين يظهر زرار اقرأ باقي الموضوع عند كل موضوع تنشرة او تم نشرة بطريقة آلية ..

من لوحة التحكم اختار تصميم ثم تحرير HTML ثم توسيع عناصر القالب

1. ابحث عن : </head>

2. اضف الكود التالي :

     <!-- Read More Hack : www.raykcool.com --> <script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 200; </script> <!-- Read More Hack : www.raykcool.com --> <script type='text/javascript'> //<![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){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } 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(img.length>=1) { imgtag = '<span style="float:right; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <!-- Read More Hack : www.raykcool.com -->

3. ابحث عن : <data:post.body/>


 4.  استبدلة بالكود التالي :

     <!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left;padding-top:20px;'><a expr:href='data:post.url'> <img alt='Read More' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiOPSn2a2qkVNrjIIQm8q-NnAVr4qTshNdnIjQgp-2Z74GYq8pYyilF73eXHh2oovA0PmG0rKcD0yv9HROyIdkQBO0YeOlYaUcL_M67PcBY_jUgLmSSVqQmNlfYShUXZuWTjwf_lL2q8U0/s1600/rm13.png' width='139'/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'> <!-- Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.com --> <base target='_blank'/> <data:post.body/> </b:if> </b:if>

اضغط حفظ القالب ..

 ملاحظات هامة :

1. تأكد من عدم اضافة هذة الاداة اذا كانت مضافة اساسا لديك

2. اذا وجدت كود : <data:post.body/>  مرتين او ثلاثة ( تأكد من الملاحظة الاولى ) و استبدل الاولى فقط

3. الكود محدث بخاصية اظهار اداة اقرأ المزيد في المواضيع فقط و ليس الصفحات الثابتة ..

4. لتغيير صورة Read More ابحث في القالب عن رابط الصورة :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiOPSn2a2qkVNrjIIQm8q-NnAVr4qTshNdnIjQgp-2Z74GYq8pYyilF73eXHh2oovA0PmG0rKcD0yv9HROyIdkQBO0YeOlYaUcL_M67PcBY_jUgLmSSVqQmNlfYShUXZuWTjwf_lL2q8U0/s1600/rm13.png
رسالة أحدث
السابق
هذا آخر موضوع.

2 التعليقات: