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

السلام عليكم ورحمة الله وبركاته , في الدرس السابق الموجود على الرابط التالي من هنا قمنا بعرض طريقة اضافة مواضيع ذات صله وطريقة اضافة القائمه البريديه ومواقع النشر الاجتماعيه الاكثر اهميه واستخداما في آن واحد من خلال اداه واحده فقط . اليوم مع الاصدار الثاني من نفس الاضافه وبشكل جديد ومختلف تماما عن السابق ولكن يؤدي نفس الوظائف دون تغيير .  ولمشاهدة مثال على الاضافه في اصدارها الثاني  فيمكنك مشاهدة الصوره المرفقه مع التدوينه تلك لترى الاضافه كما تظهر اسفل الموضوعات او يمكنك الانتقال الى الرابط التالى من هنا للمشاهده الحيه . ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم بتسجيل الدخول الى لوحة تحكم بلوجر ثم اذهب الى  تصميم ثم الى تحرير 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/AVvXsEj5vz1X3llmKN8NO8-FXQ6eP01jCEl-lKvkg4n8GW5i3obQsi5V3o9TkTJZUGqtR4WgTZwgwaOsK_rjoN1NEcUVM52QGP4k9SSwpSIl5uVV01YmX6awKpaiDSoAmHGcL2sM2MNn5B2Y8Xo/) 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/AVvXsEilBL36xt2l7LH6dxwZx_iMQDQ8uX0blBUICRQROqmLwU_8W_mUnKhEeQlqE4RnCs3OBDWXKgAAdfCuvPM8AX9-WaaaO_5UZA4r57c06dH4fvEjFTUFoNTwFpS7RKkY9E8nwtRb_fYOr7Q/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 برابط مدونتك ثم قم بحفظ القالب . بالتوفيق للجميع .
أصدقاء(تطوير ويب)
تعليقات Facebook
7تعليقات Blogger

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

برق الشوق يقول...

عووافي اخ احمد..
ابداع غير طبيعي فعلاً هذا ماكنت ابحث عنه

tqarb يقول...

الله يعافيك اخى الغالي , اعرف انك كنت تريدها لذلك اول واحد طبقتها له في مدونته هو انت . بالتوفيق اخى العزيز

مدونة اقوى البرامج يقول...

وانا كمان على فكره نفزتها عندى بس مع تعديل على الازرار الاجتماعيه وما يناسب محتوى مدونتى سلم ايدك وربنا يزيدك يا احمد

مدونة اقوى البرامج يقول...

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

tqarb يقول...

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

Gabriel يقول...

اردت حذف القائمة البريدية
لكن بالاصل الاضافة تظهر بشكل غريب في مدونتي
لا يظهر عنوان التدوينة على الصورة وتكون صورة التدوينة خارج الاطار
ما السبب بحدوثه هذه المشكلة ؟
شاهد اي صفحة في مدونتي وستدرك ما اقصده
http://www.syriel.net

هل يوجد حل ؟
هل استطيع القيام بارسال قالب مدونتي لك ان كنت تستطيع حل المشكلة ؟

tqarb يقول...

بالطبع اخى قم بارساله لى ان تكرمت على بريدى tqarobweblog@gmail.com
وساقوم بمعاينة المشكله وحلها.

إرسال تعليق

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