الاصدار الثاني من اضافة مواضيع ذات صله مع مواقع النشر والقائمه البريديه

السلام عليكم ورحمة الله وبركاته , في الدرس السابق الموجود على الرابط التالي من هنا قمنا بعرض طريقة اضافة مواضيع ذات صله وطريقة اضافة القائمه البريديه ومواقع النشر الاجتماعيه الاكثر اهميه واستخداما في آن واحد من خلال اداه واحده فقط . اليوم مع الاصدار الثاني من نفس الاضافه وبشكل جديد ومختلف تماما عن السابق ولكن يؤدي نفس الوظائف دون تغيير .  ولمشاهدة مثال على الاضافه في اصدارها الثاني  فيمكنك مشاهدة الصوره المرفقه مع التدوينه تلك لترى الاضافه كما تظهر اسفل الموضوعات او يمكنك الانتقال الى الرابط التالى من هنا للمشاهده الحيه . ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم بتسجيل الدخول الى لوحة تحكم بلوجر ثم اذهب الى  تصميم ثم الى تحرير HTML وضع علامه على خانة توسيع القالب ثم ابحث عن ]]></b:skin> وضع قبلها مباشرة الكود التالي

#related{background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-left:1px solid #666;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:left}
#related .related-posts p{margin:0}
ul#related-posts li{float:right;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 6px 0 0}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.6}
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:right;color:#bdbdbd;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-right:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrJoTZlaZ1-ju6mgG-PLkhx22vGPHYoVS6U7fLAeqmIpwS25pPURvWGTc1hU8rhRexDeOBl4-WEc7zUSj8D9h68lZWNV1k_7l2OmgF62HmMYTCHMyN71FeHnC5BqdZ3qOkfBkC8f6QjY/) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
#inner{padding-top:40px;}
#fixed {position:fixed;top:0;right:0;width:100%;height:40px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}

ثم البحث عن الكود التالي  <data:post.body/> قد تجده مكرر اكثر من مره والغالب ان رقم 2 منه يكون المسؤل عن ظهور الاضافات في اخر الموضوع اذا تم وضعها بعده وقد يختلف الامر في بعض القوالب الاخرى لذا عليك اخذ نسخه احتياطيه من القالب قبل التطبيق والتجربه .. على كل حال بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي :

<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:right;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:right;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:right;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>تدوينات مختاره من نفس القسم</p>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHK1hyeypEsCofbDWa4WhlFDZEWiMVhWyblBjMi_UDdwZ1imWEyHxAxxgFR027LDvgzkpPQjc7b7laXT_TJpDJEJ5sWaDoTBqRUO0ytzXGRg3Ganrv4WHodkAweLEFz3h8G79ZY9Gng-o/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script src='http://johnytemplate.googlecode.com/files/related.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>                
</div>

<div class='subscribe'>
<p class='intro'>ان اعجبتك تلك التدوينه وتود المزيد <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>اضغط هنا</b></a>, او يمكنك الاشتراك في القائمه البريديه لمدونتي للحصول على كل مايطرح فيها فور النشر..</p>
<p class='feed'><a href='http://tqarob.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tqarobweblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='tqarobweblog'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='اشترك'/><br/>
<small>تأكد ان بيانات بريدك بأمان معنا.</small><br/>
<a href='http://feeds.feedburner.com/blogspot/htbgh'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/blogspot/htbgh?bg=f19c22&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>

قم بالبحث داخل الكود السابق عن TQAROBWEBLOG واستبدلها بحسابك على موقع فيدبرنر ستجدها مكرره اكثر من مره وكذلك قم باستبدال كلمة tqarob برابط مدونتك ثم قم بحفظ القالب . بالتوفيق للجميع .

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : الاصدار الثاني من اضافة مواضيع ذات صله مع مواقع النشر والقائمه البريديه | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, اكواد Html