تطوير ويب » اكواد Html » الاصدار الثاني من اضافة مواضيع ذات صله مع مواقع النشر والقائمه البريديه
#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}ثم البحث عن الكود التالي <data:post.body/> قد تجده مكرر اكثر من مره والغالب ان رقم 2 منه يكون المسؤل عن ظهور الاضافات في اخر الموضوع اذا تم وضعها بعده وقد يختلف الامر في بعض القوالب الاخرى لذا عليك اخذ نسخه احتياطيه من القالب قبل التطبيق والتجربه .. على كل حال بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي :
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;}
<!-- Scripts Start -->قم بالبحث داخل الكود السابق عن TQAROBWEBLOG واستبدلها بحسابك على موقع فيدبرنر ستجدها مكرره اكثر من مره وكذلك قم باستبدال كلمة tqarob برابط مدونتك ثم قم بحفظ القالب . بالتوفيق للجميع .
<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 = "http://connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Google +1 -->
<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>
<!-- 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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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 == "item"'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>تدوينات مختاره من نفس القسم</p>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBL36xt2l7LH6dxwZx_iMQDQ8uX0blBUICRQROqmLwU_8W_mUnKhEeQlqE4RnCs3OBDWXKgAAdfCuvPM8AX9-WaaaO_5UZA4r57c06dH4fvEjFTUFoNTwFpS7RKkY9E8nwtRb_fYOr7Q/s1600/no+image.jpg";
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 != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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('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='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&fg=444444&anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>
7 عدد التعليقات على موضوع الاصدار الثاني من اضافة مواضيع ذات صله مع مواقع النشر والقائمه البريديه
الله يعافيك اخى الغالي , اعرف انك كنت تريدها لذلك اول واحد طبقتها له في مدونته هو انت . بالتوفيق اخى العزيز
وانا كمان على فكره نفزتها عندى بس مع تعديل على الازرار الاجتماعيه وما يناسب محتوى مدونتى سلم ايدك وربنا يزيدك يا احمد
صديقى العزيز كنت اود ان اسئلك من فضلك ان كنت اود ان اتحكم فى حجم الخطوط فى المدونه من اين اقدر ان اقوم بهذا وشكر لك
حجم الخطوط ككل في المدونه التحكم فيها في غاية السهوله ولكن يجب الاخذ في الاعتبار ان كل جزئيه في المدونه لها متغير مختلف عن المتغير الخاص بالجزئيه الاخري من حيث نوع الخط وحجمه وللتبسيط اكثر قم بالبحث داخل قالب مدونتك عن font ستجدها متكرره عشرات المرات وكل مره تجد فوقها الجزئيه التي تكلمنا عنها , على سبيل المثال السايدبار او القائمه الجانبيه حين تبحث في القالب عن sidebar تجد تحتها الجزء الخاص بالخط
وانسب خط للمدونه هو tahoma للنصوص و times للعناوين وهذا مااستخدمه عندي اما الحجم فهو يرجع لك انت .
اردت حذف القائمة البريدية
لكن بالاصل الاضافة تظهر بشكل غريب في مدونتي
لا يظهر عنوان التدوينة على الصورة وتكون صورة التدوينة خارج الاطار
ما السبب بحدوثه هذه المشكلة ؟
شاهد اي صفحة في مدونتي وستدرك ما اقصده
http://www.syriel.net
هل يوجد حل ؟
هل استطيع القيام بارسال قالب مدونتي لك ان كنت تستطيع حل المشكلة ؟
بالطبع اخى قم بارساله لى ان تكرمت على بريدى tqarobweblog@gmail.com
وساقوم بمعاينة المشكله وحلها.
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .