Gönderen Konu: Temaniza Sosyal Paylaşım Butonları  (Okunma sayısı 191 defa)

Çevrimdışı cakal

  • Vip Üye
  • Trade Sayısı: (0)
  • *
  • İleti: 94
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
Temaniza Sosyal Paylaşım Butonları
« : 09 Şub 2016, 07:48:22 »
Sitelerinizdeki içeriklerin sosyal medyada paylaşımını sağlayan butonlar tasarladım. kodlar ve görünüşleri alttadır. İsteyen kullanabilir.

CSS Dosyasına Eklenecek :

Kod: [Seç]
#sosyal {
height:40px;
    display: table;
text-align: center;
 
}
#sosyal p {
    display: table-cell;
    vertical-align: middle;
 
    font-size:14px;
    color:white;
}
Single.php içerisinde <?php the_content();?> ifadesinin üstüne ve/veya altına ekleyeceğiniz kodlar.

Kod: [Seç]
<div style="height:40px;" class="visible-lg">
 <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="_blank"> <div class="col-md-4" style="background-color:#3b5998;height:40px;margin:0 auto;text-align: center;">
 <p style="color:white;padding-left:10px;padding-bottom:5px;"><i class="fa fa-facebook fa-2x"></i>Facebook'ta Paylaş</p>
 </div>
</a>
 
 <a href="http://twitter.com/share?text=<?php echo urlencode(the_title()); ?>&url=<?php echo urlencode(the_permalink()); ?>&via=ayhankorkmaz_&related=<?php the_title(); ?>" target="_blank">
 <div class="col-md-4" style="background-color:#55acee;height:40px;margin:0 auto;text-align: center;">
 <p style="color:white;padding-left:10px;padding-bottom:5px;"><i class="fa fa-twitter fa-2x"></i>Twitter'da Paylaş</p>
 </div></a>
 
 <a href="https://plus.google.com/share?url=<?php the_permalink();?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank">
 <div class="col-md-4" style="background-color:#dc4e41;height:40px;margin:0 auto;text-align: center;">
 <p style="color:white;padding-left:10px;padding-bottom:5px;"><i class="fa fa-google-plus fa-2x"></i>Google +'ta Paylaş</p>
 </div></a>
 
</div>


<div style="height:40px;" class="visible-xs visible-sm">
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="_blank"> <div class="col-xs-3 col-sm-3" style="background-color:#3b5998;" id="sosyal">
<p><i class="fa fa-facebook fa-2x"></i></p>
</div>
</a>
 
<a href="http://twitter.com/share?text=<?php echo urlencode(the_title()); ?>&url=<?php echo urlencode(the_permalink()); ?>&via=ayhankorkmaz_&related=<?php the_title(); ?>" target="_blank">
<div class="col-xs-3 col-sm-3" style="background-color:#55acee;" id="sosyal">
<p><i class="fa fa-twitter fa-2x"></i></p>
</div></a>
 
<a href="https://plus.google.com/share?url=<?php the_permalink();?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank">
<div class="col-xs-3 col-sm-3" style="background-color:#dc4e41;" id="sosyal">
<p><i class="fa fa-google-plus fa-2x"></i></p>
</div></a>
 
<a href="whatsapp://send?text=<?php the_permalink();?>&t=<?php the_title(); ?>" data-action="share/whatsapp/share" target="blank">
<div class="col-xs-3 col-sm-3" style="background-color:#43d854;" id="sosyal">
<p><i class="fa fa-whatsapp fa-2x"></i></p>
</div></a>
 
</div>