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

دکمه اشتراک گذاری نوشته سایت شما میتوانید با این کد دکمه اشتراک گذاری ۴ سایت معروف

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

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

 

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

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

کد زیر دکمه به اشتراک گذاری شبکه اجتماعی برای وردپرس میباشد.

برای اضافه کردن این دکمه در زیر نوشته های سایت کافیه به پوشه قالب در حال استفاده خودتون برید

و فایل single.php رو پیدا کنید و بعد از  برچسب ها کد زیر رو اضافه کنید.

و استایل ان را در پوشه استایل اخر فایل style.css اضافه کنید.

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

 

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

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

  <ul><li>

<a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>"><img style="border: medium none;" class="" alt="Delicious" src="https://rozup.ir/view/1136137/g+.png" /></a></li><li>


<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>"><img style="border: medium none;" class="" alt="Digg" src="https://rozup.ir/view/1136145/f.png" /></a></li><li>



<a target="_blank" href="http://twitthis.com/twit?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>"><img style="border: medium none;" class="" alt="Twitter" src="https://rozup.ir/view/1136140/twitter-small.jpg" /></a></li><li>

<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>"><img style="border: medium none;" class="" alt="Twitter" src="https://rozup.ir/view/1136146/l.png" /></a></li><li>

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

      <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>

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

 

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

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