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

السلام عليكم ورحمة الله وبركاتة . مرحبا بكم اعزائي زوار ومتابعي موقع AXDB . اضافة اليوم استثنائيه بكل المقاييس فرغم بساطة تطبيقها الا انها في غاية الاهمية لكل باحث عن ارشفه افضل لمواضيع مدونته وكذلك احترافيه واناقه وايضا توفيرا في المساحه .. اضافة اليوم عبارة عن ثلاث اضافات معا الاولي قائمة بريديه تتيح بها لزورا مدونتك الاشتراك في القائمه البريديه وجميعنا يعلم فائدة القائمه البريده ولا داعي لاطالة الحديث عنها . الاضافه الثانيه هي اهم وافضل مواقع النشر الاجتماعيه وهي الفيس بوك وتويتر وجوجل بلس . وقد اكتفيت بهؤلاء الثلاثه فقط لسبب بسيط جدا وهو انهم الاكثر بساطه وفاعليه بنفس الوقت فاغلب مواقع النشر الاخرى لا يستخدمها احد ووضعها في المدونه يسبب ثقل في التصفح وعبئ انت في غنى عنه مادمت باحث عن الجديه في الاداء و فاعليه اكثر في النتائج فعليك الاكتفاء بهؤلاء الثلاثه فقط , الاضافه الثالثه هي مواضيع ذات صله من نفس القسم وهي اضافه اعتبرها بكل صدق افضل اضافه موجوده حتى الان لاضافة مواضيع ذات صله وتفوق غيرها بكثير خاصة الاضافه الشهيره التي تعرض المواضيع علي هيئة صور . فاضافة اليوم تفوقها من حيث النتيجه فهي دقيقه اكثر في استدعاء البيانات وكذلك اسرع في الارشفه . الصورة المرفقه في التدوينه توضح شكل الاضافه . فهي رغم صغر المساحه التي تاخذها في اخر الموضوع الا انها تشمل الثلاثه معا بكل احترافيه وبتقنية ال css الغنية عن التعريف .

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

<b:if cond='data:post.isFirstPost'>

<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 = "http://connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</b:if>


<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>

<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>

<div style='float:right;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<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;'/>

<b:if cond='data:blog.pageType == "item"'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>تدوينات مختاره من نفس القسم:</p>
<ol>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=2"' type='text/javascript'/> </b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</ol>
</div>

<div class='subscribe'>
<p class='intro'>ان اعجبتك تلك التدوينه وتود المزيد <a href='http://feeds.feedburner.com/tqarobweblog' 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('http://feedburner.google.com/fb/a/mailverify?uri=tqarobweblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='اكتب بريدك الالكتروني هنا....'/>
<input id='botsubbutton' type='submit' value='إشترك'/><br/>
<small>تأكد ان بيانات بريدك بأمان معنا.</small>
</form>
</div>
</div>
</b:if>

بعد وضع الكود ابحث فيه عن كلمة tqarobweblog ستجدها مكرره ثلاث مرات استبدل الثلاثه باسم حسابك على موقع فيد برنر .
ثم ابحث مجددا عن http://tqarob.com/feeds/posts/default واستبدله برابط خلاصات مدونتك .

بعد ذلك قم بالبحث داخل قالب مدونتك عن ]]></b:skin> وضع قبلها مباشرة الكود الموجود في الاسفل :

#related{background:#e4e4e4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:inset #222 0 2px 8px;-moz-box-shadow:inset #222 0 2px 7px;width:auto;text-shadow:1px 0 0 #fff;margin:0 0 5px;padding:10px}
#related .related-posts{font-weight:200;width:53%;float:left}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;margin:0}
#related .related-posts ol{font-weight:200;margin:2px -20px 0 0}
#related .subscribe{background:url(http://3.bp.blogspot.com/-Su4dLp9tZWI/TvnUmvgAqfI/AAAAAAAAA2U/7f4tn4C_8uM/s1600/icontexto-inside-rss.png) no-repeat bottom left;width:43%;float:right;color:#000}
#related .subscribe p.intro{font-weight:200}
#related .subscribe p.feed{margin-bottom:10px;font-weight:200;padding-right:21px;background:url(http://lh3.ggpht.com/_pt7i0nbIOCY/SuPmf8r8eqI/AAAAAAAACXM/BYjbuwVwxas/FeedIcon-16_thumb.gif) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

واخيرا قم بالبحث عن </head> وضع قبله مباشره ما بالاسفل