دکمه اشتراک گذاری نوشته وبلاگ

دکمه اشتراک گذاری نوشته وبلاگ با این کد شما میتوانید به انتهای نوشته ی وبلاگ خود ۱۳ تا دکمه

اشتراک گذاری اضافه کنید.این کد در بازدید سایت شما تاثیر زیادی دارد.

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

برای دیدن دکمه اشتراک گذاری سایت ورد پرسی اینجا کلیک کنید

دکمه اشتراک گذاری نوشته وبلاگ

اموزش قرار دادن کد در قالب وبلاگ:

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

که بعد از بسته شدن تگ برچسب قرار دهید بسته شدن تگ همیشه با </a> و یا </dive> و … که یک / قبل ان قرار دارد به پایان میرسد.

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

اموزش برای سایر سرویس های وبلاگدهی در انتهای مطلب

 

<div class="codebazan-social-buttons">

<h4>به اشتراک بگذارید :</h4>


<div style="text-align:justify; width:100%; margin: 7px 0;">
<a href="http://www.balatarin.com/links/submit?phase=2&url=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در بالاترین"><img src="https://rozup.ir/view/1136453/balatariin.png" border="0" alt="balatarin" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>


<a href="http://www.cloob.com/share/link/add?url=[Post_Link]&title=[Post_Title]" title="اشتراک گذاری در کلوب" ><img src="https://rozup.ir/view/1136456/cloob.png" border="0" alt="cloob" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>


<a href="http://donbaler.com/share/link/add/?url=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در میکروبلاگ اجتماعی دنبالر" >
<img src="https://rozup.ir/view/1136458/donbaler.png" border="0" alt="Donbaler" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>


<a href="https://donbaleh.com/submit.php?url=[Post_Link]&subject=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در دنباله" ><img src="https://rozup.ir/view/1136460/donbaleh.png" border="0" alt="Donbaleh" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>


<a href="http://www.linkpad.ir/index.php?page=submit&url=[Post_Link]" target="_blank" rel="nofollow" title="اشتراک گذاری در لینک پد" ><img src="https://rozup.ir/view/1136461/linkpad.png" border="0" alt="LinkPad" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://twitter.com/home?status=[Post_Title] - [Post_Link]" target="_blank" rel="nofollow" title="اشتراک در توییتر" ><img src="https://rozup.ir/view/1136463/twitter.png" border="0" alt="Twitter" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://facebook.com/sharer.php?u=[Post_Link]&t=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در Facebook" ><img src="https://rozup.ir/view/1136471/facebook.png" border="0" alt="Facebook" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://www.google.com/reader/link?url=[Post_Link]&title=&srcURL=[Post_Link]" target="_blank" rel="nofollow" title="اشتراک گذاری در Google Buzz" > <img src="https://rozup.ir/view/1136479/buzz.png" border="0" alt="Google Buzz" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://google.com/bookmarks/mark?op=add&bkmk=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در Google Bookmarks" ><img src="https://rozup.ir/view/1136480/google.png" border="0" alt="Google Bookmarks" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://digg.com/submit?phase=2&url=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در Digg" ><img src="https://rozup.ir/view/1136485/digg.png" border="0" alt="Digg"  style="max-width:20px; max-height:20px; width:20px; height:20px;"/></a>

<a href="ymsgr:im?msg=ino bebin - [Post_Link] -[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در یاهو مسنجر" ><img src="https://rozup.ir/view/1136489/yahoo.png" border="0" alt="yahoo" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://technorati.com/faves?add=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در Technorati" ><img src="https://rozup.ir/view/1136490/technorati.png" border="0" alt="Technorati"  style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

<a href="http://delicious.com/post?url=[Post_Link]&title=[Post_Title]" target="_blank" rel="nofollow" title="اشتراک گذاری در Delicious" ><img src="https://rozup.ir/view/1136491/delicious.png" border="0" alt="delicious" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>
<g:plusone href="[Post_Link]" size="medium"></g:plusone>
</div>
</ul>

خب برای استایل دادن به کد بالا کافیه استایل زیر رو در هد قالب قرار بدین

و یا در فایل style.css که ادرسش در هد قالبتون هست اضافه کنید اما ساده ترین روش کد زیرو در هد سایت بزارید.

  <style>
/* codebazan-social-buttons */
.codebazan-social-buttons {
     background-color: #F5F5F5;
     border: 1px solid #EBEBEB;
     clear: both;
     display: block;
     height: 32px;
     margin: 20px 0px 5px;
     padding: 1% 1% 1% 2%;
     width: 97%;
}
.codebazan-social-buttons h4, .codebazan-social-buttons ul {
     display: block;
     float: right;
}
.codebazan-social-buttons h4 {
     color: #868686;
     font-family: tahoma;
     font-size: 12px;
     font-weight: bold;
     line-height: 32px;
     margin: 0px;
}
.codebazan-social-buttons ul {
     height: auto;
     list-style: none outside none;
     margin: 0px 10px 0px 0px;
     max-height: 32px;
     max-width: 100%;
     padding: 0px;
     min-width: 150px;
}
.rokesh-social-buttons li {
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}
.codebazan-social-buttons a {
     background-image: url("share-buttons.png");
     display: block;
     float: right;
     font-size: 0px;
     height: 32px;
     margin-left: 5px;
     opacity: 0.85;
     transition: all 0.1s ease 0s;
     width: 32px;
}
.codebazan-social-buttons a:hover {
     opacity: 1;
     transform: translateY(-1px);
}
.codebazan-social-buttons li.tw a {
     background-position: 0px -32px;
}
.codebazan-social-buttons li.pl a {
     background-position: 0px -64px;
}
.codebazan-social-buttons li.li a {
     background-position: 0px -96px;
}

.codebazan-social-buttons a {
     background-image: url("share-buttons.png");
     display: block;
     float: right;
     font-size: 0px;
     height: 32px;
     margin-left: 5px;
     opacity: 0.85;
     transition: all 0.1s ease 0s;
     width: 32px;
}
</style>

خب برای استفاده کد در سایر سرویسهای وبلاگدهی کافیه به قالب وبلاگتون برید و کد هایی مثل [Post_Link] و [Post_Title] رو تغییر بدین

مثلا در بلاگفا به جای [Post_Title] دستور <-PostTitle-> و به جای [Post_Link] دستور <-PostLink-> استفاده میشه

نمونه بلاگفا

<a href="https://donbaleh.com/submit.php?url=<-PostLink->&subject=<-PostTitle->" target="_blank" rel="nofollow" title="اشتراک گذاری در دنباله" ><img src="https://rozup.ir/view/1136460/donbaleh.png" border="0" alt="Donbaleh" style="max-width:20px; max-height:20px; width:20px; height:20px;" /></a>

به همین سادگی…

برای تست کد فوق از ابزار پیش نمایش کدبازان استفاده نمایید.

8 Comments

  1. با سلام من رزبلاگ دارم

    همه این شبکه های اجتماعی کار میکنه
    فقط تلگرام اون هم فقط لینک می رود ولی عنوان با خلاصه ای از متن در تلگرام share نمی شود
    [Post_Link]&title=[Post_Title] =

    بعد از مساوی به این شکل است ولی جواب نمیده آدرس شیر الگرام هم درست است
    ممنون می شم مثل خودتون این دکمه تلگرام را هم به من بگویید یا پست بگذارید

    علی
    1. سلام
      شما کافیه ک فقط از [Post_Link] استفاده کنید تا مطلب و خلاصه مطلب برای شما اشتراک گذاری بشه
      تلگرام ب صورت اتومات لینک رو برسی میکنه و خلاصه مطلبو نمایش میده
      نمونه کد هم به اینصورته
      نمایش کد برای رزبلاگ

      خب حالا ی داستان ک میدونم مشکل شما از کجا سرچشمه میگیره کاملا برات روشن میشه

      وقتی پستی رو ایجاد کردی زیر پست ی بخش داره به اسم تنظیمات سئو اگه اشتباه نکنم
      روش کلیک کن کادر برای شما باز میشه و اون اطلاعاتی که میخوای بعد از قرار گرفتن لینک شما در تلگرام نمایش بده تو اون کادر بنویس
      مشکل شما حل میشه و اطلاعت شما در تلگرام مثل عکس زیر نمایش داده میشه

      کد تلگرام
      بازم سوال داشتی در خدمتیم با توجه به اینکه میدونم مشکل شما همینجا حل میشه
      موفق باشید…

      admin
  2. ممنون حرف شما درست
    ولی من سئو در رزبلاگ استفاده کردم از قبل نشد بازهم
    حال یه عده ای بر این معتقدند که متا تگ ها باید برای شبکه های اجتماعی نوشته شود

    این مقاله :
    http://1coder.blog.ir/post/open-graph-tags-for-social-media
    من هم این متا تگ ها را نوشتم : با توجه به این راهنما:
    http://rozblog.com/theme_help.html

    علی
    1. برادر دقیقا همین کدی که برای شما قرار دادم در سایت
      http://suchi.ir/ وجود داره و تست کردم کار هم میکنه
      توجه کنید که لینک ۱ بار توسط تلگرام اسکن بشه و نتونه محتواشو پیدا کنه بیخیال میشه و با قرار دادن اون لینک در اکانت شما دیگه دنبال محتوای ریز لینکتون نمیگرده

      codebazan@
      پیام بده تا بگم چیکار کنی

      admin
  3. سلام

    ممنون مشکل حل شد مشکل در متا تگ og:image بود یک عکس آپلود کردم گذاشتم در ضمن برای پست های قدیمی اجرا نمی شود بعد از تغییرات با ارسال پست جدید این قابلیت اضافه می شود .

    علی
    1. سلام خواهش میکنم
      خدا رو شکر….
      پست های قدیمیت تنظیمات سئوشونو پر کردی؟؟

      اگه نکردی تنظیمات سئو زیر پستو انجام بده درست میشه
      در ضمن لینکها یکبار برن تلگرام اسکن بشن و محتوا نداشته باشن با اضافه کردن محتوا و ارسال مجدد ب تلگرام بازم نشون نمیده مگه اینکه ادرسشو تغییر بدی و یا تو اکانت یکی دیگه ارسال کنی برای چک کردن

      موفق باشید

      admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *