همانطور که می دانید کمپین اعتراض سبز با انتشار بیانیه ای خواستار آزادی رهبران سبز شده است ، این فراخوان تا تاریخ دهم سپتامبر ۲۰۱۱ برای کسب امضای علاقمندان در دسترس عموم خواهد بود، می توانید متن این خبر را از اینجا بخوانید.

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

 

توجه: این آموزش برای سرویس بلاگ اسپات طراحی شده است ، برای استفاده از این ترفند در سرویس بلاگفا ، به پایین صفحه مراجعه کنید.
یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید
سه: تیک گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F)

]]></b:skin>

پنج: کدهای زیر را قبل از کد بالا قرار دهید:

#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:484px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:center;
font-family: Arial, times, tahoma, sans-serif !important;
color:#2b8f29;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

.petbackground {
font-family:tahoma,arial,times;
color:#ffffff;
}

.gleaders {
text-align:center;
height: 220px;
width: 300px;
font-family: Tahoma, Verdana, Arial, sans-serif !important;
padding: 35px 15px 0px;
color:#ffffff;
font-size:14px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
}

.gleaders2 {
text-align:center;
height: 30px;
width: 300px;
font-family: Tahoma, Verdana, Arial, sans-serif !important;
padding: 5px 15px 0px;
color:#ffffff;
font-size:14px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
}

شش: کدهای مرحله بعد را بالای کد زیر قرار دهید:

</body>

کدهای اصلی این مرحله:

<div id='popupContact'>
         <a id='popupContactClose'>x</a>
<h1>نامه در خواست برای آزادی موسوی&#1548; کروبی و همسرانشان را امضا کنید </h1>    
         <p id='contactArea'>
<div class='petbackground'>
<center>
<div class='gleaders'>کمپین اعتراض سبز در راستای دفاع از خواست عمومی مردم ایران پیرامون آزادی یاران همیشگی جنبش سبز و با همکاری جمعی از هموطنان در مرداد ماه ۱۳۹۰ اقدام به راه اندازی کارزاری برای شکست حصر غیر قانونی اقایان میر حسین موسوی و مهدی کروبی و خانم ها زهرا رهنورد و فاطمه کروبی نموده است. این فراخوان تا تاریخ دهم سپتامبر ۲۰۱۱ برای کسب امضای علاقمندان در دسترس عموم خواهد بود.
<br>شما نیز می توانید با امضای خود گامی مثبت در جهت شکست حصر رهبران جنبش سبز بردارید</br>

</div>
<br/>
<div class='gleaders2'>
<b>برای امضای این فراخوان <a href='http://www.gopetition.com/petitions/%D9%86%D8%A7%D9%85%D9%87-%D8%A7%DB%8C-%D8%B3%D8%B1%DA%AF%D8%B4%D8%A7%D8%AF%D9%87-%D8%AF%D8%B1-%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D8%A8%D8%B1%D8%A7%DB%8C.html ' title='here'><span>اینجا</span></a> کلیک کنید</b>
<br><p align='left'><small><a href='http://sabzintan.blogspot.com/2011/08/blog-post_20.html' title='grab this widget'><span>دریافت این قابلیت</span></a></small></p></br>

</div>
</center>
</div>
         </p>
     </div>
     <div id='backgroundPopup'/>

هفت: کدهای زیر را در یک گجت HTML/JavaScript قرار دهید :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script> 
<script src="http://dinhquanghuy.110mb.com/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
         var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
    centerPopup();
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        popupStatus = 1;
    }
}

//disabling popup with jQuery magic!
function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus==1){
        $("#backgroundPopup").fadeOut("slow");
        $("#popupContact").fadeOut("slow");
        popupStatus = 0;
    }
}

//centering popup
function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var windowscrolltop = document.documentElement.scrollTop;
    var windowscrollleft = document.documentElement.scrollLeft;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
    var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": toppos,
        "left": leftpos
    });
    //only need force for IE6
  
    $("#backgroundPopup").css({
        "height": windowHeight
    });
  
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
    if ($.cookie("anewsletter") != 1) {  
      
        //load popup
        setTimeout("loadPopup()",5000);  
    }      
    //CLOSING POPUP
    //Click the x event!
    $("#popupContactClose").click(function(){
        disablePopup();
        $.cookie("anewsletter", "1", { expires: 7 });
    });
    //Click out event!
    $("#backgroundPopup").click(function(){
        disablePopup();
        $.cookie("anewsletter", "1", { expires: 7 });
    });
    //Press Escape event!
    $(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
            $.cookie("anewsletter", "1", { expires: 7 });
        }
    });

});
</script>

</style>

اضافه کردن دکمه های بوکمارک اشتراکی از مهم ترین ترفندها برای یک وبلاگ نویس است ، زیرا این قابلیت علاوه بر اینکه افزودن مطلب را در شبکه های اجتماعی آسان می کند ، می تواند بر تعداد بازدیدکننده های یک وبلاگ بیافزاید. از این رو تصمیم به نوشتن آموزشی برای این ترفند گرفتم.

نمایی از این قابلیت

برای افزودن این ترفند ، باید مراحل زیر را به دقت انجام دهید :

یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید
سه: تیک گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F)

</head>

پنج: کدهای زیر را قبل از کد بالا قرار دهید:

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqJ93ow4qV2B41h4wYwYlmu9XS83Epk70Y2BjT2QrcxzOUQNg9q9pgMgm3EbuEAh9H90BGfdtmLGgSuQMrDctCVh7f0Wv52fejJsSMALGC0FZ5nwzJ2FNh8x512E00x6mr-wLY0qsiCsL/s1600/sharingsexy.png&#39;) no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqJ93ow4qV2B41h4wYwYlmu9XS83Epk70Y2BjT2QrcxzOUQNg9q9pgMgm3EbuEAh9H90BGfdtmLGgSuQMrDctCVh7f0Wv52fejJsSMALGC0FZ5nwzJ2FNh8x512E00x6mr-wLY0qsiCsL/s1600/sharingsexy.png&#39;) no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiii6rP1plS2MCy2uIfM2jFvXWj4J_MrTxPHiAc6OmRYu6YOGm8MYVNW5evn5Ggy4pTdYTG1Txhfmsc5sytlV6KH1H7TJG8swhyphenhyphenPTpxTB7bRNdmeHHiY9BEumcc6CupUfSpZvT8wXjfa7sl/s1600/Sexysprite.png&#39;) no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

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

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

یا

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

یا

<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://sabzlink.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot;https://balatarin.com/links/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot;http://friendfeed.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.blogger.com/blog_this.pyra?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='/feeds/posts/default/' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div></center> </b:if>

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

برای افزودن این روزشمار در وبلاگ خود باید چند مرحله را انجام دهید:


یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F):

]]></b:skin>

پنج: کدهای زیر را بالای کد قسمت قبل قرار دهید:

.countup {
text-align:right;
color:#ffffff;
padding: 11px 14px;
width:270px;
height:35px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbrXUKZRF-9_mta7UUqcNH6BrDd5f7Te6C4jpekXUXzn-bTRCOK7SytYUdlLkKlXXofKEdwRXLgga3ZNnFzOe30EKhZEdPKGsCopJOs71c6m3udSU2pLJea-Q5Ykwk6ucr0jiJXk3xzSx/s1600/ccc222.gif) top right no-repeat;
}

<div class='countup'>
<p align="right"><font face="tahoma" size="2">
<script>

/*
Count up from any date script-
By sabzintan (www.sabzintan.blogspot.com)*/

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" روز"
document.write(" "+difference+" از حصر رهبران سبزمان گذشت")
}
//enter the count up date using the format year/month/day
countup(2011,02,15)
</script>
</font></p>
</div>

<p align="right"><font face="tahoma" size="2">
<script>

/*
Count up from any date script-
By sabzintan (www.sabzintan.blogspot.com)
*/

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" روز"
document.write(" "+difference+" از حصر رهبران سبزمان گذشت")
}
//enter the count up date using the format year/month/day
countup(2011,02,15)
</script>
</font></p>

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

مطالب مرتبط

برای این منظور:
یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید 
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F)

</head>

پنج: کدهای زیر را قبل از آن قرار دهید:

<style>
 #related-posts { 
float : right; 
width : 655px; 
margin-top:20px; 
margin-left : 5px; 
margin-bottom:20px; 
font : 13px Verdana; 
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 {
 display : block; 
background : url(&quot;http://029.img98.net/out.php/i280437_garrow111.gif&quot;) no-repeat 0 0; margin : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 1px; padding-left : 21px; 
margin-bottom : 5px; 
line-height : 2em; 
border-bottom:1px dotted #cccccc; 
} 
</style> 
<script src='http://yourjavascript.com/1911619124/Related_posts_hack.js' type='text/javascript'/>

شش: یکی از کدهای زیر را در قالب خود پیدا کنید:

<data:post.body/>

<div class='post-body>

بنا به سفارش یکی از دوستان عزیزم ، خاکستر که درخواست کرده بود نحوه فارسی سازی navbar وبلاگ که همون نوار لینک های بالای صفحه هست رو بگم ، تصمیم گرفتم در یک پست جداگانه به آموزش اون بپردازم.

فارسی کردن navbar کار ساده ای است. برای این کار:
یک: از قسمت طرح وارد بخش ویرایش HTML شوید‌
دو: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
سه: Ctrl+F را فشار دهید تا قسمت جستجوی مرورگرتان ظاهر شود
چهار: به دنبال کلمه ای بگردید که قصد فارسی سازی آن را دارید ( مثلا کلمه home که در اکثر وبلاگ ها وجود دارد)
پنج: معادل فارسی آن کلمه را جایگذاری کنید
شش: الگوی خود را ذخیره کنید
به همین سادگی می توانید سایر کلمات موجود در navbar را فارسی کنید.

اما گاهی اوقات navbar شما از چپ به راست است که نشان می دهد این قالب برای وبلاگ نویسانی طراحی شده که چپ به راست می نویسند. برای بهینه سازی این دست از قالب ها برای زبان فارسی، باید کد زیر را در قسمت مورد نظر قرار دهیم:

float:right;

 

<data:post.body/>

<!--Social-Bookmark-Buttons-BEGIN-->
<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_social_bookmark'>
<br><span style='color:#888888;font-weight:bold;font-size:1.2em'>به اشتراک بگذارید:</span></br>
<br>
<a expr:href='&quot;http://sabzlink.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='سبزلینک'><img alt='سبزلینک' height='48' src='http://025.img98.net/out.php/i209634_sabzlink.png' width='48'/></a>

<a expr:href='&quot;https://balatarin.com/links/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='بالاترین'><img alt='بالاترین' height='48' src='http://025.img98.net/out.php/i209633_balatarin.png' width='48'/></a>

<a expr:href='&quot;https://www.azadegi.com/submit/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='آزادگی'><img alt='آزادگی' height='48' src='http://025.img98.net/out.php/i209632_azadegi.png' width='48'/></a>

<a expr:href='&quot;http://donbaleh.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='دنباله'><img alt='دنباله' height='48' src='http://025.img98.net/out.php/i209635_donbaleh.png' width='48'/></a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='فیسبوک'><img alt='فیسبوک' height='48' src='http://025.img98.net/out.php/i209703_facebook.png' width='48'/></a>


<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='تویتر'><img alt='تویتر' height='48' src='http://025.img98.net/out.php/i209704_twitter.png' width='48'/></a>

<a expr:href='&quot;http://friendfeed.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='فرندفید'><img alt='فرندفید' height='48' src='http://025.img98.net/out.php/i209710_freandfeed.png' width='48'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='گوگل'><img alt='گوگل' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxadIuVhRRi0r28H6MT3yRpe5iou0QA7zJrKaaSHTXXNGOb9feB5PYrG1tFF8HYzUL71v11MjBqjnMhWQgYwhGkYtKvc-L4tznhyphenhyphen8jKUr8N2riaSdmPL3xsvpymrx5K4_kD9ij2EyV6dWG/s1600/google.png' width='48'/></a>


<a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank' title='یاهو'><img alt='یاهو' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIeqeoSZh8oSvu0QtBiP4LhRTJeSkeP6WyH7RpCeaqsHcHuOOPHh6vnRbZY1c5nVnSa4dIRzvJnP5vo10zw1DAXBLcuRgasva-yQ6VDrxApRQZnFLQ6c2r5NF0ZUZE8r3n5MCOdegZQ6u/s1600/yahoo.png' width='48'/></a>


<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='خوشمزه'><img alt='خوشمزه' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYht4w6FvN1OU7RcF73R9xqfWfiRVXtMh9YmH04fZBZDXLgCiApsmXsCyBE4CipP3CthaMgPc2nk988iVYKQpG02lUobysnf0-KhVrltyAKMu_uwEzNUQ23vy9atExRYr9gaHOe-JLMeS/s1600/delicious.png' width='48'/></a></br>

</div></b:if>
<!--Social-Bookmark-Buttons-END-http://sabzintan.blogspot.com/-->