اضافة خاصية واداة مواضيع دات صلة مع هدية ايقونات المواقع الاجتماعية

كاتب الموضوع kasb يوم الأحد، 21 يوليو 2013 0 التعليقات

أضف الموضوع إلى Del.icio.us أضف الموضوع إلى تويتر أضف الموضوع إلى الفايسبوك أضف الموضوع إلى StumbleUpon أضف الموضوع إلى تكنوراتي أضف الموضوع إلى Digg

زووار ومتتبعي شبكة اجيال السلام

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

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

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

عنه ولهدا انا واعود بقول انا اردت ان اتطرق الى هده الخاصية او الاداة المقصودة وهي اداة مواضيع دات صلة او مماتلة

ومعها هدية اخرى وهي ايضا تحتاجها المدونة والمدون والزائر بحد داته ليعبر عن اعجابه بالموضوع

وهي ايقونات المواقع الاجتماعية

بدون اطالة اليكم صورة من الخاصية

وللمعاينة هي موجودة على شبكة اجيال السلام اسفل الموضوع

صورة الاداة

طريقة التركيب و كود الاداة

اولا ادخل على قائمة مدونتك

تانيا ادخل على القالب

تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل

رابعا تحرير html

خامسا ادغط على سهم توسيع القالب

سادسا ادغط (CTRL+F) ابحت عن الكود التالي :

</head>

تم الصق الكود التالي فوقه مباشرة

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzge4CSw9St7ofK_pvE8e3afnAHqKLrOrBB5n7vO6bs4QFCGmADcjMQaZIy043uRxGMg4RthlgJStArtZMWIrq4TctJEmhPZE2BVoZyFQ3KaTXcCixA5KE8sd4NZFPBnINNlwGewOu0VY/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://egymodern.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
</b:if>


تم ابحت عن الكود اسفله

<div class='post-footer-line post-footer-line-1'>

قد تجد هدا الكود مكرر مرتين التاني هو المقصود
ضع تحته الكود التالي:

</div>

      <div class='post-footer-line post-footer-line-2'>
<b:if cond='data:blog.pageType == "item"'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span></b:if>
      </div>

<b:if cond='data:blog.pageType == "item"'>
<div class='socialshare'>
<p>ساهم في نشر الموضوع للفائدة: </p>
<ul>
<li style='margin:0 -19px 0 0px;'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width : 100px; height:21px;'/>
</li>
<li style='margin:0pt 0px 0pt 15px;'><a class='twitter-share-button' data-count='horizontal' data-via='EfadaBlog' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/>
</li>
<li style='margin:0pt 0px 0pt 20px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/>
<script data-counter='left' data-url='http://www.Efada.net' type='IN/Share'/>
</li>
<li style='margin:0pt 5px 0pt 15px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='medium'/></li>
<li style='margin:0pt 0px 0pt 2px;'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=1'/>
</li>
</ul>

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<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 style='clear:both'/>
</b:if>

<b:if cond='data:blog.pageType == "item"'>

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