Koddostu

Kod Dostu tarafından geliştirilmiş bu eşsiz hazır kod sayesinde sitenizi facebook, twitter, tumblr ve daha pek çok sosyal ağda paylaştırmak çocuk oyuncağı olacak. Kod sadece bununla kalmıyor. Sayfanızın popüler android uygulamaları instapaper, evernote ve whatsapp'da dahi paylaşılmasına olanak sağlıyor.

Detaylara geçmeden, asıl kod ile işe başlayalım:

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Sosyal Medya Paylaşım Kodları-->
<input type="checkbox" id="kdfab1535" class="kdpfab"/>
<div class="koddostu-com-paylas yuvarlak">
<a href="#" class="koddostu-paylas kd-facebook"></a>
<a href="#" class="koddostu-paylas kd-twitter"></a>
<a href="#" class="koddostu-paylas kd-pinterest"></a>
<a href="#" class="koddostu-paylas kd-whatsapp"></a>
<a href="#" class="koddostu-paylas kd-linkedin"></a>
<a href="#" class="koddostu-paylas kd-mail"></a>
<a href="#" class="koddostu-paylas kd-tumblr"></a>
<a href="#" class="koddostu-paylas kd-blogger"></a>
<a href="#" class="koddostu-paylas kd-pocket"></a>
<a href="#" class="koddostu-paylas kd-googleplus"></a>
<a href="#" class="koddostu-paylas kd-vkontakte"></a>
<a href="#" class="koddostu-paylas kd-reddit"></a>
<a href="#" class="koddostu-paylas kd-evernote"></a>
<a href="#" class="koddostu-paylas kd-instapaper"></a>
<a href="#" class="koddostu-paylas kd-mailru"></a>
<a href="#" class="koddostu-paylas kd-odnok"></a>

</div>
<script>
(function () {
var a=document.createElement("link"); a.type="text/css";a.rel="stylesheet"; a.href="http://panel.koddostu.com/css/2.css";
a.media="all";document.getElementsByTagName("head")[0].appendChild(a);}());
</script>
<script charset="iso-8859-9" type="text/javascript" src="http://www.koddostu.com/kdjs/dmca/koddostu-com-paylas.js?90"></script>
<script src="https://www.koddostu.com/duzelt.js?no=344"></script>

Yukarıdaki kodun 5. satırında yuvarlak kelimesini göreceksiniz. İşte sadece bu kelimeyi değiştirerek kodunuzu 4 farklı şekilde sergileyebilirsiniz:

Kodun 5. satırındaki yuvarlak kelimesi yerine:

klasik yazarsanız, sosyal medya düğmeleri yuvarlak değil dikdörtgen şekilde görünür.

sol yazarsanız, sosyal ağ düğmeleri sayfanın sol kenarına sabitlenir. Üzerlerine gelindiğinde, farenin üzerinde durduğu sosyal ağ sitesi (facebook, pinterest) genişler ve öne çıkar. Bu durumda kodu sayfada nereye yerleştirdiğiniz fark etmez.

fab yazarsanız, sayfanın sağ alt köşesinde bir yüzer eylem düğmesi oluşur. Bu düğmeye tıklandığında içerisinden sosyal paylaşım düğmeleri çıkar.

Harika! peki hangi sosyal ağların görüneceğini nasıl ayarlayacaksınız? Aslında bu da oldukça bariz ve bir o kadar da kolay:

Kod içerisindeki şu şekilde görünen satırlarda:
<a href="#" class="koddostu-paylas kd-facebook"></a>
Facebook yerine şunlardan birini yazabilirsiniz:

facebook
twitter
pinterest
whatsapp
linkedin
mail
tumblr
blogger
pocket
googleplus
vkontakte
reddit
evernote
instapaper
mailru
odnok