اضافه نمودن تکنیک " نوشته های مرتبط با مطلب منتشر شده " در حالت متنی به وبلاگ

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۸/۰۷/۰۸

اضافه نمودن تکنیک " نوشته های مرتبط با مطلب منتشر شده " در حالت متنی به وبلاگ


اگر مطلب قبلی  که درباره اضافه کردن تکنیک " مطالب مرتبط با مطالب منتشر شده " که از نوع تصویری بود را  از اینجا خوانده باشید ، { این تصویر }

قول دادم که آموزش نوع دوم همین تکنیک که از نوع متنی بود را برای شما قرار بدم
برای اضافه کردن این تکنیک به قالبهای خود مراحل زیر را انجام دهید :

1- وارد بخش layout  و سپس قسمت Edit HTML از بخش مدیریت وبلاگ خود شوید . از آنجا تیک گزینه Expand Widget Template را قرار دهید .



2- کد زیر را در قالب پیدا کنید  :

</head>


3- کدهای زیر را قبل از کدبالا قرار دهید:

<style>
#related-posts {
float : right;
width : 440px;
margin-top:20px;
margin-right : 5px;
margin-bottom:20px;
font : 11px tahoma;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://4.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png) no-repeat scroll right center;
border-bottom:1px dotted #CCCCCC;
display:block;
line-height:2em;
margin:0 0 5px;
padding:0 25px 1px 0;
font-family:tahoma
;
}
</style>
<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>


4- حال خط کد زیر را در بین کدهای قالب خود پبداکنید :

<data:post.body/>


5- حال کدهای زیر را بعد از خط کدهای بالا قرار دهید :


<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


پ.ن : به نوشته های قرمز رنگ توجه کنید





پ.ن 2 : خیلی از دوستان در پیداکردن کد موجود در بخش 4 مشکل دارند به تصویر زیر نگاه کنید و همه کدهای موجود در بخش 5 را انتخاب کرده و بعد از کد انتخاب شده در تصویر زیر " کپی - پیست " نمائید :.

تصویر قبل از تغییرات{ کلیک کنید }



تصویر بعد از تغییرات { کلیک کنید }





11 نظر:

محمد علی در ۱۳۸۸/۷/۸،‏ ۱۰:۴۱ گفت...

خیلی ممنون
http://webp30.blogspot.com

Mehdi در ۱۳۸۸/۷/۸،‏ ۱۵:۲۵ گفت...

سینیور
ا... مطمئنی که باید جای گزینش کرد؟؟؟

Mehdi در ۱۳۸۸/۷/۸،‏ ۱۵:۳۵ گفت...

من قبلا اینو تو یه وبلاگ دیگه خوندم گفته بود قبل از تگ هد بنویسید فکر کنم منبع تو هم است چون زیر این مطالب مرتبطت یه لینکی هست
واسه وبلاگ من یوخده مشکل داره یه نگاهی بنداز
http://rdl2.blogspot.com/2009/09/fifa-2010-rip-2009.html#more

صادق اهری در ۱۳۸۸/۷/۹،‏ ۷:۰۶ گفت...

سلام
با اینکه این مطلبتان (اضافه نمودن تکنیک " نوشته های مرتبط با مطلب منتشر شده " در حالت متنی به وبلاگ ) را نتوانستیم روی قالب ، با همه دقتمان پیاده کنیم ولی اون ادامه مطلب در بلاگر را توانستیم . واقعن دَمت گرم پسر . من تازه از بلاگفا آمده ام. آنجا حتاپیج رنک گوگلی اش رتبه 4 را داشت و ولش کردیم فی امان الله و مشرف شدیم بلاگر. با دیدن و خواندن وبلاگهای راهنمایی کننده مثل وبلاگ شما برای کار بهتر با بلاگر ،آی حال میکنیم! آی کیفور میشویم . لینک وبلاگتان را هم وارد کردیم تا از تجارب شما بیشتر مستفیض شویم .
تندرست و شادمان باشی مجتبی جان

باغ بان باشی در ۱۳۸۸/۷/۹،‏ ۱۳:۲۳ گفت...

سلام .
ممنون صادق جان . نظر لطف شماست و خوشحالم که بلاگر رو انتخاب کردید

Mohamad در ۱۳۸۸/۱۱/۶،‏ ۲۲:۲۳ گفت...

من شنیدم یکی از کارهایی که گوگل به سایت رتبه می ده همین هست که توی مطالبت به پست مطالب دیگت لینک بدی ، با این کار هم همون روش انجام می شه و گوگل می تونه شناسایی کنه؟

باغ بان باشی در ۱۳۸۸/۱۱/۸،‏ ۲۲:۴۶ گفت...

نه این مورد فقط لینکهای مشابه منتشر شده در وبلاگ را نمایش میدهد

alireza در ۱۳۸۹/۶/۱۱،‏ ۷:۵۸ گفت...

در بلاگفا بین کدام کدها؟

tina در ۱۳۸۹/۱۱/۱۸،‏ ۷:۴۴ گفت...

سلام و ممنون از مطالب مفیدتون
راستش من خیلی دنبال این مطالب مرتیط گشتم تا بالاخرا اینجا پیداش کردم
اولاا امیدوارو چون پست قدیمی نظر من رو ببینید و جواب بدید

در واقه می خواستم بگم که فایل جاوا اسکریپت از سروری که روش گذاشتید پاک شده؟
http://bsaves.com/scripts/Related_posts_hack.js

آیا امکانش هست فایل جایگزینی معرفی کنید
متشکرم

باغ بان باشی در ۱۳۹۰/۱/۱۰،‏ ۱۷:۰۵ گفت...

نه این مورد فقط لینکهای مشابه منتشر شده در وبلاگ را نمایش میدهد

Mohamad در ۱۳۹۰/۱/۱۰،‏ ۱۷:۰۵ گفت...

من شنیدم یکی از کارهایی که گوگل به سایت رتبه می ده همین هست که توی مطالبت به پست مطالب دیگت لینک بدی ، با این کار هم همون روش انجام می شه و گوگل می تونه شناسایی کنه؟

لینکهای دوستان