برایم کتاب بخوان...
بسته اینترنت ارزان

مدیر سبز

آموزش بازاریابی نوین
سه شنبه, ۴ اسفند ۱۳۹۴، ۰۱:۴۴ ب.ظ

کد اشتراک گذاری در شبکه های اجتماعی

برای اینکه بتوانید امکان اشتراک گذاری مطالب رو به وبلاگتون اضافه کنید، میتونید از کدهای زیر استفاده کنید. البته در اینترنت، کدهای جاوا اسکریپت آماده ای هم برای اینکار وجود داره، اما در "بیان" باید این امکان خریداری بشه.

کدهای HTML که باید در ساختار قالب و در مکان موردنظر شما قرار بگیرند:

<span style="float:left">
            <a target="_blank" href="http://www.facebook.com/sharer.php?u=http://modiresabz.blog.ir(*post_link*)&amp;t=(*post_title*)" class="socialfloat">
              <div style='background-position:right -292px;'></div></a>
            <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http://modiresabz.blog.ir(*post_link*)&amp;title=(*post_title*)&amp;summary=(*post_title*) | (*blog_title*)&amp;source=http://modiresabz.blog.ir" class="socialfloat">
              <div style='background-position:right -197px;'></div></a>
            <a target="_blank" href="http://twitter.com/home?status=http://modiresabz.blog.ir(*post_link*)&amp;title=(*post_title*)" class="socialfloat">
              <div style='background-position:right -163px;'></div></a>
            <a target="_blank" href="http://plus.google.com/share?url=http://modiresabz.blog.ir(*post_link*)&amp;title=(*post_title*)" class="socialfloat">
              <div style='background-position:right -92px;'></div></a>
            <a target="_blank" href="tg://msg?text=(*post_title*) + http://modiresabz.blog.ir(*post_link*)" class="socialfloat">
              <div style='background-position:right -1px;'></div></a>
            <a target="_blank" href="whatsapp://send?text=(*post_title*)+http://modiresabz.blog.ir(*post_link*)" class="socialfloat">
              <div style='background-position:right -61px;'></div></a>
            <a target="_blank" href="https://pinterest.com/pin/create/button/?url=http://modiresabz.blog.ir(*post_link*)&amp;media=(*post_image*)&amp;description=(*post_title*)" class="socialfloat">
              <div style='background-position:right -229px;'></div></a>
</span>

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

http://modiresabz.blog.ir

کدهای CSS  که باید در CSS قالب فعلی قرار دهید:

.socialfloat {
    float: left;
}
.socialfloat div {
    width: 30px;
    height: 30px;
    background: transparent url("http://bayanbox.ir/view/3652983123240659146/minimalist.png") no-repeat scroll right center;
}

نتیجه به شکل زیر خواهد شد:

کد اشتراک گذاری

چند نکته:

  • ممکنه این کدها در بعضی قالبها مشکل یا تغییر جزئی داشته باشند، اگر نتونستین درستش کنین، اطلاع بدین بررسی میکنم :)
  • در قسمت اشتراک گذاری پینترست، قسمتی هست به عنوان (*post_image*) ، برای کار کردن این قسمت نیاز هست که شما قبلا امکان تصویر گذاشتن برای مطالب رو فعال کرده باشید(از بخش تنظیمات پیشرفته) و برای هر مطلب عکس تعیین کنید.
  • البته شما اگر کمی با CSS و HTML آشنایی داشته باشید میتونید تصاویر موجود رو عوض کنید یا اندازه اشون رو هم تغییر بدین.

نظرات (۹)

۰۴ اسفند ۹۴ ، ۱۴:۰۱ ❤❤ پسر خوب ❤❤
ممنونم
۰۴ اسفند ۹۴ ، ۱۵:۲۳ ❤منتـــظر المـهـدی❤
واقعاجالب بود

ممنونم
۰۴ اسفند ۹۴ ، ۱۶:۰۶ عشق آسمانی
سلام خیلی ممنون استاد
پاسخ:
سلام
خواهش میکنم، البته بنده در این زمینه تخصص خاصی ندارم، بیشتر تجربی بوده و در این زمینه هنوز شاگردی میکنیم :)
مرسی مفید بود 
۰۴ اسفند ۹۴ ، ۲۲:۲۳ طاها میرویسی
چه جالب!!
۰۵ اسفند ۹۴ ، ۰۰:۰۱ احسان محمدنیا
با سلام
جهت افزایش بازدید کننده وبلاگ شما توسط وبلاگ ما دنبال میگردد امید که شما نیز چنین لطفی را در حق ما بکنید.
سپاسگزار- موفق باشید.
پاسخ:
سلام
خواهش میکنم دنبال شدید.
فقط دقت کنید که در بیان، کامنتهای با متن یکسان نگذارید چون به عنوان هرزنامه شناخه میشن و در قسمت نظرات قرار نمیگیرند.
چه خوب ...👍
پاسخ:
امیدوارم مفید باشه برای دوستان :)
۰۵ اسفند ۹۴ ، ۱۹:۱۴ عشق آسمانی
من نمیدونم شما شاگردی میکنید یا استادی
مهم اینکه استاد مایی :)
پاسخ:
خواهش میکنم، ممنون :)
خیلی عالیه ممنون از شما
پاسخ:
خواهش میکنم

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
شکستن مرزهای فروش
کتاب افزایش عملکرد درمحل کار
شکستن مرزهای موفقیت
کتاب تبدیل رویا به ثروت
مدیر سبز

مقالات و محصولات آموزش بازاریابی نوین

پیشنهاد ویژه
نرم افزار کنترل و مدیریت خانواده و فرزندان در اینترنت
ابزار وبلاگ
کد و ابزار وبلاگ
افزایش فالوور واقعی اینستاگرام
آموزش ورود به بازار بورس
آخرین نظرات
  • ۳۰ آذر ۹۷، ۱۱:۲۵ - حسین
    سپاس
  • ۲۷ آبان ۹۷، ۲۱:۲۹ - سیّد محمّد جعاوله
    جالب بود.