Blogger Adblock Engelleme Kodu

- Google Chrome, yandex, Mozilla Firefox ve Safari gibi arama motorlarının geliştirmiş olduğu eklentiler.

- Web siteri ve blogger sitelerinde bulunan Adsense ve Adsense türü reklamlarını engelleyici arama motorları eklentileri.

- Bu ilk iki maddeyi doğrulayacak olan AdBlock eklentisi gibi reklamları engelleme eklentilerinin varlığı web sitelerinin ve blogger sitelerinin gelirlerini etkileyici nedenlerden biridir.

- Blogger hesabınıza giriş yaparak Yerleşim sekmesine gelin. Yerleşim sekmesinde bulunan Gatget Ekle bölümlerinden en az kullandığınız Gatget bölümünden HTML/JavaScript Ekle diyoruz ve aşağıdaki kodu kopyalayıp HTML/JavaScript içine yapıştırın ve kaydedin.

Blogger Adblock Engelleme Kodu

<style scoped='' type='text/css'>#h235{top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");position:fixed !important;position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#fcfcfc;opacity:.98;padding:8% 0;bottom:0;right:0;z-index:9999!important;}#h235 *{text-align:center;margin:0 auto;display:block;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h235 * a {padding:13px 16px!important;background-color:#F15A3C;color:#fff!important;font-weight:600;font-size:16px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:5px;display:block;margin:16px auto;clear:both;width:21%;transition:all 0.3s ease-out;}#h235 * a:hover {opacity:.7;}#h235 ~ *{display:none}</style><div id="h235"> <span>Lütfen Javascript'i etkinleştirin!<a href="http://www.enable-javascript.com/">Javascript'i etkinleştirin!</a></span></div>
<script>window.document.getElementById("h235").parentNode.removeChild(window.document.getElementById("h235"));(function(l,m){function n(a){a&&h235.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h235"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3TqQOQX1BDyPhOWutWfnZxP79v2NnjkPtLrYpIIoKAHl8p0ur93hXZ52RaNTyxWfrEL3TSOXLAu9Il_L6UFsWrUl28_wh5PuuazTaTgu5ZIcBfnhyUS2jR7jezu9oupr44W4QoOIXgU/s1600/bloggereklentileri.png" height="300" width="500" alt="" /> <a href="JavaScript:window.location.reload()">ADBLOCK DURDURUN</a>'+("</"+a+">"),"h235");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h235").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h235=h235=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);/* CSS AdBlock : bloggerwebtasarim.blogspot.com */</script>

Kaynak: https://bloggereklentileri.blogspot.com.tr/2016/04/blogger-adblock-pasiflestirme-eklentisi.html

Kaydol: Kayıtlar (Atom) Kaldırma

Tüm blogların anasayfasında yazıların altında görüntülenen "Kaydol: Kayıtlar (Atom)" ibaresini kaldırmak mümkün. Esasında bu ziyaretçilerin yazılarıza abone olması için bir kolaylık ancak, çoğu kullanıcının Feedburner'i kullanması sonucunda pek bir önemi kalmadı. Zaten Feedburner kullananlar sayfalarında farklı yerlerde besleme adreslerini belirtiyorlar.

Kaydol Kayıtlar Atom Yazısını Kaldırmak isityorsanız, yapılması gereken çok basit; Blogunuzun HTML düzenle seçeneğine tıklayın. Açılan sayfada Widget Şablonlarını Genişlet yazısının yanında yer alan kutucuğa tıklayın. Temanızda

<b:include name='feedLinks'/> 

kodunu bulun ve silin.

Blogger Hazır Sosyal Paylaşım Eklentisi

-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.

CSS:

<style>#sosmed{margin:16px auto 5px;} #sosmed li:hover{background-color:#414b5e;} #sosmed li{line-height:30px;font-weight:400;margin:auto;margin-bottom:3px;border-radius:5px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #sosmed li a{padding:5px 5px 3px 14px;display:block;color:#fff;} #sosmed li i{border-right:1px solid rgba(0,0,0,.2);padding-right:5px;margin-right:5px;width:15px;} .bg-fb{background:#5772bb;} .bg-tw{background:#3494e5;} .bg-gp{background:#e34242;}</style>

HTML:

<div> <nav id="sosmed"> <ul> <li class="bg-fb"><a href="#"><i class="fa fa-facebook"></i> Facebook'ta Takip Et</a></li> <li class="bg-tw"><a href="#"><i class="fa fa-twitter"></i> Twitter'da Takip Et</a></li> <li class="bg-gp"><a href="#"><i class="fa fa-google-plus"></i> Google+'da Takip Et</a></li> </ul> </nav></div>

# ile olan yerlere sosyal medya adreslerimizi yazıyoruz.

Önizleme:

•  Facebook'ta Takip Et
•  Twitter'da Takip Et
•  Google+'da Takip Et

Responsive Web Tasarım

Responsive Web Tasarım
Tasarlanmış olan sitelerin, kullanılan cihazdan çok, sitenin gösterildiği alanın boyutunu baz alarak geliştirilen bir tasarım sistemidir.


Responsive Web Tasarım Özellikleri
Responsive Tasarım; kullanılan cihazların çözünürlüğüne göre tasarlanarak, tüm tarayıcılarda aynı ve farklı çözünürlüklerde ekranın kendisini şekillendirmesi anlamına gelmektedir. Son dönemde çok meşhur olan responsive tasarım Yurtdışında yaygın olarak kullanılmaktadır.


Responsive web tasarım yaptırdığınız zaman siteniz için ayrıca mobil web tasarımı yaptırmanız gerekmemektedir. Çünkü responsive tasarım demek mobil tasarım demektir.
Sitenizi ziyaret eden kullanıcı hangi cihazdan girerse girsin sitenizi profesyonel çözünürlükte görecektir.

Unutmayın ki, responsive web tasarımda, tarayıcınızı küçülttüğünüz zaman, altta kaydırma çubuğu çıkmaz. Kaydırma çubuğu çıktığı zaman, yazıların ve resimlerin yarısı gözükmedir. Buda ziyaretçileriniz açısından çile haline gelmekte ve siteden çıkma oranlarını yükseltmektedir.

Profesyonel bir web sitesine sahip olmak istiyorsunuz, gerçekten çok uygun fiyatlara
Responsive Tasarım yaptırmanızı öneririz. Ayrıca mobil tasarım yaptırmanıza gerek kalmayacak ve sitenize daha çok trafik çekerek, kullanım kolaylığını arttıryor olacaksınız.


Responsive Tasarım Nedir?
Responsive web tasarım, duyarlı, uyumlu web tasarım anlamına da gelir. Son yıllarda adını sıkça duyduğumuz bu web tasarım şekli ilk olarak 2010 yılında ortaya çıktı ve son bir kaç yıldır dünyada ve ülkemizde popüler oldu.

Responsive tasarım, web sitesinin mobil ve tablet cihazlardan girildiğinde site içindeki resim, yazı gibi elementlerin ekran genişliğine göre yeniden şekillenip ekrana tam oturması ile oluşur. Genellikle desktop, tablet ve mobil versiyon olarak 3 kademeli şekilde tasarlanır.

Bilindiği gibi web sitelerine mobil cihazlardan girildiğinde ziyaretçiler siteyi görüntülemekte ve gezmekte güçlük yaşarlar. Eğer girdikleri site responsive yada mobil site değilse, okumak istedikleri alanı ancak zoom yaparak, kısıtlı bir alanı görüntüleyebilirler ve kulanım zorluğu çekerler. Site menülerini gezmekte oldukça zordur ve menüler mobil uyumlu olmadığı için genellikle gitmek istedikleri linki bulamayabilirler.


Responsive sitelere mobil cihazlardan girildiğinde menüler şekil değiştirip genellikle üstten açılacak şekilde kullanımı kolay bir versiyona dönüşür. Fontlar ve imajlar alt alta gelerek ekranda zoom yapmadan kolayca okunacak şekilde sıralanır. Hatta mobil versiyonda önem derecesi düşük elementler gizlenir, sadece ziyaretçiye sayfayla ilgili en yalın halde bilgi gösterilir.

Arama motorlarıda responsive siteleri ciddi şekilde destekliyor. Bir sayfanın arama motorlarında hem kendi alan adı hem de m.alanadi.com gibi farklı subdomain altında bir mobil versiyonunun olmasındansa tek url ile sayfanın responsive yapılması daha uygun buluyor. Çünkü mobilden yapılan aramalarda genellikle arama motorları sayfanın mobil uyumluluğuna dikkat etmeksizin sonuçları sıralıyor.

Mobilden web site ziyaretleri dünyada %25 seviyelerine yükseldi ve kısa sürede daha da artacak. Bu sebeple responsive özellikli web sitelerinde ciddi bir artış öngörülüyor.

Sosyal Medya Menü

Yerleşim / Gadget ekle diyerek aşağıdaki kodları yapıştırın...

<style> .abt-box{font: 25px/24px normal 'Denk One', sans-serif;display: inline-block;position: relative;width: 95%;max-width: 280px;margin: 0 auto 15px auto;padding: 16px;background-color: rgba(238, 238, 238, 0.1);box-shadow: 8px 8px 0 0px rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left:15px;}.abt-social {width: 95%;max-width: 280px;padding-top: 8px;padding-left: 8px;padding-right: 8px;}.abt-social a {text-decoration: none !important;}.abt-social ul {margin: 0;padding: 0;list-style: none;}.abt-social ul li {display: inline;margin: 0;padding: 0;text-indent: 0}.abt-social ul li a.facebook {border-left: 65px solid rgba(59, 89, 152, 1);color: rgba(59, 89, 152, 1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.facebook p {margin: 2px 35px 0 -70px;display: inline-block;color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.facebook:hover {background: rgba(59, 89, 152, 1);border-left: 0px solid rgba(59, 89, 152, 0.1);color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.facebook:hover p {opacity: 0;-webkit-transition: all 1ms ease-in-out;-moz-transition: all 1ms ease-in-out;-ms-transition: all 1ms ease-in-out;-o-transition: all 1ms ease-in-out;transition: all 1ms ease-in-out;}.abt-social ul li a.twitter {border-left: 65px solid rgba(64, 153, 255, 1);color: rgba(64, 153, 255, 1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.twitter p {margin: 2px 35px 0 -70px;display: inline-block;color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.twitter:hover {background: rgba(64, 153, 255, 1);border-left: 0px solid rgba(64, 153, 255, 1);color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.twitter:hover p {opacity: 0;-webkit-transition: all 1ms ease-in-out;-moz-transition: all 1ms ease-in-out;-ms-transition: all 1ms ease-in-out;-o-transition: all 1ms ease-in-out;transition: all 1ms ease-in-out;}.abt-social ul li a.gplus {border-left: 65px solid rgba(219, 74, 57, 1);color: rgba(219, 74, 57, 1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.gplus p {margin: 2px 35px 0 -70px;display: inline-block;color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.gplus:hover {background: rgba(219, 74, 57, 1);border-left: 0px solid rgba(219, 74, 57, 1);color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.gplus:hover p {opacity: 0;-webkit-transition: all 1ms ease-in-out;-moz-transition: all 1ms ease-in-out;-ms-transition: all 1ms ease-in-out;-o-transition: all 1ms ease-in-out;transition: all 1ms ease-in-out;}.abt-social ul li a.pinterest {border-left: 65px solid rgba(174, 45, 39, 1);color: rgba(174, 45, 39, 1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.pinterest p {margin: 2px 35px 0 -70px;display: inline-block;color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.pinterest:hover {background: rgba(174, 45, 39, 1);border-left: 0px solid rgba(174, 45, 39, 1);color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.pinterest:hover p {opacity: 0;-webkit-transition: all 1ms ease-in-out;-moz-transition: all 1ms ease-in-out;-ms-transition: all 1ms ease-in-out;-o-transition: all 1ms ease-in-out;transition: all 1ms ease-in-out;}.abt-social ul li a.linkedin {border-left: 65px solid rgba(0, 123, 182, 1);color: rgba(0, 123, 182, 1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.linkedin p {margin: 2px 35px 0 -70px;display: inline-block;color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.linkedin:hover {background: rgba(0, 123, 182, 1);border-left: 0px solid rgba(0, 123, 182, 1);color: #fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}.abt-social ul li a.linkedin:hover p {opacity: 0;-webkit-transition: all 1ms ease-in-out;-moz-transition: all 1ms ease-in-out;-ms-transition: all 1ms ease-in-out;-o-transition: all 1ms ease-in-out;transition: all 1ms ease-in-out;}</style><div class="abt-social"><ul><li><a class="abt-box facebook" href="https://www.facebook.com/BloggerWebTasarim" target="_blank"><p>15K+</p>Facebook </a></li><li><a class="abt-box twitter" href="https://twitter.com/xxxxxxxxx" target="_blank"><p>10K+</p>Twitter</a></li><li><a class="abt-box gplus" href="https://plus.google.com/u/0/b/+xxxxxxxxxxx" target="_blank"><p>5K+</p>Google+</a></li><li><a class="abt-box pinterest" href="http://www.pinterest.com/xxxxxxxxxxxxx/" target="_blank"><p>4K+</p>Pinterest</a></li><li><a class="abt-box linkedin" href="http://www.linkedin.com/company/xxxxxxxxxxxx" target="_blank"><p>10K+</p>Linkedin</a></li></ul></div>

Seçili Alanın Rengini Değiştirme

Yazı Kopyalama Rengini Değiştirme

Seçilen Yazı Rengi Nasıl Değiştirilir?

1- Blogger paneline girip, Şablon kısmından HTML'i düzenle'i tıklayınız. Daha Sonra Ctrl + F Yaparak ]]></b:skin> Kodunu taratınız. Ve kodun hemen üstüne aşağıda ki kodları yapıştırınız.

::-moz-selection {     background:#c00;    color:#fff;}
::selection {    background:#c00;    color:#fff;
 }

İşlem bu kadar.
[CSS]

Blogger Sitemap

Blogger Sitemap (Site Haritası) Sayfası Oluşturma

SiteMap Önizleme

1 - Aşağıda ki kodu sayfanızın HTML bölümüne yapıştırıp SİTE ADRESİNİZ kısmına kendi site adresinizi yazınız. Ve kaydediniz. İşlem bu kadar

<style scoped="" type="text/css">
#toc-outer {
  color:black;
  font:normal 11px/14px Arial,Sans-Serif;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:left;
}

#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}

.itemposts {
    float: left;
    height: auto;
    overflow: hidden;
    width: 47%;
    box-shadow: 1px 1px 5px #C3C3C3;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #FFF;
    margin: 3px 5px 8px;
    padding: 0px 3px;
}

.itemposts h6 {
    border-bottom: 1px solid #CCC;
    color: #333;
    font: bold 12px Arial;
    height: 15px;
    overflow: hidden;
    text-transform: none;
    margin: 0px 0px 5px;
    padding: 2px 6px !important;
}

.itemposts h6 a:hover {
  color:#38f;
  text-decoration:none;
}

.itemposts img {
  background-color:#fff;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  float:left;
  height:65px;
  margin:0 7px 5px 0;
  padding:3px;
  width:65px;
  z-indent:99999px;
}

.itemposts .iteminside {}

.itemposts .itemfoot {
    border-top: 1px solid #CCC;
    clear: both;
    overflow: hidden;
    padding: 4px 5px;
}

.itemposts .itemfoot a.itemrmore {
  color:#333;
  float:right;
  font-weight:bold;
  text-decoration:none;
}

.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}

#itempager {
  clear:both;
  padding:10px 0;
}

#pagination,

#totalposts {
  color:#000;
  display:block;
  font:bold 10px Verdana,Arial,Sans-Serif;
  margin-bottom:10px;
  text-align:center;
  padding:0;
}

#pagination span, #pagination a {
    color: #FFF;
    display: inline;
    margin: 0px 1px;
    padding: 2px 5px;
    text-indent: 0px;
    background-color: #068BC9;
    background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
    border: 1px solid #3161C2;
    text-decoration: none;
    border-radius: 10px;
}
#pagination a:hover {background-color:#333}

#pagination span.actual {background-color:black}

#pagination span.hidden {display:none}
</style> <script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Konu Sayısı:",
    jumpPageLabel  = "Arası",
    commentsLabel  = "Yorum",
    rmoreText      = "Devamı ►",
    prevText       = "Önceki",
    nextText       = "Sonraki",
    siteUrl        = "http://www.SİTEADRESİNİZ.com",
    postPerPage   = 10,
    numChars       = 150,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script> <script src="https://tolgagnl.googlecode.com/svn/sitemap2.js"></script>

Önizleme

Blogger Düzenle (Wrech) İkonlarını Kaldırma

Düzenle İkonları Nasıl Kaldırılır?

1- Öncelikle blogger paneliniz'den Şablon kısmına girip HTML'i Düzenle butonuna tıklayarak bu ]]></b:skin> kodu arayınız.


2- Kodun hemen bir satır üstüne Aşağıda ki kodu yapıştırıp kaydediniz. İşlem bu kadar.

Aşağı da ki kodu olduğu gibi kopyalayınız.

.quickedit {display:none;}

Blogger Google Analytics Ekleme

Blogger'a Google Analytics Takip Kodu Nasıl Eklenir?

1- Öncelikle analtytics'e giriyoruz ve üst menüden 'Yönetici'e tıklıyoruz ve 'Mülk Ayarları'nı tıklıyoruz. Ve karşımıza çıkan sayfada 'İzleme Kimliği'ni kopyalıyoruz.

2- Daha sonra blogger paneline giriyoruz. Ayarlar -> Diğer yolunu izliyoruz. Karşımıza çıkan sayfada 'Analytics web mülkü kimliği kimliği' yazan bölüme kopyaladığımız kimliğimizi yapıştırıyoruz.

(Google Yazı Fontu)

Spoiler Butonu

DEMO

Örnek Demo Sayfa: http://dizihakkinda.blogspot.com.tr/2015/12/ezel.html

Spoiler-İpucu koduyla okuyucunun ilk başta okumaması gereken isterse okuyacağı detaylar ile ilgili bir buton. Özellikle Film-Dizi sitelerinde filmin konusu hakkında ipucu veren yazılar bu şekilde gizlenir, filmin detayı finali gibi ipuçları buraya yazılır. Hatta "Spoiler İçerir" uyarısıyla verilir... İşte bunu yapabilmek için aşağıdaki kodu kullanacağız...

1- Blogger panelinizden Şablon -> HTML'i Düzenle bölümüne geliniz. Ctrl + F Tuşlarına basarak ]]></b:skin> kodunu taratınız. Ve hemen bir satır üstüne aşağıda ki kodu giriniz.

#flippy {
    text-align: center;
}

#flippy button {
    background: #aa65c7;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 8px 16px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #883da7;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy button:hover, #flippy button:focus {
    background: #9e4fbf;
    outline: none;
}

#flippanel {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel {
    padding: 24px;
    display: none;
}

2- Ardından </body> kodunu taratarak aşağıda ki kodları hemen bir satır üstüne yapıştırınız.

<script>
$(document).ready(function() {
    $("#flippy").click(function() {
        $("#flippanel").slideToggle("normal");
    });
});
</script>

3- Daha sonrasında aşağıda ki HTML kodlarını kullanarak butonu kullanabilirsiniz.

<div id="flippy"><button>Cekidot</button></div>
<div id="flippanel">
---Buraya spoiler yazısı gelecek---
</div>

İşlem tamamdır

Blogger Arşiv Ekleme

Blogger blogunuzda böyle bir arşiv tablosu oluşturmak istiyorsanız Blogger kumanda paneline giriş yaptıktan sonra Sayfalar > Yeni Sayfa yolunu takip edin ve resimde gösterdiğim gibi aşağıdaki kodları sayfanın HTML bölümüne ekleyin.

<div id="tabbed-toc"> 
<span class="loading">Sayfa yükleniyor...</span></div> 
<br /> 
<script type="text/javascript"> 
var tabbedTOC = { 
    blogUrl: "http://bloggerwebtasarim.blogspot.com", 
    containerId: "tabbed-toc", 
    activeTab: 1, 
    showDates: true, 
    showSummaries: true, 
    numChars: 200, 
    showThumbnails: true, 
    thumbSize: 40, 
    noThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsw2RUCwYOz34u3OnQQxlYYZTsjph60ceQdEbXdvMmr5Ph838f7XCWv1bO5gu8cUSDv_luWn7iF4EDHiMrVXYQ4QEJF9w3iFtgV-F9-2IDFXXQxNkwcKb8ACpq_0RjpjZMwrbO87F9oLAP/s500/resimyok.gif", 
    monthNames: [ 
        "Ocak", 
        "Şubat", 
        "Mart", 
        "Nisan", 
        "Mayıs", 
        "Haziran", 
        "Temmuz", 
        "Ağustos", 
        "Eylül", 
        "Ekim", 
        "Kasım", 
        "Aralık" 
    ], 
    newTabLink: true, 
    maxResults: 99999, 
    preload: 0, 
    sortAlphabetically: true, 
    showNew: 7, 
    newText: " - <em style='color: white;padding: 1px 5px;border-radius: 20px;background-color: #F00;'>Yeni!</em>" 
}; 
</script> 
<script src="https://googledrive.com/host/0B_PLgWpOK_wTazVMekZ3TTBiY2M/" type="text/javascript"></script> 
<style> 
#tabbed-toc { 
width: 99%; 
margin: 0 auto; 
overflow: hidden !important; 
position: relative; 
color: #222; 
border: 0; 
border-top: 5px solid #FC0204; 
background-color: #1D1D1D; 
-webkit-transition: all 0.4s ease-in-out; 
} 
#tabbed-toc .loading { 
display:block; 
padding:5px 15px; 
font:normal bold 11px Arial,Sans-Serif; 
color:#FFF; 
} 
#tabbed-toc ul, 
#tabbed-toc ol, 
#tabbed-toc li { 
margin:0; 
padding:0; 
list-style:none; 
} 
#tabbed-toc .toc-tabs { 
width: 24.8%; 
float: left !important; 
} 
#tabbed-toc .toc-tabs li a { 
display:block; 
font:normal bold 10px/28px Arial,Sans-Serif; 
height:28px; 
overflow:hidden; 
text-overflow:ellipsis; 
color:#ccc; 
text-transform:uppercase; 
text-decoration:none; 
padding:0 12px; 
cursor:pointer; 
  -webkit-transition: all 0.3s ease-in-out; 
} 
#tabbed-toc .toc-tabs li a:hover { 
background-color: #515050; 
color: #FFF; 
} 
#tabbed-toc .toc-tabs li a.active-tab { 
background-color: #FFFC03; 
color: #222; 
position: relative; 
z-index: 5; 
margin: 0 -2px 0 0; 
} 
#tabbed-toc .toc-content, 
#tabbed-toc .divider-layer { 
width: 75%; 
float: right !important; 
background-color: #F5F5F5; 
border-left: 5px solid #FFFC03; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
-webkit-transition: all 0.3s ease-in-out; 
} 
#tabbed-toc .divider-layer { 
float:none; 
display:block; 
position:absolute; 
top:0; right:0; bottom:0; 
} 
#tabbed-toc .panel { 
position:relative; 
z-index:5; 
font:normal normal 10px Arial,Sans-Serif; 
} 
#tabbed-toc .panel li a { 
display: block; 
position: relative; 
font-weight: bold; 
font-size: 11px; 
color: #222; 
line-height: 2.8em; 
height: 30px; 
padding: 0 10px; 
text-decoration: none; 
outline: none; 
overflow: hidden; 
-webkit-transition: all 0.3s ease-in-out; 
} 
#tabbed-toc .panel li time { 
display:block; 
font-style:italic; 
font-weight:400; 
font-size:10px; 
color:#666; 
float:right; 
} 
#tabbed-toc .panel li .summary { 
display:block; 
padding:10px 12px; 
font-style:italic; 
border-bottom:4px solid #275827; 
overflow:hidden; 
} 
#tabbed-toc .panel li .summary img.thumbnail { 
float:left; 
display:block; 
margin:0 8px 0 0; 
padding:4px; 
width:72px; 
height:72px; 
border:1px solid #dcdcdc; 
background-color:#fafafa; 
} 
#tabbed-toc .panel li:nth-child(even) { 
background-color: #DBDBDB; 
font-size: 10px; 
} 
#tabbed-toc .panel li a:hover, 
#tabbed-toc .panel li a:focus, 
#tabbed-toc .panel li a:hover time, 
#tabbed-toc .panel li.bold a { 
background-color:#222; 
color:#FFF; 
outline:none; 
-webkit-transition: all 0.3s ease-in-out; 
} 
#tabbed-toc .panel li.bold a:hover, 
#tabbed-toc .panel li.bold a:hover time { 
background-color:#222; 
} 
@media (max-width:700px) { 
#tabbed-toc { 
background-color:#fff; 
border:0 solid #888; 
} 
#tabbed-toc .toc-tabs, 
#tabbed-toc .toc-content { 
overflow:hidden; 
width:auto; 
float:none !important; 
display:block; 
} 
#tabbed-toc .toc-tabs li { 
display:inline; 
float:left !important; 
} 
#tabbed-toc .toc-tabs li a, 
#tabbed-toc .toc-tabs li a.active-tab { 
background-color:#222; 
color:#ccc; 
} 
#tabbed-toc .toc-tabs li a.active-tab { 
color:#000; 
} 
#tabbed-toc .toc-content { 
border:none; 
} 
#tabbed-toc .divider-layer, 
#tabbed-toc .panel li time { 
display:none; 
} 
} 
</style>

Kodlarda kırmızı renkle gösterdiğim http://bloggerwebtasarim.blogspot.com yerine kendi blog adresinizi yazmayı unutmayın!