الأحد، 13 يوليو 2014

إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة

قسم : اضافات بلوجلر

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

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

اشكال اخري من الكود

1- من هنا

2- من هنا

طريقة الأضافة

اولأ هنذهب الي بلوجر

ثم قالب

تحرير قالب

وضع الكود القادم قبل </head>

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts{float:left;width:auto;}#related-posts a{border-right: 1px dotted #eaeaea;}#related-posts a:hover{background: #EEEEEE;}#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px;}#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style><script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /></b:if>

ثم دور علي الكود <div class='post-footer'> ومعظم الحالأت هتلقي فوق الكود <div class='post-footer-line post-footer-line-1'>

ثم ضع الكود التالي فوقة مباشرة

<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><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=4;var relatedpoststitle="<b>مواضيع ذات صلة:</b>";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div class='clear'/></b:if>