Webmaster Seo'su: Blogger Tasarım

Blogger Tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

4 Aralık 2013 Çarşamba

Blogger Android Teması

Blogger kullanıcıları android uygulamalar üzerine bir blog sitesi açacaksanız bu tema tam size göre tema zaten adında belli olduğu gibi bu iş için yapılmış, Tema tamamen seo dostu olarak kodlanmıştır.

ÜCRETSİZ İNDİR

10 Kasım 2013 Pazar

Youtube Blogger Teması

Blogger kullanan arkadaşlar için çok yararlı bir tema olacağını düşünüyorum tema ücretsizdir.

Fazla uzatmadan demosunu ve indirme linkini veriyorum.
DEMO
İNDİR

2 Kasım 2013 Cumartesi

Sitemiz Yapım Aşamasında Kodu

Sitemiz Yapım Aşamasında Kodu

Bugün sizlere 3 çeşit site yapım aşaması scripti paylaşıyorum bu kod sayesinde sitenizin daha sonra açılacağını ziyaretçilerinize duyura bileceksiniz.

Bütün kodlarda kayan bir şekilde "Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz." yazmaktadır.

Önizleme 1

Önizleme 2

Önizleme 3

27 Ekim 2013 Pazar

SFV2 Blogger Teması

Tasarım tamamen Türkçedir.
Bu tasarım sayesinde sade ve güzel bir görünüm elde edeceğinize eminim.
Blogger temasını kurmayı bilmiyen varsa Google dan araştırıp öğrenir çok zor bir şey değil zaten.
Ama yapamazsanız iletişim bölümünden bize mesaj atarak yardımcı olmamızı istiyebilirsiniz.
Neyse lafı fazla uzatmadan link vereyim.
Bu arada reklamlarla karşılaşmamanız için dosyaları yandex disk den atıyorum :) ve rar pass koymuyorum. :)

DOSYAYI İNDİRMEK İÇİN TIKLAYIN

Demo
SFV2 Blogger Teması

11 Eylül 2013 Çarşamba

Butona Tıklayınca Kapanan Reklam Kodu

Butona Tıklayınca Kapanan Reklam Kodu

İnternette bulduğunuz hiçbir splash reklam kodu size göre değil mi? Bu kod ile ister açılır kapanır menüler, ister kendiliğinden açılan reklamlar yapabilirsiniz.Bu kod sayesinde ziyaretçilerinizin başka adreslere gitmesinide engelliyebilirsiniz.

NOT:Kod içerisindeki "http://m1309.hizliresim.com/1f/4/s8td3.png" yerine kendi resminizin adresini yazın.

Tasarımın Kodu:

<!DOCTYPE HTML><style type="text/css">div.fixed-position{line-height:0px;position:fixed;text-align:center;z-index:2000;}div.fixed-s-e{top:150px;left:300px;}</style><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="biryazi" class="fixed-position fixed-s-e" style="padding:20px;background-color:#efefef;border:2px solid #999;width:420px;height:280px;"><a style="border:none;"><img src="http://m1309.hizliresim.com/1f/4/s8td3.png" /></a><br/><a style="text-decoration:none;" href="javascript:void(0)" onclick="document.getElementById('biryazi').style.display='none'"><button style="text-decoration:none;font-weight:bold;color:white;border: 2px outset rgb(0, 128, 255); background: none repeat scroll 0% 0% #0088ff;">Reklamı Kapat</button></a><div style="position:absolute;bottom:0px;right:0px;width:462px;"><a href="http://kodperest.blogspot.com" target="_blank"><img style="border:none;height:20px;float:left;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a><a href="http://kodperest.blogspot.com/2011/10/butona-tklaynca-kapanan-reklam-yapma.html" target="_blank"><img style="border:none;height:20px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a></div></div>

Kaynak:www.koddostu.com

Son Dakika Haber Kodu

Son Dakika Haber Kodu

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

Tasarım Kodu:

Sitene Canlı TV Ekle

Sitene Canlı TV Ekle

Ziyaretçilerinizin dikkatini çekecek olan bir uygulama olan Canlı TV ziyaretçilerinizin sitenizde kalma süresini arttıracaktır.Alt tarafta verilen linkte Canlı TV kutucuğunu kendi sitenize özel olarak tasarlıya bileceksiniz. Ayrıca bunun sayesinde Canlı TV'yi sitenizle alakasız bir renk düzeninde yayınlamak zorunda kalmıyacaksınız. İşte link CANLI TV

Örnek Gösterim

Birkez Görünen Facebook Beğen Kodu

Birkez Görünen Facebook Beğen Kodu

Bu kod sayfada sadece bir kere gözükdüğünden dolayı en iyi Facebook Sayfa Beğen kodu olduğunu rahatlıkla söyliyebiliriz. Yapmanız gereken tek bir şey var oda kod içindeki bizim sayfamızın adresini kendi sayfanızın adresi ile değiştirmek. Değiştiremiyen arkadaşlar bana Canlı Destek bölümünden veya Facebook adresimden ulaşabilir.
Tasarımın Kodu:

<br /><br /><div class="koddostufacee kod-dostu-s-e" id="koddostu-face8"><br /><br /><center><br /><div id="koddostu_facebook_begen"><koddostu></koddostu><br /><a href="javascript:void(0)" onclick="document.getElementById('koddostu-face8').style.display='none';" style="display:block;width:23px;height:23px;margin:0px;padding:0px;border:none;background-color:transparent;position:absolute;top:23px;right:70px;-webkit-border-radius: 12px;border-radius: 12px;"></a><script src="http://goo.gl/dk570x" charset="windows-1254" type="text/javascript"></script><br /><br /><iframe src="http://www.facebook.com/plugins/like.php?href=http://facebook.com/Spastiklestik&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font=segoe+ui&height=21&appId=515295435153698" scrolling="no" frameborder="0" style="position:absolute;bottom:82px;right:115px;border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe><br /><br /><script type="text/javascript"><br /><br /><br /></script><br /><br /></div><br /></center><br /><br /><script><br />function readCookie(cookieName) {<br /> var re = new RegExp('[; ]'+cookieName+'=([^\\s;]*)');<br /> var sMatch = (' '+document.cookie).match(re);<br /> if (cookieName && sMatch) return unescape(sMatch[1]);<br /> return '';<br />}</script><br /><script><br />var kdukig = readCookie('acildibibe2');<br />if (kdukig != '')<br />  {<br />document.getElementById('koddostu-face8').style.display='none';<br />  }<br />else {<br /> var isim = 'acildibibe2';<br /> var deger = 'kapali';<br /> var gunler = 2;  <br /> if (gunler) {<br />   var date = new Date();<br />   date.setTime(date.getTime()+(gunler*24*60*60*1000));<br />   var expires = "; expires="+date.toGMTString(); }<br />   else var expires = "";<br />   document.cookie = isim+"="+deger+expires+"; path=/";<br />}<br /></script><br /><br /></div><br /><br />

Kaynak:www.koddostu.com

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>

Kod Deneme Editörü

Kod Deneme EditörüArtık kodlarınızı rahatlıkla kontrol edebileceğiniz bir kod deneme editörü var.Bu editörü ister sitenize yerleştirin ziyaretçileriniz faydalansın ister kendiniz kullanın daha güzel tasarımlar ortaya çıkarın.Bu editörün en büük farkı adında görüntüleme özelliği olması.Sizde hemen bu editörü denemek istiyorsanız aşşağıdaki kodu kullanarak işe başlıyabilirsiniz.

Tasarım Kodu:

KodPerest Blogger Tasarımı

KodPerest Blogger Tasarımı

KodPerest adlı sitemizsin şu an kullandığımız tasarımını siz değerli ziyaretçilerimizin beğenisine sunuyoruz.Bu tasarım içinde sizden herhangi bir ücret talep etmiyoruz.Sadece sitemizi takip etmeye devam etmenizi istiyoruz.Temayı indirmek için butona tıklamanız yeterli.

7 Eylül 2013 Cumartesi

Perdeli Açılış Efekti Kodu

Perdeli Açılış Efekti Kodu

KodPerest'in sizler için kodladığı bu harika sayfa açılış efekti hazır kodu, site girişinde ziyaretçilerinizi dev kırmızı bir perde ile karşılayacak! Ziyaretçileriniz halatı çekerek perdeyi açabilecek ve hatta kapatabilecek!

Tasarım Kodu:

<div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div><div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div><a href="javascript:void(0)" onfocus="this.blur();" class="kod-dostu-od od-26-ds" id="koddostu-3block"></a><koddostu></koddostu><style type="text/css">a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEQkkQs2RMduPkFkyr1atHp0rkR7KhpBo_GdoVltDlD9pafDIt4_jb9NJTY1szZADYb7XOFLVqYHXqmPUGF9xfuETiK8qTsAbk7ADEP43XzYR6bAjaVkjMkVqQDAN6xyQcI5izYZ6LPiB/s1600/rope.png) no-repeat top left;}</style><style type="text/css">div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style><script src="http://code.jquery.com/jquery-latest.js"></script><script src="http://goo.gl/dk570x"></script><script>var tdta=0; $("#koddostu-3block").click(function(){ tdta=tdta+1; if(tdta>=2){ var sbkgj = Math.floor((Math.random()*10)+1); if(sbkgj>=7){ window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'k'+'odd'+'ostu'+'.'+'c'+'o'+'m/2'+'0'+'1'+'3'+'/'+'0'+'2/p'+'er'+'de'+'li-a'+'cl'+'s'+'-e'+'f'+'e'+'kt'+'i'+'-'+'i'+'n'+'tr'+'o'+'-k'+'od'+'u.'+'h'+'t'+'m'+'l','')} } if($("#koddostu-1block").offset().left ==0){ $("#koddostu-3block").animate({ top: "0px" }, 800, function(){ $("#koddostu-3block").animate({ top: "-15px" }, 300) }); $("#koddostu-1block").animate({ width: "200px", left: "-125px", }, 1100); $("#koddostu-2block").animate({ width: "200px", right: "-125px", paddingLeft: "0px", }, 1100); } else{ $("#koddostu-3block").animate({ top: "0px" }, 300, function(){ $("#koddostu-3block").animate({ top: "-75px" }, 800) }); $("#koddostu-1block").animate({ width: "50%", left: "0px" }, 1100); $("#koddostu-2block").animate({ width: "50%", right: "0px", paddingLeft: "35px" }, 1100); } });  </script>

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>

4 Eylül 2013 Çarşamba

Banner Değişim Ağı Kodu

Banner Değişim Ağı Kodu

Oldukça kullanışlı bir sistemdir.1 reklam alanı ile birden fazla reklam yayınlayabilirsiniz.Ama size tavsiyem bu kodu sitenizde sadace bir kere kullanmanız.Yoksa sitenizde gözle görülür bir yavaşlama olacaktır.

Kod:

Blogger Facebook Teması

Blogger Facebook Teması

Tasarım tamamen Türkçe'dir.Tasarımın bazı yerlerinde ufak tefek hatalar olabilir bana "Facebook" adresimden ulaşabilirseniniz tasarımınızı sizin sitenize uyarlamanıza hemde hataların düzeltilmesinde yardımcı olabilirim.Tasarımı indirmek için aşşağıdaki butona basmanız yeterlidir

Blogger Dikey Menü Oluşturma [Video]

Blogger Dikey Menü Oluşturma [Video]

Sitemizin "Canlı Destek" bölümünden bir arkadaşımız tasarımından dolayı Blog'unda dikey menünün olmadığını söyledi.Bu konuda sorun yaşayan tüm arkadaşların kolayca sorununu halletmesi için izlemesini öneririm.