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

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

لتطبيق الاضافة على مدونتك ماعليك سوى تسجيل دخول الي لوحة تحكم مدونتك ثم الذهاب مباشرة الي تحرير HTML ووضع علامة على خانة توسيع القالب ثم البحث عن الكود التالي  <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>
<ol>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=2&quot;' 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(&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='اكتب بريدك الالكتروني هنا....'/>
<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(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}

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

<script src='http://my-tqarob.googlecode.com/svn/trunk/related-maskolis.js' type='text/javascript'/>

قم الان بحفظ قالب مدونتك. للاستفسارات وطلبات تركيب الاضافه يرجا ترك تعليق من خلال بلوجر او فيس بوك.

 

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

 

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

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

اكواد Html, مواقع النشر