سلام به تمام کاربران عزیز ان اسکین از این ساعت شما از سایت ان اسکین ابزار به اشتراک گذاری زیبا رامیتوانید بردارید.
توسط کد زیر یکسری آیکون از شبکه های اجتماعی در پایین مطلب شما نمایش داده خواهد شد که امکان اشتراک گذاری مطالب شما را در فیس بوک , تویتر, دیگ, گوگل, یاهو و … فراهم می کند,
در این کد از استایل سی اس اس استفاده شده که با رفتن بالای ایکون شناور شده و رنگ ایکون از سیاه و سفید به رنگه تبدیل میشن که میتونید در تصویر زیر انرا به راحتی ببینید دوستان عزیز...
این ابزار برای سیستم های رزبلاگ, بلاگفا, میهن بلاگ و بلاگ اسکای میباشد و به زودی برای دیگر سرویس های وبلاگدهی...
این کد را کجا قرار دهیم؟
نکته ی مهم اینجاست که کد را در کجا قرار دهید؟! قبل از هر گونه تغییری در
قالب وبلاگ خود , پیشنهاد می کنم یک پشتیبان از قالب خود تهیه کنید تا
خیالتان جمع باشد, چرا که ممکن است در بعضی از قالب ها به خوبی نمایش داده
نشود.
خوب حالا که از قالب کاپی گرفتید خیالتون کاملا راحت و جمع باش
خوب میریم سر اصل موضوع:
ابتد کد زیر را بعد از تگ <head> قرار دهید, این تگ در اوایل کد قالب می باشد.
<style type="text/css" media="screen">
.nskin-ir-sharing-cl{ overflow:hidden; margin:0; padding:0; list-style:none; }
.nskin-ir-sharing-cl a{ overflow:hidden; width:75px; height:30px; float:left; margin-right:5px; text-indent:-200px; background:url("http://gooyaup.com/uploads/gooya_13385519761.png") no-repeat; }
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{margin-right:0; background-position:-350px -40px;}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{ background-position:-350px 1px;}
#text{ margin-top:3em; font-weight:bold; font-family:helvetica,arial,sans-serif; }
#text a{ text-indent:0; height:auto; text-align:center; font-size:11px; padding-top:35px; color:#999; text-decoration:none; }
</style>
سپس :
برای بلاگفا این کد را پیدا کرده و بعد از این کد :
</BlogExtendedPost>
<ul class="nskin-ir-sharing-cl" id="text">
<li><a class="sh-mail" href="http://bookmarks.yahoo.com/toolbar/savebm?url=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->">yahoo</a></li>
<li><a class="sh-feed" href="http://www.google.com/buzz/post?url=http://<-BlogId->.blogfa.com/<-PostLink->&message=<-PostTitle->">google</a></li>
<li><a class="sh-tweet" href="http://twitthis.com/twit?url=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->">twitter</a></li>
<li><a class="sh-face" href="http://www.facebook.com/sharer.php?u=http://<-BlogId->.blogfa.com/<-PostLink->&t=<-PostTitle->">facebook</a></li>
<li><a class="sh-su" href="http://www.stumbleupon.com/submit?url=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->">stumbleupon</a></li>
<li><a class="sh-digg" href="http://digg.com/submit?phase=2&url=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->">digg</a></li>
</ul>
برای میهن بلاگ این کد را پیدا کرده و بعد از این کد :
[cb:post_continue_link]
<ul class="nskin-ir-sharing-cl" id="text">
<ul class="nskin-ir-sharing-cl" id="text">
<li><a class="sh-mail" href="http://bookmarks.yahoo.com/toolbar/savebm?url=[cb:post_href]&title=[cb:post_title]">yahoo</a></li>
<li><a class="sh-feed" href="http://www.google.com/buzz/post?url=[cb:post_href]&message=[cb:post_title]">google</a></li>
<li><a class="sh-tweet" href="http://twitthis.com/twit?url=[cb:post_href]&title=[cb:post_title]">twitter</a></li>
<li><a class="sh-face" href="http://www.facebook.com/sharer.php?u=[cb:post_href]&t=[cb:post_title]">facebook</a></li>
<li><a class="sh-su" href="http://www.stumbleupon.com/submit?url=[cb:post_href]&title=[cb:post_title]">stumbleupon</a></li>
<li><a class="sh-digg" href="http://digg.com/submit?phase=2&url=[cb:post_href]&title=[cb:post_title]">digg</a></li>
</ul>
برای رزبلاگ این کد را پیدا کرده و بعد از این کد :
</RB:Post_More_Block>کد های زیر را قرار بدید:<ul class="nskin-ir-sharing-cl" id="text">
<li><a class="sh-mail" href="http://bookmarks.yahoo.com/toolbar/savebm?url=[Post_Link]&title=[Post_Title]">yahoo</a></li>
<li><a class="sh-feed" href="http://www.google.com/buzz/post?url=[Post_Link]&message=[Post_Title]">google</a></li>
<li><a class="sh-tweet" href="http://twitthis.com/twit?url=[Post_Link]&title=[Post_Title]">twitter</a></li>
<li><a class="sh-face" href="http://www.facebook.com/sharer.php?u=[Post_Link]&t=[Post_Title]">facebook</a></li>
<li><a class="sh-su" href="http://www.stumbleupon.com/submit?url=[Post_Link]&title=[Post_Title]">stumbleupon</a></li>
<li><a class="sh-digg" href="http://digg.com/submit?phase=2&url=[Post_Link]&title=[Post_Title]">digg</a></li>
</ul>
برای بلاگ اسکای این کد را پیدا کرده و بعد از این کد :
<ul class="nskin-ir-sharing-cl" id="text">
<li><a class="sh-mail" href="http://bookmarks.yahoo.com/toolbar/savebm?url=<BlogSky:Post HRef />&title=<BlogSky:Post Title />">yahoo</a></li>
<li><a class="sh-feed" href="http://www.google.com/buzz/post?url=<BlogSky:Post HRef />&message=<BlogSky:Post Title />">google</a></li>
<li><a class="sh-tweet" href="http://twitthis.com/twit?url=<BlogSky:Post HRef />&title=<BlogSky:Post Title />">twitter</a></li>
<li><a class="sh-face" href="http://www.facebook.com/sharer.php?u=<BlogSky:Post HRef />&t=<BlogSky:Post Title />">facebook</a></li>
<li><a class="sh-su" href="http://www.stumbleupon.com/submit?url=<BlogSky:Post HRef />&title=<BlogSky:Post Title />">stumbleupon</a></li>
<li><a class="sh-digg" href="http://digg.com/submit?phase=2&url=<BlogSky:Post HRef />&title=<BlogSky:Post Title />">digg</a></li>
</ul>