صندوق آخر المواضيع والخلاصة اسفل التدوينة

الرئيسية تطوير بلوجر كل صندوق آخر المواضيع والخلاصة اسفل التدوينة

تطوير بلوجر كل

صندوق آخر المواضيع والخلاصة اسفل التدوينة

محمد عبد الوهاب 0

A+ A-

بسم الله الرحمن الرحيم

والصلاة والسلام على المبعوث رحمة للعالمين سيدنا محمد وعلى آله وصحبه اجمعين أما بعد : -

بمناسبة احتفالات المدونة بمرور 5 سنوات على إنشائها كما عودناكم على الحصريات دائماً نقدم اليوم لكم موضوع جديد

هو ليس حصرياً بمعنى الكلمة ولكن ليس منتشر على المدونات العربية على الرغم من فاعلية هذه الإضافة

صورة الإضافة

و الآن مع الأكواد

1- قم بالذهاب إلى قالب مدونتك

2- قم بالبحث عن الكود التالى بإستخدام Ctrl + f

]]></b:skin>

ضع الكود التالى فوقه/قبله مباشرة

#related{background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}

ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}

#related .related-posts{font-weight:400;width:50%;float:right}

#related .related-posts p{margin:0}

ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}

*html ul.rp#related-posts li{margin:0 13px}

ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}

ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}

ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}

ul#related-posts li img{bottom:0;padding:0!important}

ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}

#related .subscribe{width:43%;float:left;color:#bdbdbd;}

#related .subscribe p.intro{font-weight:400}

#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNH-EBlEy5b18pQY0-aCwLKLYgi-_gBFVNqUPw-sKNncRS8LY5vAcHmAhm9VNtg6dR415h_XzdHEypcIcbCTMZ-puY9IzGwN-uic_G_QdP6_rjizScAgkGoSv-uL50gDvTgtynCU2GcqI/) 0 50% no-repeat;vertical-align:middle}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{display:inline-block}

3- ابحث عن الكود التالى

<data:post.body/>

ثم قم بوفضع الكود التالى اسفله/بعده مباشرة

<b:if cond='data:blog.pageType == "item"'>

<div class='clearfix' id='related'>

<div class='related-posts'>

<p>Related Articles</p>

<script type='text/javascript'>

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbv-ydb5yJSkbcQRoGZvo0rLbOQifGSAtUHE1A85YTVMCApaLKRhWFiw9QQ_nunxgHLUMSI138UIj3VLnrMkf8Enc0XJFbNKWob0XSHb423dCuklQPkdHOXa9JljHMRQZXMayZRal1y8/s1600/no+image.jpg";

var maxresults=6;

</script>

<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>

</b:if>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>

</b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs("<data:post.url/>");

</script>

</div>

<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/titansbreaker' target='_blank' title='feedburner'>

<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://titansbreaker.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=titansbreaker', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='titansbreaker'/>

<input name='loc' type='hidden' value='en_US'/>

<input id='botsub' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='Enter your email....'/>

<input id='botsubbutton' type='submit' value='Submit'/><br/>

<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/titansbreaker'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/titansbreaker?bg=ceaa6c&fg=444444&anim=1' style='border:0' width='88'/></a>

</form>

</div>

</div>

</b:if>

دمتم فى أمان الله ورعايته

الوسوم: تطوير بلوجر كل

وصف المدون

احدث المقالات

المشاركات الشائعة

الوسوم

التعليقات

تطوير بلوجر

التصنيفات

احدث المقالات