‏نمایش پست‌ها با برچسب ابزار وبلاگ‌پراکنی. نمایش همه پست‌ها
‏نمایش پست‌ها با برچسب ابزار وبلاگ‌پراکنی. نمایش همه پست‌ها

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

از ویژگیهای سیستم بلاگر میتوان به سفارشی سازی وبلاگهای تحت این سیستم اشاره کرد. از این سو یکی از ترفندهای پر طرفدار در بین کاربران بلاگر که ب وبلاگهای خود اضافه میکنند ، قابلیت " نمایش مطالب مرتبط با مطلب منتشر شده " بصورت متنی و تصویری است . پیش نمایشی از این ترفند در حالت متنی را میتوانید در اینجا مشاهده کنید  . تصویر زیر نمایی از این ترفند است :


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



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


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

</head>

3- کدهای زیر را با کدبالا جایگزین نمائید :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

4- حال سه خط کد زیر را به دلخواه و با توجه به قالب وبلاگ خود ، در بین کدهای قالب خود پبداکنید :


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

یا
<p class='post-footer-line post-footer-line-1'>

یا
<data:post.body/>

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

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->


نتیجه هم بصورت زیر خواهد بود :



قراردادن آیکنهای توئیتر در وبلاگ

یکی از امکانات جالب توجه بلاگر نسبت به دیگر سیستمها اینست که میتوان با اضافه کردن کدهایی به قالب های بلاگر آن را سفارشی نمود . یکی از این دست کدها اضافه کردن حساب کاربری توئیتر به بلاگر بصورت شناور است .
برای این کار مراحل زیر را انجام دهید :
1- وارد بخش layout از مدیریت وبلاگ خود شوید و از زبانه Edit Html برروی تیک گزینه Expand Widget Template کلیک نمائید .
2- در قالب خود بدنبال کد زیر بگردید :




</body>
3- کدهای زیر را قبل از کد بالا کپی - پیست نمائید :

<a class='floating' href='http://twitter.com/baghbanbashi' target='_blank' title='Follow me on Twitter'><img border='0' float='right' src='http://i248.photobucket.com/albums/gg180/blogtemplate20/badge/genie.png'/></a>

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

</head>
5- حال کدهای زیر را قبل از خط کدبالا کپی - پیست کنید :

.floating {position: fixed; right: 3px; bottom: 0px; top: auto;background: transparent;}
.floating img{background: transparent;}

پ.ن : در کدبالا اگرکلمه Right را به Left تغییر دهید مکان توئیتر از راست به چپ تغییر خواهد کرد .( جهت تغییرمکان آیکن در وبلاگ )
6- در قسمت 3 به جای لینک تصویر میتوانید از لینک های تصاویر زیر استفاده کنید :



» دانلود کلیه آیکنها در یک فایل فشرده - سری اول
» سری دوم
» منبع

تنظیم لایو رایتر برای انتشار وبلاگ در بلاگر

یکی از مشکلات کاربران بلاگر -و یا هر سیستم وبلاگ‌نویسی دیگری- پاک شدن ناگهانی اطلاعاتی‌ست که در ویرایش‌گر پیش‌فرض وبلاگ‌شان نوشته‌اند. لایو رایتر ابزاری‌ست رایگان که با امکان نوشتن آفلاین به شما در نوشتن مطمئن‌تر -و حتی سریع‌تر- کمک می‌کند و خطر احتمالی از بین رفتن مطالب‌تان را از بین می‌برد. علاوه بر این، لایو رایتر از خرابی خوراک‌تان جلوگیری می‌کند. در این یادداشت قصد داریم به کمک تصاویر نشان دهیم که چگونه لایو رایتر را برای یک وبلاگ بلاگر تنظیم کنیم.

ابتدا و پس از نصب لایو رایتر، مطابق تصویر زیر از منوی Weblog گزینه‌ی Add Weblog Account را انتخاب کنید.

blogger_and_wlw_01

سپس به ترتیب تصاویر زیر عمل کنید.

blogger_and_wlw_02 blogger_and_wlw_03 blogger_and_wlw_04 blogger_and_wlw_05 blogger_and_wlw_06 blogger_and_wlw_07 blogger_and_wlw_08 blogger_and_wlw_09

در این مرحله، لایو رایتر از شما اجازه می‌گیرد تا با انتشار یک یادداشت موقتی، طرح‌بندی وبلاگ‌تان را شناسایی کنید. این یادداشت، بعد از شناسایی و تکمیل مراحل تنظیم وبلاگ، به‌طور خودکار حذف می‌شود. » اگر چنین نشد، به صورت دستی حذف‌اش کنید.

blogger_and_wlw_10 blogger_and_wlw_11 blogger_and_wlw_12 blogger_and_wlw_13

نکته‌ی مهم:

- اگر در هنگام تنظیم، لایو رایتر به هر دلیلی وبلاگ شما را نمی‌شناسد، ابتدا تنظیمات فایروال را در Control panel وارسی کنید و اگر لایو رایتر در فهرست نرم‌افزارهای دوست نیست، به فهرست اضافه‌اش کنید.

- اگر باز هم در تنظیم مشکلی وجود داشت، اتصال اینترنت شما مشکل دارد، به‌خصوص اگر اتصالی از نوع دایال-آپ دارید. کندی این نوع اتصال و طولانی شدن زمان دریافت و ارسال اطلاعات توسط لایو رایتر، و وجود هرگونه مانعی در راه این اتصال ضعیف، باعث قطع ارتباط و دریافت پیغام خطا می‌شود. برای گذر از موانع، می‌توانید از ابزارهای گذر از تبخیر استفاده کنید. ابزارهایی مثل UltraSurf یا FreeGate یا VPN -که بهتر هم هست-. برای تنظیم پروگسی در لایو رایتر -در مورد UltraSurf و Freegate- تصویر زیر کمک‌تان می‌کند. 9666 برای UltraSurf و 8567 برای FreeGate.

blogger_and_wlw_15

تصویر پایانی، یادداشتی را نشان می‌دهد که با کمک لایو رایتر نوشته شده است، می‌توانید در هنگام نوشتن، خروجی نهایی وبلاگ را ببینید و کمی در نگاه خوانندگان وبلاگ‌تان سهیم باشید.

blogger_and_wlw_14

» وبلاگ لایو رایتر
» بارگذاری آخرین نسخه‌ی لایو رایتر

برای تست است

با پشتیبانی Blogger.

Sponsor