Facebook'tayız İNTROSU sitene ekle !

Merhaba arkadaşlar bugün çok güzel bir facebook introsu ile karşınızdayım..Bu mükemmel intro ile ziyaretçilerinize facebook sayfanızı beğendirmek çok kolay olucak.Üstelik şık görünümüyle dikkat çekeceği kesin..

Yüklemek için > Yerleşim > Gadget ekle > HTML/Javascript > seçin ve kodunuzu yapıştırın

DEMO İÇİN TIKLAYIN !
<!--Blogtasarimcim Facebook Sayfa İntrosu START-->
<script></p>
<p>
var FACEBOOK_SAYFA_ADRESi='http://facebook.com/blogtasarimcim'</p>
<p>
</script>
<!--SAYFA ADRESİNİZİ YUKARIDAN DEĞİŞTİREBİLİRSİNİZ-->


<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com (Blogtasarimcim.blogspot.com tarafından paylaşılmıştır)-->


<script src="http://code.jquery.com/jquery-latest.js"></script>
<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"></link>
<style type="text/css">div.koddostu-fce{position:fixed;z-index:99000;}div.book-koddostu{background-color:#416099;top:-100%;left:0px;width:100%;height:160%;border-bottom:5px solid #27447b;}</style><style type="text/css">div.koddostu-fce{_position:absolute;}div.book-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostu-fce book-koddostu" id="koddostuustpenil">
</div>

<div style="height: 32px; left: 0px; position: absolute; top: 40%; width: 100%;">
<center>
</center>
</div>

<a href="https://www.blogger.com/null" style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJTg048vn1F0RX2HOh0VXrE61GD_Tejt2r6CR5X1CwE51_pjT5OoKRkB9sRRKktIkKxT2omFd2NP724uY0w7YnzWZ0jpxuaQYBC6DKunocgqxqEf3ZQXoNQqadCw-PyMStl0sW54SXr-O/s1600/indicator_blue_large.gif) no-repeat top left; color: white; display: block; font-family: Calibri, sans-serif; font-size: 18px; font-weight: normal; height: 32px; line-height: 32px; padding-left: 32px; text-decoration: none; width: 150px;">Yükleniyor</a>

<a href="https://www.blogger.com/null" onclick="zer=zer+1;if(zer == 2){document.location.href = duv+diduv+dav+didav;}" style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh15muBQVSbbAkWYjFCxmPYQqAZDshqPPmRGfYn60yCVrjQmboKI0paqUauSGYgVzSgwNI3soJqmHGkWz4Hq01tQxtYTxeJ_VD1TduunFxDxT5AKvUmFtkwFQV8IQaCDXlmwuMvhqYrVayj/s180/Facebook.png) no-repeat top left; border: none; display: block; height: 180px; left: 20%; margin: 0px; padding: 0px; position: absolute; top: 78%; width: 180px; z-index: 99004;"></a>
<div style="color: white; font-family: 'Patua One', cursive; font-size: 66px; font-weight: normal; left: 20%; margin: 0px !important; padding-left: 200px; position: absolute; top: 75%; z-index: 99003;">
Facebook<span style="color: white; font-family: 'Patua One', cursive; font-size: 46px; font-weight: normal;">'dayız!</span></div>
<span style="display: block; height: 20px; width: 200px;"></span>
<a href="javascript:void(0)" id="ziyaretet"><button class="koddostu_face2" onfocus="this.blur();"></button></a>
Facebook Sayfamızı Ziyaret Et

<a href="javascript:void(0)" id="esac"><button class="koddostu_face3" onfocus="this.blur();"></button></a>
Siteye Gir




<style onload="koddostughbkl();" type="text/css">div.koddostu-frce{position:fixed;z-index:89001;}div.brook-koddostu{background-color:#fafafa;background-image: linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58% ) !important;background-image: -o-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -moz-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -webkit-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -ms-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.32, #D4D2D4),color-stop(0.58, #E8E8E8)) !important;bottom:0px;left:0px;width:100%;height:40%;border-top:5px solid #ccc;}</style><style type="text/css">div.koddostu-frce{_position:absolute;}div.brook-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostu-frce brook-koddostu" id="revealDivs">
</div>

<center>
</center>

<div style="height: 200px; margin-top: 40px; position: relative; text-align: left !important; width: 500px;">
</div>

<a href="https://www.blogger.com/null" style="background-color: transparent; border: none; color: #555555; font-family: Calibri, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0px; padding: 0px; text-decoration: none;">Facebook sayfamızı ziyaret ederek sitemizdeki en güncel gelişmeleri takip edebilirsiniz.</a>


<a href="https://www.blogger.com/null" style="background-color: transparent; border: none; color: #555555; font-family: Calibri, sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0px; padding: 0px; text-decoration: none;">Takipte Kalın</a>
<a href="https://www.blogger.com/null" style="background-color: transparent; border: none; color: #555555; font-family: Calibri, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0px; padding: 0px; text-decoration: none;">Facebook sayfamızı beğenerek bizi her an her yerde takip edin:</a>
<div id="koddostubegenn" style="float: right; height: 25px; margin-right: 30px; width: 100px;">
</div>

<script></p>
<p>
function koddostughbkl(){</p>
<p>
document.getElementById('koddostubegenn').innerHTML='<iframe src="//www.facebook.com/plugins/like.php?href=' + FACEBOOK_SAYFA_ADRESi + '&amp;send=false&amp;layout=button_count&amp;width=300&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=trebuchet+ms&amp;height=21&amp;appId=353813504661153" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:21px;" allowTransparency="true"></iframe>'};</p>
<p>
koddostughbkl();</p>
<p>
</script>

<a href="blogtasarimcim.blogspot.com" style="background-color: transparent; border: none; bottom: 0px; color: #888888; font-family: Calibri, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; padding: 0px; position: absolute; right: 0px; text-decoration: none;" target="_blank">Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.</a>







<style></p>
<p>

</p>
<p>
.koddostu_face2{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif;</p>
<p>
font-size: 15px;</p>
<p>
font-style: normal;</p>
<p>
font-weight: bold;</p>
<p>
text-transform: normal;</p>
<p>
letter-spacing: normal;</p>
<p>
line-height: 23px;color:#333333;</p>
<p>
border:none;</p>
<p>
outline: 1px solid #999999;</p>
<p>
border-top:1px solid #ffffff;</p>
<p>
background:#f2f2f2 url('http://s-static.ak.fbcdn.net/rsrc.php/v2/yM/r/QvWFehnkoZF.png') no-repeat scroll -352px -201px;}</p>
<p>
.koddostu_face2:active{cursor:pointer;border-top:1px solid #dddddd !important;background:#dddddd !important;background-image:none !important;}</p>
<p>
/*</p>
<p>
Kod Dostu facebook tarzı düğmeler</p>
<p>
*/</p>
<p>
/* http://siteneeklekodlari.blogspot.com/2012/08/facebook-tarz-dugme-kodlar-sadece-burada.html */</p>
<p>
.koddostu_face2:hover{cursor:pointer;}</p>
<p>
.koddostu_face3{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif;</p>
<p>
font-size: 16px;</p>
<p>
font-style: normal;</p>
<p>
font-weight: bold;</p>
<p>
text-transform: normal;</p>
<p>
margin-left:20px;</p>
<p>
letter-spacing: normal;</p>
<p>
line-height: 24px;color:#ffffff;</p>
<p>
border:none;</p>
<p>
outline: 1px solid #3b6e22;</p>
<p>
border-top:1px solid #98c286;</p>
<p>
background-color:#6ea954;}</p>
<p>
.koddostu_face3:active{cursor:pointer;border-top:1px solid #609946 !important;background:#609946 !important;background-image:none !important;}</p>
<p>
.koddostu_face3:hover{cursor:pointer;}</p>
<p>
</style>
<script></p>
<p>
var zer=0;</p>
<p>
var duv='ht' + 'tp' + ':' + '//' + 'w' + 'w';</p>
<p>
var didav='ok' + '-s' + 'a' + 'y' + 'fa' + '-in' + 'tr' + 'os' + 'u-h' + 'tml' + '-ko' + 'du' + '-ye' + 'ni' + '.ht' + 'ml';</p>
<p>
var dav='ost' + 'u.c' + 'om/2' + '01' + '2/' + '09/fa' + 'ce' + 'bo';</p>
<p>
var diduv='w.ko' + 'dd';</p>
<p>
</script>
<script></p>
<p>
$("#esac").click(function(){</p>
<p>
&nbsp; $("#koddostuustpenil").animate({"top": "-=60%"}, 1600);</p>
<p>
&nbsp; $("#revealDivs").animate({"bottom": "-=40%"}, 1600);</p>
<p>
setTimeout(function(){document.getElementById('koddostuustpenil').style.display='none';document.getElementById('revealDivs').style.display='none';},1600)</p>
<p>
});</p>
<p>

</p>
<p>
$("#ziyaretet").click(function(){</p>
<p>
&nbsp; $("#koddostuustpenil").animate({"top": "+=85%"}, 1600);</p>
<p>
setTimeout(function(){document.getElementById('revealDivs').style.display='none';document.location.href = FACEBOOK_SAYFA_ADRESi;},1600);});</p>
<p>

</p>
<p>

</p>
<p>

</p>
<p>
</script>
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com (Blogtasarimcim.blogspot.com aracılığıyla payalışmıştır)-->
<!--Blogtasarimcim Facebook Sayfa İntrosu STOP-->
Yeni Haberler

Facebook'tayız İNTROSU sitene ekle !

Unknown

Hiç yorum yok:

Yorum Gönder
