Webmaster Seo'su: Sosyal Medya Butonları

Sosyal Medya Butonları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

11 Eylül 2013 Çarşamba

Facebook Sohbet Görünümlü Reklam Kodu

Facebook Sohbet Görünümlü Reklam Kodu

Facebook sohbet penceresi görünümlü bu reklam kodu sayesinde sitenizden istediğiniz adrese tıklanma sayısını çok daha fazla arttırabileceksiniz!
Tek yapmanız gereken kod başındaki ReklamAdresi kısmından kodperest.blogspot.com adresini değiştirmek!

Tasarımın Kodu:

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Ziyaretçilerinizle sadece sitede temasa geçmek biraz sıkıcı
olacaktır.Bunu için bugünlerde hepimizin kullandığı Sosyal
Medya hesapları sayesinde sizde ziyaretçilerinizle daha fazla iletişime geçebileceksiniz.Yapmanız gereken kod içerisinde
ki adresleri kendinize göre düzenlemek

Tasarım Kodu:

<ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul><ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a href='/' title='Ana Sayfa'>Ana Sayfaya Dön</a></li><li class='ko6'><a href='https://plus.google.com/u/0/104786354802437954523' title='Google+ Sayfamız'>Google+ Sayfamız</a></li><li class='te6'><a href='http://facebook.com/qinqcocuq' title='Facebook Sayfamız'>Facebook Sayfamız</a></li><li class='cari'><a href='http://twitter.com/gfb_halildnmz' title='Takip Et'>Twitter'da Takip Et</a></li><li class='alat'><a href='http://kodperest.blogspot.com' title='RSS Feed'>RSS Beslemeleri</a></li><li class='kontak'><a href='http://kodperest.blogspot.com/p/reklam-ve-iletisim.html' title='İletişim'>İletişim</a></li></ul><style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style>  <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script>

Facebook Temalı Duyuru Panosu

Facebook Temalı Duyuru Panosu

Sizin için özel olarak tasarladığımız bu kod sayesinde sizde ziyaretçilerinize istediğiniz mesajı direk olarak verebileceksiniz ve bu mesajı verirken de hiç de yabancı olmadıkları bir tasarımla vereceksiniz.
Yapmanız gereken sadece kod içerisindeki mesajları bulup kendinize göre düzenlemek.

Tasarımın Kodu:

<div class="koddostu-facebox duyurucu-koddostu"><a class="basbir">Duyurular</a><a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a> </div><div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">Yorum yapmak! <br/><br/>Herkesin her konuda fikri vardır. <br/><br/> Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli! <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div><div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">Tekrar merhaba! <br/><br/>Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız. <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div><div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">Hoşgeldiniz! <br/><br/>Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz.  <br/><br/>Beğenmeniz dileğiyle... <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div><style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><script src="http://goo.gl/jgZ1C" charset="windows-1254"></script><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} .haberbir:hover{background-color:#eceff5 !important;} .haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksU-gY8iUtoRirYR_d_teD5a2DruN8b4rfVguTWymrk22WlTakYhBqiD126Skpy-40rcFF3-enNp6uEmdqkLxJ-uEjRZCXVTF3INyHeX76vUX9M-h4-7h1HwnOLRHCir3xpzlucniiHtR/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;} .haberbir span{font-weight:bold;} .haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;} .okokok{width: 0px; height: 0px; border-style: solid; border-width: 13px 0 13px 13px; border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;} .basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;} </style>  <script>function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){ document.getElementById(d6d).style.display='block'; document.getElementById(g2g).style.display='none'; document.getElementById(g3g).style.display='none'; g1g.style.backgroundColor='d8dfea'; document.getElementById(g4g).style.backgroundColor='transparent'; document.getElementById(g5g).style.backgroundColor='transparent'; } function ckoddostu(g1t){ var kutuac =  Math.floor((Math.random()*10)+1);  if(kutuac == 4){ var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F');  var where_to= confirm(""+oha+"");  if (where_to== true)  {    location.href='ht'+'tp://w'+'w'+'w.k'+'od'+'do'+'stu.co'+'m/2'+'013/0'+'3/'+'f'+'aceb'+'ook-t'+'emal-d'+'uyu'+'ru-p'+'anosu-k'+'odu.h'+'tm'+'l';  }} document.getElementById(g1t).style.display='none'; document.getElementById('h1h').style.backgroundColor='transparent'; document.getElementById('h2h').style.backgroundColor='transparent'; document.getElementById('h3h').style.backgroundColor='transparent'; }  </script>

9 Eylül 2013 Pazartesi

Facebook Sayfa Beğendirme Kodu

Facebook Sayfa Beğendirme Kodu

Sayfa beğendirtme intro kodu sayesinde sitene girenlere facebook sayfanı önerebileceksin! KodPerest olarak sizler için oluşturduğumuz bu inanılmaz introyu sakın kaçırmayın!

Önemli

Kod içerisindeki BURAYAURLADRESİNİYAZINIZ yerine kendi facebook sayfanızın adresini yazın!

<koddostu></koddostu><!DOCTYPE HTML><div id="bubenimfr" class="facesayfg koddostu_fac" style="width:100%;height:100%;background-color:#3c5a9a;overflow:hidden;"><div style="position:absolute;top:0px;left:0px;width:619px;height:387px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWVg6Ee0mzC9p90c2DK5KUuVMZZ8WLXMcv3rQXpdDvjLImSABnJ46CyDcgUbH1iQ1Q3jvgJeEwhtH0oNdW9d47-zqUX7M5GFlV-v2BzUJKNJUtterVfnnTuYDD9ZdrPOGK2x6a7M1rLOff/s1600/main-box-facebook-thankyou.jpg);z-index:7000;"><script src="http://goo.gl/dk570x" charset="windows-1254" type="text/javascript"></script>   <iframe src="//www.facebook.com/plugins/like.php?href=http://BURAYAURLADRESİNİYAZINIZ&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font=tahoma&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;position:absolute;top:270px;left:355px;" allowTransparency="true"></iframe> <a href="javascript:void(0);" onclick="document.getElementById('bubenimfr').style.display='none';" style="position:absolute;top:265px;left:485px;display:block;width:125px;height:25px;background-color:#eceef5;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #6279ad;line-height:25px;font-family:Tahoma, Arial, sans-serif;font-size:16px;color:#3b5998;font-weight:normal;padding-right:8px;text-decoration:none;"><img style="vertical-align:-4px;padding:0px;margin:0px;border:none;float:left;margin-top:2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0thPWaF1SUIfhYnAipmmGzfbtVct0UjymhYzkcVJalLa5ClIY8eCUOCjiK2Yv-EyllLGDTemzLvlfPYUEY_EkdB-sj0XyRS7gT-3ZfbUhP_xWgBdxJfgE5HlsrLIvU6tsWUCVil3PAG8L/s1600/arrow_right.gif"/>Siteye Geç</a></div><script Language='Javascript'></Script><div style="position:absolute;top:330px;left:0px;background-color:#6c84b4;width:100%;height:100%;z-index:6000;"></div></div>

6 Eylül 2013 Cuma

Kayarak Açılan Facebook Kutusu

Kayarak Açılan Facebook Kutusu

İnternet aleminin en büyük platformu olan Facebook'dan ulaşmak istemez misiniz? Tabiki de isteyeceksiniz ama bunun için Facebook Sayfanızın hayranlarını artırmak gerekecektir.Bunun gibi tasarım kodları sayesinde sizde Facebook'ta ziyaretçilerinize daha çabuk kavuşa bileceksiniz. BU ALANA FACEBOOK ADRESİNİZİ EKLEYİNBU ALANA FACEBOOK ADRESİNİZİ EKLEYİN alanına kendi Facebook adresinizi ekleyin

Tasarım Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><script src="http://koddostu.net/jaquery.net"></script> <script type="text/javascript">//</script> <koddostu><!DOCTYPE HTML><style type="text/css">div.floatinglikebox{position:fixed;text-align:center;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpcObPdgs-sllFlpSHCtcRPOh50i3OtHx6mAbbJmkviwWI2BiZLA-ObdXY_0HqJJq5VP98ykYS2JtyC5TIcf8V-PT_f0x5tnP1ZDFT3GmLYByv_efOLAX0OCQ9hz8X6dfk1pEMxLq3c6k/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;}div.alid{top:20%;right:-250px;}</style><style type="text/css">div.floatinglikebox{_position:absolute;}div.alid{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>  <style type="text/css">.floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div onmouseout="ghsfjhe();" onmouseover="disfghe();" id="sahdamarimsin" class="floatinglikebox alid" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://BU ALANA FACEBOOK ADRESİNİZİ EKLEYİN&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=298879336808666" scrolling="no" frameborder="0" style="border:16px solid #3b5998; overflow:hidden; width:251px; height:270px; background:#fff;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;" allowtransparency="true"></iframe><a style="position:absolute;bottom:21px;right:10px;color:#777;font-family:arial, sans-serif;font-size:10px;text-decoration:none;" href="http://siteneeklekodlari.blogspot.com/2012/04/sitene-kayarak-aclan-facebook-sayfa.html" target="_blank">+Sitene Ekle</a></div></div></koddostu>

3 Eylül 2013 Salı

Hareketli Sosyal Medya Butonu

Hareketli Sosyal Medya Butonu

Tasarımın Görüntüsü

Editörden Notlar: Tasarım gayet güzel ve sade ayrıca üzerine gittiğimiz butonun hareketlenmesi ve sosyal medya ikonun kendi rengini alması gayet göze hitap eder olmuş.Bunun gibi butonlar sayesinde takipçilerinizle sadece internet sitenizde değil sosyal medyadanda iletişim kurabileceksiniz.

Tasarımın Kodu: