Blogger Türkçe Karakter Sorunu ve Çözümü

Blogger'da temalardan kaynaklanan Türkçe karakter sorunu nedenleri ile ğ ı ü ö ş gibi karakterler hata verip anlamsız karakterler çıkmaktadır.

Blogger Türkçe karakter sorununu çözmek oldukca basittir, yapılması gereken şablon düzenleme bölümünde meta taglardan,

Google fonts kodunu çıkartmak olacaktır.
Şablon tema şeklini bozmadan kolay yoldan font karakter sorununu çözün.

Blogger Türkçe karakter sonunu ve çözümü:

Şablon > HTML Düzenle < Meta tag bölümünden aşağıdaki kodu silin ardından kaydedin.

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700|Oswald:400' rel='stylesheet' type='text/css'/>

Bu işlem ardından artık bloğunuzda Türkçe karakter sorunu yaşamayacaksınız.

Blogger Galeri Sayfası

Bunun gibi bir galeri sayfası oluşturmak için;

1.Adım: ]]></b:skin> kodundan önce aşağıdaki kodları ekleyin.

/* Blogger Zoom Gallery  */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_iWLkX2Fq6pdmOBXSiNdQsteULTZw1YJwg_jvKXc-40WbMnZmPb3MVAmw7yJEZH73I64KkokdP4qFCNfD5VpsPxm-Wq_3DGWSMM5fpup0m9lJzk_VvcEdPbWoxmdm4Cqpk3fjMHls5E-U/) no-repeat center center;  /* Image used as background on hover effect
border: none; /* Get rid of border on hover */

2.Adım: </head> kodundan önce aşağıdaki kodları ekleyin. 

Buradaki script kodu slider çalışmasında veya başka bir hareketli nesnenin çalışmasında sıkıntı oluşturabilir. Deneyerek kullanınız. sadece yaklaştırma efekti uyguluyor.

<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false; 
});

});
</script>

3.Adım: Sayfa düzenlemeden yeni bir sabit sayfa oluşturun ve sayfanın HTML kodları bölümüne aşağıdaki kodları ekleyerek sayfayı yayınlayın. 

<ul class="thumb">
<li><a href="#"><img src="Resim 1 Link" alt="" /></a></li>
<li><a href="#"><img src="Resim 2 Link" alt="" /></a></li>
<li><a href="#"><img src="Resim 3 Link" alt="" /></a></li>
<li><a href="#"><img src="Resim 4 Link" alt="" /></a></li>
<li><a href="#"><img src="Resim 5 Link" alt="" /></a></li>
<li><a href="#"><img src="Resim 6 Link" alt="" /></a></li>
</ul>

Galerideki yeni fotoğraf eklemek için; 
Galeriye yeni bir resim eklemek için galeri sayfasının HTML bölümüne eklediğiniz kodlara yeni bir li satırı ekleyebilirsiniz.Örneğin;

Yazı Slayt Efekti Kodu

Blogger'a Git >> Yerleşim >> Gadget Ekle. Eğer yeni iseniz, Blogger blogunuza içine HTML ve Javascript widget ekleme yolunu takip edin.

<script language="JavaScript1.2">var scroller_width='300px'
var scroller_height='20px'
var bgcolor='#ffcc00'
var pause=3000

var scrollercontent=new Array()
scrollercontent[0]='<center><b>Dağmarmara Köyleri</b> Güzel Memleketimiz</center>'
scrollercontent[1]='<center><b>Hacıisalar, Kabaçınar, KaraKöy</b></center>'
scrollercontent[2]='<center><b>Kuşlar, Ören, Yunusdere</b></center>'
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>

Yapım Aşamasında / Tatilde Teması

DEMO: http://mustanitim.blogspot.com.tr/

Special Holiday Responsive Blogger Template

Live Preview

Download

Popup Reklam Alanı Kodu

"Reklam kodları buraya" yazan yere reklam yada resim kodlarını ekleyin!

Popup şöyle çalışıyor, bugün X isimli bilgisayardan siteye girdiğinizde size görünüyor ve o gün bir daha hiç görünmüyor, eğer aynı siteye Y isimli başka bir bilgisayardan girerseniz o bilgisayarda da 24 saat boyunca 1 kez görüyorsunuz..Popup kutusu ve içeriği sayfayı aşağıya kaydırdığınızda sizi takip ediyor ve kapat butonuna tıklarsanız kapanıyor…Diyelimki kapat butonuna basmadınız, o zaman autohidebox kutusunun karşısında yazan süre sonra (örnek 30 saniye) kapanıyor..

Site Boyunca Takip Eden Zaman Ayarlı Popup Reklam Alanı Kodu

<STYLE type=text/css>#fadeinbox { BORDER-RIGHT: red 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: red 2px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; Z-INDEX: 100; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: red 2px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: red 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; TOP: -400px; BACKGROUND-COLOR: #f6f6f6 } </STYLE> <script type=text/javascript> <!-- //Specify display mode. 3 possible values are: //1) "always"- This makes the fade-in box load each time the page is displayed //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer... // For example, 2 would display the box about (1/2) 50% of the time the page loads. var displaymode="oncepersession" //var displaymode="always" var enablefade="yes" //("yes" to enable fade in effect, "no" to disable) var autohidebox=["yes", 30] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds] var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no) var IEfadelength=1 //fade in duration for IE, in seconds var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2) ////////No need to edit beyond here/////////// if (parseInt(displaymode)!=NaN) var random_num=Math.floor(Math.random()*displaymode) function displayfadeinbox(){ var ie=document.all && !window.opera var dom=document.getElementById iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset var docwidth=(ie)? iebody.clientWidth : window.innerWidth docheight=(ie)? iebody.clientHeight: window.innerHeight var objwidth=objref.offsetWidth objheight=objref.offsetHeight objref.style.left=docwidth/2-objwidth/2+"px" objref.style.top=scroll_top+docheight/2-objheight/2+"px" if (showonscroll=="yes") showonscrollvar=setInterval("staticfadebox()", 50) if (enablefade=="yes" && objref.filters){ objref.filters[0].duration=IEfadelength objref.filters[0].Apply() objref.filters[0].Play() } objref.style.visibility="visible" if (objref.style.MozOpacity){ if (enablefade=="yes") mozfadevar=setInterval("mozfadefx()", 90) else{ objref.style.MozOpacity=1 controlledhidebox() } } else controlledhidebox() } function mozfadefx(){ if (parseFloat(objref.style.MozOpacity)<1) objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree else{ clearInterval(mozfadevar) controlledhidebox() } } function staticfadebox(){ var ie=document.all && !window.opera var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset objref.style.top=scroll_top+docheight/2-objheight/2+"px" } function hidefadebox(){ objref.style.visibility="hidden" if (typeof showonscrollvar!="undefined") clearInterval(showonscrollvar) } function controlledhidebox(){ if (autohidebox[0]=="yes"){ var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000 setTimeout("hidefadebox()", delayvar) } } function initfunction(){ setTimeout("displayfadeinbox()", 100) } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){ if (window.addEventListener) window.addEventListener("load", initfunction, false) else if (window.attachEvent) window.attachEvent("onload", initfunction) else if (document.getElementById) window.onload=initfunction document.cookie="fadedin=yes" } //--> </SCRIPT> <div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=grey,direction=135); -moz-opacity:0"> <br/> <br><b><center>REKLAM KODLARI</center></b> <br> <div align="right"> <a href="#" onClick="hidefadebox();return false" class="gensmall">kapat</a></div> </div>

Vbulletin, Mybb forumlar ve WordPress scriptli bloglarda test edilmiştir, tablo genişliğini en baştaki style kodlarından, görüneceği süreyi ise "var autohidebox" yazan yerden ayarlayabilirsiniz.

Wordpress kullanıcıları kodları header, footer veya sidebar şablonlarına eklemeliler..

Deneme amaçlı popup'ı birden fazla görmek istediğinizde tarayıcınızın çerez ayarlarından fadedin isimli çerezi silmeliniz.

( Kaynak: http://www.lordiz.com/site-boyunca-takip-eden-zaman-ayarli-popup-reklam-alani-kodlari.html )

Blogger Portal Tema

Tema Demosu - Temayı İndir

Apriezt Responsive Tema

Apriezt Responsive Magazine/News Blogger Teması İndir

Duyarlı düzeni ve Kutulu iki stil veya tam genişliğe sahip bir blogger tema Apriezt. Onun Yüksek Kullanıcı Dostu Blogger Şablon. Haber, Dergi veya Portofolio web siteleri için basit ve temiz ve mükemmel tasarım. Çekici bir renk kombinasyonu ve etkilendim profesyoneller ve birçok özelliğe sahiptir

İNDİRME LİNKLERİ

CANLI ÖNİZLE | TURBOBİT İNDİR | MEGA İNDİR

Apriezt Duyarlı Dergi / Haber Blogger Tema Özellikleri

Güncel sürüm: 1.2

Duyarlı 100%

Otomatik küçük resim boyutlandırma

Otomatik * JSON (Slayt gösterisi) den Mesaj Öne

Görüntü Widget ile Manuel Çıkan Mesaj Çalışması (Slayt)

Destek Advance Editörü: yükleme arka plan görüntüleri, arka plan rengini değiştirme, anahtar renkler, yazı tipleri

Hafif Otomatik okuma-daha üçüncü parti imajını ve youtube destek

Ajax Sayfa Gezinme *

İfade Cool blogger dişli Yorum (Destek Google+ Yorum)

JSON Arama Sonucu *

İki İzleme Modu (Liste ve Grid) genişlik Çerezler

Son Yorum Widget *

News Ticker Widget *

İlgili Mesaj Widget *

Mega Menu Destek Yeni

Etiketler tarafından son Gönder (12+ Gönder Tipi (kaymak, Dikey, Yatay, .. verticalslide ve daha sıcak, galeri birleştirmek) Rastgele destek) -Destek Kısa kod Yeni *

Ziyaretçiler artırmak / metin boyutu ve oto gelecek için hatırlıyorum azaltmak izin verin.

SEO Optimize

Destek Print CSS ve izin ziyaretçilerin payı makaleleri e-posta

3 Yorum Sistemi (Blogger, Facebook, Disqus)

Açılır Menü

Hazır Reklamlar

En Sosyal Simge

Destek shortcodes

Özel Hata 404 Sayfa

Destek Mesaj Önizleme

RTL Dili Destek

Sosyal Paylaş eklentisi (Addthis)

Büyük tarayıcılar (IE8 +, Mozilla, Chrome, Safari) ile uyumlu

Profesyonel yönetici düzeni, blog düzeni ile kolay çalışmalarına yardımcı.

Şimdi ile hafif sürüm Yeni

Grid Spot Responsive Blogger Teması

Grid Spot Responsive Blogger Teması İndir

Izgara Nokta Blogger hayranları için prim duyarlı blog ve dergi şablonu. Biz hedefle bu şablonu Blogger platformu hakkında düşüncelerinizi değiştirmeniz yapmak tasarlanmış.

İNDİRME LİNKLERİ

CANLI ÖNİZLE | TURBOBİT İNDİR | MEGA İNDİR

Özellikler

Duyarlı Tasarım

Eğer kimse varsa, Otomatik Logo oluştur

Görüntü gadget'lar ekleyerek Sürgü inşa

Sıcak bir yerde Subscibe kutusu

Destek Advance Editör

Otomatik okuma-daha üzerlerine üçüncü parti görüntüler için

Profesyonel sayfalama

Cevaplardan kadar 5 seviyeleri ile serin vidalı açıklama sistemi

Büyük tarayıcıları ile uyumlu

Özel 404 sayfa

Profesyonel yönetici düzeni, blog düzeni ile kolay çalışmalarına yardımcı.

Yakında Infinity Teması

DEMO BY_ALİDY

DOWNLOAD

Infinity Coming Soon Blogger Template

LIVE DEMO

Facebook Popup Like Box

Blogger için Facebook Popup Like Box:

• Blogger'a Git >> Yerleşim >> Gadget Ekle. Eğer yeni iseniz, Blogger blogunuza içine HTML ve Javascript widget eklemek için aşağıdaki linki takip edin.
• Facebook Kullanıcı Adını değiştirin "kırmızı renk"le gösterilen...
• Şimdi blogger eklendi kutusuna kodları aşağıda verilmiştir aşağıdaki ekleyin.

<!-- Brought to you by bloggerwebtasarim.blogspot.com --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; margin:-220px 0 0 -375px; margin: -220px 0 0 -375px; } #fanclose { float:right; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg42UNYFN9X7WQo8mZkmqFuTUJavJ4mWJncYiqkqKGNeaO-TLDWn9YqPopon56iES4uoILqWCOx_dpipJolxCnUJjRaxH230wcZDgZmHPzl6KddjactysGkZrp5-DoQe6HQPnHW6TAbtg/s1600/circle-close.png) no-repeat; height:15px; padding:25px; position:relative; padding-right:10px; margin-top:-15px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(100).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 0 }); }); </script> <div id='fanback'> <div id='fan-exit'> </div> <div id='fanbox'> <div id='fanclose'> </div> <div class='remove-borda'> </div> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FPsdFonlar&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 415px; height: 215px;" allowtransparency="true"></iframe> </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script> <!-- Facebook Popup Widget END. Brought to you by bloggerwebtasarim.blogspot.com -->

Social Sidebar Widget

Demo

Eklentiyi kurmak için öncelikle Blogger'a ardından blogunuza, sonra Şablon'a ve oradan da HTML'yi düzenle kısmına giriş yapın.

• </body> tagı üzerine aşağıdaki kodları yapıştırın...

<div id='social-sidebar'>
<ul>
<li>
<a class='entypo-twitter' href='https://twitter.com/' target='_blank'>
<span>Twitter</span>
</a>
</li>
<li>
<a class='entypo-gplus' href='http://plus.google.com/' target='_blank'>
<span>google+</span>
</a>
</li>
<li>
<a class='entypo-tumblr' href='http://www.tumblr.net/' target='_blank'>
<span>tumblr</span>
</a>
</li>
<li>
<a class='entypo-facebook' href='http://www.facebook.net/PsdFonlar' target='_blank'>
<span>facebook</span>
</a>
</li>
<li>
<a class='entypo-rss' href='http://feeds.feedburner.com/PsdFonlar' target='_blank'>

<span>feedburner</span>
</a>
</li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.digitalhubinc.com/---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul,#social-sidebar ul li,#social-sidebar ul li a {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;z-index:999;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style>

Renkli Etiketler

• Eklentiyi kurmak için öncelikle Blogger'a ardından blogunuza, sonra Şablon'a ve oradan da HTML'yi düzenle kısmına giriş yapın.
• Basın Ctrl  +  F  ve aşağıda gösterilen kodu ara

]]> </ b: skin>

]]></b:skin>  üzerine aşağıdaki kodu yapıştırın...

#Label1 ul li a:hover{color:#fff;text-decoration:none}
#Label1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding-top: 10px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#Label1 ul li:first-child:after,
#Label1 ul li:first-child + li:after,
#Label1 ul li:first-child + li + li:after,
#Label1 ul li:first-child + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#Label1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#Label1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#Label1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#Label1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#Label1 ul li:first-child + li + li + li + li:after{content:"5"}
#Label1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#Label1 ul li:first-child + li + li + li:after{content:"4"}
#Label1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#Label1 ul li:first-child + li + li:after{content:"3"}
#Label1 ul li:first-child + li{background:#ff764c; width:90%}
#Label1 ul li:first-child + li:after{content:"2"}
#Label1 ul li:first-child{background:#ff4c54 ;width:90%}
#Label1 ul li:first-child:after{content:"1"}
#Label1 ul{margin:0;padding:0px 0;list-style-type:none}
#Label1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Blogger Loading Efekti

Loading / Yüklenme özelliğini kurmak için öncelikle Blogger'a ardından blogunuza, sonra Şablon'a ve oradan da HTML'yi düzenle kısmına giriş yapın.

</body> tagı üzerine aşağıdaki kodları yapıştırın...

<!-- Animated Page Loading Effect for Blogger Start --><style>#abt-page-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvrEoptnqUw7v3iJU2krE0_sAsVc0Ka-G-aMy6oIHtDnJG63O9nv2qyjrL4szUibJeAnhmpQ3Nef1LD9-s8yVMmciQlRGAKAe9wvzprJyIPmy09Ksh6xBk8q3X7CghcO5LGe8NysevYo/s200/load6.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em;}</style><script type="text/javascript">//<![CDATA[$(document.body).append('<div id="abt-page-loader">
Loading...</div>
');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);});//]]></script><!-- Animated Page Loading Effect for Blogger End -->

Anti AdBlock

             

Eklentiyi kurmak için öncelikle Blogger'a ardından blogunuza, sonra Şablon'a ve oradan da HTML'yi düzenle kısmına giriş yapın.

 ]]></b:skin>  üzerine aşağıdaki kodu yapıştırın...

#swp_noadblocker { display:none;}

</head> tagı üzerine aşağıdaki kodları yapıştırın...

<script type="text/javascript"> if (document.getElementById("swp_noadblocker") != undefined) { } else { alert("It seems like your browser has the Adblocker or other similar software installed. So if you wish to view the website please to consider disabling the ad blocker on your browser. Thanks for your corporation, "); setTimeout("nag()",12000); } </script>

</body> tagı üzerine aşağıdaki kodları yapıştırın...

<script type="text/javascript" src="http://ftp.bauer-power.net/misc/tc/advertisement.js"></script>

Kaydedin...

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

<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>