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

السلام عليكم ورحمة الله وبركاتة . مرحبا بكم اعزائي زوار ومتابعي مدونة تقارب . اضافة اليوم استثنائيه بكل المقاييس فرغم بساطة تطبيقها الا انها في غاية الاهمية لكل باحث عن ارشفه افضل لمواضيع مدونته وكذلك احترافيه واناقه وايضا توفيرا في المساحه .. اضافة اليوم عبارة عن ثلاث اضافات معا الاولي قائمة بريديه تتيح بها لزورا مدونتك الاشتراك في القائمه البريديه وجميعنا يعلم فائدة القائمه البريده ولا داعي لاطالة الحديث عنها . الاضافه الثانيه هي اهم وافضل مواقع النشر الاجتماعيه وهي الفيس بوك وتويتر وجوجل بلس . وقد اكتفيت بهؤلاء الثلاثه فقط لسبب بسيط جدا وهو انهم الاكثر بساطه وفاعليه بنفس الوقت فاغلب مواقع النشر الاخرى لا يستخدمها احد ووضعها في المدونه يسبب ثقل في التصفح وعبئ انت في غنى عنه مادمت باحث عن الجديه في الاداء و فاعليه اكثر في النتائج فعليك الاكتفاء بهؤلاء الثلاثه فقط , الاضافه الثالثه هي مواضيع ذات صله من نفس القسم وهي اضافه اعتبرها بكل صدق افضل اضافه موجوده حتى الان لاضافة مواضيع ذات صله وتفوق غيرها بكثير خاصة الاضافه الشهيره التي تعرض المواضيع علي هيئة صور . فاضافة اليوم تفوقها من حيث النتيجه فهي دقيقه اكثر في استدعاء البيانات وكذلك اسرع في الارشفه . الصورة المرفقه في التدوينه توضح شكل الاضافه . فهي رغم صغر المساحه التي تاخذها في اخر الموضوع الا انها تشمل الثلاثه معا بكل احترافيه وبتقنية ال 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(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>  وضع قبله مباشره ما بالاسفل
<script src='http://my-tqarob.googlecode.com/svn/trunk/related-maskolis.js' type='text/javascript'/>
قم الان بحفظ قالب مدونتك. للاستفسارات وطلبات تركيب الاضافه يرجا ترك تعليق من خلال بلوجر او فيس بوك.
أصدقاء(تطوير ويب)
تعليقات Facebook
19تعليقات Blogger

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

mostafa يقول...

الله ينور عيلك يا استاذ احمد فنان والله طول عمرك

استاذ احمد كان لى طلب عندك واعلم ان لا احد سواك سوف يفيدنى حيث خبرتك الكبيره فى مجال التصميم

اريد ان اقوم بتصميم واجهة لمدونتى حيث تكون مثل واجهة المجلات مثل مدونة ورد الحق http://wroodelhq.blogspot.com/ حيث استطيع ان اضع من كل قسم عدد من الموضوعات فى الصفحة الرئسية كما يوجد فى مدونة ورد الحق بزبط

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

tqarob weblog يقول...

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

يوسف بجاد يقول...

السلام عليكم ورحمة الله
اضافة مميزة جدا اخي احمد تسلم

tqarob weblog يقول...

@يوسف بجاد
وعليكم السلام ورحمة الله وبركاته , مرحبا بك اخي العزيز يوسف , الحمد لله ان الاضافه نالت رضاك بالتوفيق لك ...

يوسف بجاد يقول...

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

ودعما لمدونة تقارب اريد ان تطرح هذه القائمة في مدونتك
وفي انتظار ردك

tqarob weblog يقول...

يسعدني ذلك اخي ولا يوجد لدى اى مانع وقد شاهدتها بالفعل في مدونتك وفعلا لم اجدها من قبل في مدونه اخرى . في الحقيقه اضافه رائعه وجميل منك ان تشارك الاخرين اياها فهذا امر يحسب لك . تقبل مودتي وتقديري لشخصك الطيب .

يوسف بجاد يقول...

هذا بعض ماعندك اخي احمد
سارسلها لك عبر البريد
وشكرا لك

tqarob weblog يقول...

وصلت الرساله اخي العزيز يوسف بارك الله فيك ولم اكن اتوقع ان تركيبها بسيط لهذه الدرجه بوركت اخي . ساقوم بنشرها بعد موافقتك قريبا باذن الله .

يوسف بجاد يقول...

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

ܓܨ بہرقے آلہشہ.¸.ـٍـوقے ܓܨ يقول...

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

dream يقول...

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

tqarob weblog يقول...

@يوسف بجاد
فعلا الاضافه من يشاهده للوهله الاولي يعتقد انها معقده في التركيب , وشاكر لك جهدك الواضح في تلك الاضافه وساقوم بنشرها قريبا باذن الله والحمد لله اني لن اضطر للبحث عن مثال حى للاضافه فمدونتك ستكون موجوده . تقبل مودتي اخي العزيز يوسف.

tqarob weblog يقول...

@ܓܨ بہرقے آلہشہ.¸.ـٍـوقے ܓܨ
اعتذر لك اخي العزيز بشكل شخصي عن تاخري السافر في تنفيذ ما طلبته في قالب مدونتك ويعلم الله اسباب تاخري هذا ولكن اعدك خلال يومين سيكون قالبك جاهز تماما وساقوم بتركيب تلك الاضافه لك بالشكل الذي طلبته . اعتذر مره اخرى لك تقبل احترامي.

tqarob weblog يقول...

@dream
وعليكم السلام ورحمة الله وبركاته . اخي العزيز . شاكر لك مرورك الطيب ومتابعتك الجميله وتاكد ان الاضافات الجميله لن تخلو من تلك المدونه وستكون عند حسن ظنك دائما .

ܓܨ بہرقے آلہشہ.¸.ـٍـوقے ܓܨ يقول...

لاتعتذر ياصاحبي عن البطا ترك معذورأعرف مشاغل هالحياة الله يحلّي مرّها ومايجي منك قصور....

tqarob weblog يقول...

بارك الله فيك اخى العزيز على تفهمك . اشكرك جزيل الشكر وادعو لى ان يتمم الله اجراءات زواجى على خير

ܓܨ بہرقے آلہشہ.¸.ـٍـوقے ܓܨ يقول...

اسأل الله ان يوفقكـ وييسر امركـ ويفرج كربكـ وهمكـ وغمكـ ويسهل الله عليكـ ولايعسر

tqarob weblog يقول...

الله يبارك فيك اخي جزاك الله كل الخير على دعواتك الطيبه كل الشكر والتقدير لشخصك الكريم

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .