2014 Yılbaşı Efektleri Kodları

Posted by Unknown | 22 Aralık 2013 Pazar | Posted in , ,


Blogger Popüler Yayınları Özelleştirin

Posted by Unknown | 13 Aralık 2013 Cuma | Posted in , ,


Eğer bloggerın sabit popüler konular widgetinden sıkıldıysanız bu kod tam size göre,internette buna benzer çok çıkar ama geliştirilebildiği için her seferinde farklı tasarımlarla karşılaşabilirsiniz..

Öncelikle Yerleşim > Gadged Ekle > Popüler Yayınlar yolunu izleyerek Popüler Yayınlarımızı Ekleyelim

Daha Sonra ]]></b:skin> kodunu bulalım

Hemen üstüne aşağıdaki kodu üstüne ekleyelim

.popular-posts ul{padding-left:0px}
.popular-posts ul li{background:#FFF url(http://cdn1.iconfinder.com/data/icons/humano2/16x16/actions/old-edit-redo.png) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid 6BB5FF0}
.popular-posts ul li a:hover{text-decoration:none}


Kayıtedelim işimiz bitti :)

Kaynak:  Üşengeç Adam

Vurgulu Paylaş Butonları

Posted by Unknown | | Posted in , ,


Vurgulu Paylaş ButonlarıÇoğu sitede bu tarz kodlar görmek mümkün ancak çoğu benzer özellikler taşımakta veya kodların çoğu bozuk işte bu nedenle bu kodu yayınlıyoruz..

Aşağıda kodun demosunu görebilirsiniz ve ayrıca HTML - CSS yazan alanlara tıklayarak gerekli kodları alabilirsiniz. Css kodlarını </b:skin> kodundan önce eklemeniz gerekmektedir HTML kodlarını ise sitenizin uygun bir yerine ekleyiniz.




Kod Çerçevesi Nasıl Oluşur?

Posted by Unknown | 3 Aralık 2012 Pazartesi | Posted in , , , ,




Bildiğiniz gibi blogger ve wordpress gibi Blog'larda kodları ve önemli yazıları çerçeve içine almak için birçok yol mevcut. Ve webmaster'ların neredeyse yarısından çoğu bu konuda bilgi sahibi değil. Bazı kod çerçeveleri çok basit ve kodları göstermiyor olabiliyor. Kod çerçevesi yapmak o kadar zor bir şey değildir aslında sadece 1-2 kodla yazılarınıza kod çerçevesi eklemeniz mümkün. Kod çerçevesi yapımında css de kullanılabiliyor.

Kod çerçevesi nasıl yapılır? ,  kod çerçevesi yaparken kodları veya önemli yazıları html bölümünde yazarsanız kodlar gözükmez html bölümüne kod çerçevesinin kodunu yazdıktan sonra oluştur bölümünden kod çerçevesi oluşturulduktan sonra içerisinde yazmanız gerekmektedir.


<pre style="background-color: #ebf3fb; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">Buraya Kod<span style="font-size: 12px; line-height: 14px;"></span></pre>


bu kodu her yazdığınız yazıda html bölümüne yapıştırmalısınız tabii ki kod çerçevesi içine yazacağınız yazıları veya kodları oluştur bölümünde buraya kod yazan yere yazacaksınız. Şimdi Kod çerçevesinin bir görünümüne bakalım.

Blogger Yazı Secim Ayarı Eklentisi

Posted by Unknown | | Posted in


Blogger Yazı Secim Ayarı Eklentisi
blogumda bu yazımda blogger yazı secim ayarı konusunu anlatacağım yazı secim ayarı sayesinde secilen bir yazının arkaplanını yazının rengini değistirmek mümkün bunun yanında cesitli CSS ayarları ile gölgelendirme gibi efektler uygulamak mümkün eklenti normal olarak İnternet Explorer tarafından desteklenmiyor. Bu güzel eklentiyi blogunuza uygulamak icin bu yazıyı sonuna kadar okumanız yeterlidir.  

Temamızdan Asağıdaki Kodu Buluyoruz 
]]></b:skin>

Bu kodu bulduktan sonra hemen üstüne asağıdaki kodları ekleyin.
::-moz-selection { 
background:#8d0222;
color:#fff;
}
::selection {
background:#8d0222;
color:#fff;
}

Background: Yazının secildiği zamanki arkaplanını belirlemeye yarar.
Color: Yazının secildiği zamanki rengini belirlemeye yarar.

Blogger Otomatik Adres Yönlendirme

Posted by Unknown | | Posted in ,


Blogger Otomatik Adres YönlendirmeYeni bir blog adres actınız ve eski blogunuza gelen kisileri yeni blogunuza yönlendirmek istiyorsunuz iste islem asağıdaki vereceğim kodlar sayesinde sitenize giren kisileri otomatik yeni blogunuza veya herhangi bir sayfaya yönlendirceksiniz gayet kullanıslı bir eklentidir arkadaslar sizleri fazla tutmadan anlatıma gecelim.


1- Kumanda Paneline Girin.
2- Tasarıma Tıklayın.
3- HTML Düzenle (Widget Sablonlarını Genislete Tıklayın).
4- Sonra Asagıdaki Kodu Bulun.



<head>


Bulduğumuz Kodun Altına Asagıdaki Kodları Ekleyelim.


<meta HTTP-EQUIV='REFRESH' content='5; url=www.siteadresiniz.com'/>


Not: www.siteadresiniz.com Kısmına Yeni Sitenizin Veya Baska Bir Sitenizin Adresini Yazın Ve İslem Bu Kadar Arkadaslar Yeni Yazımla Görüsmek Üzere...

Blogger Kullandığım Navigasyon Linkleri (Yeni)

Posted by Unknown | | Posted in


Blogger Kullandığım Navigasyon Linkleri (Yeni)blogumda bu yazımda sizlere navigasyon linkleri yerine resim ekleyeceğiz oldukca basit ve harika bir görünüme sahip olabileceğiniz bu navigasyon resimlerini sizlere istek üzerine paylasıyorum hepinize kolay gelsin arkadaslar hemen anlatıma gecelim ilk adım olarak asağıdaki yolu izliyoruz

Kumanda Paneli → Blogunuz → Tasarım → HTML Düzenle Ve Widget Sablonlarını Genisletin.


Ctrl+F Komutuyla Asağıdaki Kodu Bulun
<data:olderPageTitle/>
Yukardaki Kodun Yerine Asağıdaki Kodları Ekleyin
<img src='http://2.bp.blogspot.com/-NHiwv3H4JG0/UBwsX-oszJI/AAAAAAAAASY/5rjYDx-nMA4/s1600/OnurBatur%C3%96ncekiSayfa.png' title='Önceki Sayfa'/>


Ctrl+F Komutuyla Asağıdaki Kodu Bulun
<data:newerPageTitle/>
Yukardaki Kodun Yerine Asağıdaki Kodları Ekleyin
<img src='http://1.bp.blogspot.com/-2S6UDda72Z0/UBwsGPzQZWI/AAAAAAAAASI/IT_ks3FbhYM/s1600/OnurBaturSonrakiSayfa.png' title='Sonraki Sayfa'/>

Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Kaldırmak !

Posted by Unknown | | Posted in ,


Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Kaldırmak !blogumda bu yazımda sizlere yazı baslığındaki konuyu anlatacağım bu yazı ne hakkında diyorsanız sizlere söyle anlatayım blogumuzda yazdığımız yazılara eklediğimiz etiketlere tıkladığımız zaman karsımıza cıkan etiketine sahip en yeni yayınlar gösteriliyor yazısını kaldırmayı öğreneceğiz


Öncelikle Widget Sablonlarını Genislet seceneğini isaretliyoruz daha sonra ise asağıdaki kod satırını temamızdan buluyoruz:





<b:includable id='status-message'>



<b:if cond='data:navMessage'>



<div class='status-msg-wrap'>



<div class='status-msg-body'>



<data:navMessage/>



</div>



<div class='status-msg-border'>



<div class='status-msg-bg'>



<div class='status-msg-hidden'><data:navMessage/></div>



</div>



</div>



</div>



<div style='clear: both;'/>



</b:if>



</b:includable>


Yukarıda bulmus olduğumuz kodların tamamını asağıdaki kodlar ile değistiriyoruz:




<b:includable id='status-message'>



<b:if cond='data:navMessage'>



<div>



</div>



<div style='clear: both;'/>



</b:if>



</b:includable>

Blogger Harika Bir Duyuru Panosu !

Posted by Unknown | | Posted in

Blooger yazımda bu konumda bizlere lazım olabilecek bir yazı paylasmak istedim bu yazıda duyuru panosu hakkında kodlar öğreneceğiz. Duyuru panolarında herhangi bir iletinizi veya mesajınızı paylasabilirsiniz.Bu duyuru panosunu yazılarınızın üst kısmına koymanızı tavsiye ederim oraya daha cok yakısıyor tabi sizin fikrinizede karısmak isteme isterseniz hemen anlatıma gecelim.

Blogger Soblonumuzu Acıp Asağıdaki Kodu Aratıyoruz.
</b:skin>

Yukarıdaki kodu bulduktan sonra hemen üstüne asağıdaki kodları ekleyelim. 

/* Dialog Kutuları
-------------------------------- */
.dialog h1 {
font-size: 18px;
font-weight: bold;
margin: 0px;
padding:8px 0px 0px 0px;
}
.dialog p {
margin: 0px;
font-size:12px;
padding-left:62px;
text-align:justify;
padding-right:5px
}
#center {
width: 590px;
}
.dialog {
font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 10px;
color:#ffffff;
margin-top:10px;
padding-bottom:5px;
}
.dialog .icon {
width: 34px;
height: 34px;
display: block;
margin: 12px 14px 0px 14px;
float:left;
}
.close {
display:block;
height:14px;
width:14px;
background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyoSbghQC9bIVBIRFAWAP6cDMmjkZR8KxlXnc1OvZp31t7uwMQXq4SMrwdzJyUzt8IhUssOdikN-G5_mds4ojfDw_YcEqhyphenhyphenaR8xmr6SDDfnsCOxG4JSXcj_6dHx8SnFVBrKMc1UIkVFI/s1600/close.png') no-repeat;
position:relative;
float:right;
margin:5px 5px 0px 0px;
cursor:pointer;
}
.success {
background-color: #7f8f19;
background-image: -moz-linear-gradient(top, #93A11F 0%, #6E8114 100%);
background-image: linear-gradient(top, #93A11F 0%, #6E8114 100%);
background-image: -o-linear-gradient(top, #93A11F 0%, #6E8114 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #93A11F), color-stop(1, #6E8114));
background-image: -webkit-linear-gradient(top, #93A11F 0%, #6E8114 100%);
background-image: -ms-linear-gradient(top, #93A11F 0%, #6E8114 100%);
border-top: 1px solid #b9c22a;
}
.success .icon {
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVa98nPG-yhzPXLSeGlwgO87jkOOX0uaPnoJcOs0Ixet4j7CdFbSqt5uNQY0WAHxMMreolIw4OtL8Uhoo-VRSDo7s73lX9qf0MWxY3NWRhtbhs__Z-4xrbcBv7J88OEkfRAAUeGdkjmn8/s1600/success.png') no-repeat;
}
.info {
background-color: #ffc800;
background-image: -moz-linear-gradient(top, #ffcc00 0%, #ffb500 100%);
background-image: linear-gradient(top, #ffcc00 0%, #ffb500 100%);
background-image: -o-linear-gradient(top, #ffcc00 0%, #ffb500 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffcc00), color-stop(1, #ffb500));
background-image: -webkit-linear-gradient(top, #ffcc00 0%, #ffb500 100%);
background-image: -ms-linear-gradient(top, #ffcc00 0%, #ffb500 100%);
border-top: 1px solid #ffe300;
color:#dd220d;
}
.info .icon {
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPG9MY3YDgy1BcEaazOtvXNVMbF8Egc9U4izFUbkupqJy8h7AufoKC1Ku-9JilDshCNvG-im4wbaYuNFBZ_jrup6hyphenhyphen62os1WJjkusZ1EA462TrepIrPOkfrNI5jtCDsL6msCvGafBMHQ/s1600/info.png') no-repeat;
}
.info p {
color:#000000;
}
.warning {
background-color: #d61c0b;
background-image: -moz-linear-gradient(top, #dc220d 0%, #d01609 100%);
background-image: linear-gradient(top, #dc220d 0%, #d01609 100%);
background-image: -o-linear-gradient(top, #dc220d 0%, #d01609 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dc220d), color-stop(1, #d01609));
background-image: -webkit-linear-gradient(top, #dc220d 0%, #d01609 100%);
background-image: -ms-linear-gradient(top, #dc220d 0%, #d01609 100%);
border-top: 1px solid #ee3314;
}
.warning .icon {
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYGcvyU5P9v8fqYRWNR1x57O4n-g5lbkJpfv-krp7E-CY4KWiZAAmwHkHMmi2kDUaofJdOKu0jsdDOsfG1bS7MQOB9lbUty-43SV-KbrHu5kaIFHOhn1IlwOlhYTV6QNyMXzdqXHZXHA/s1600/warning.png') no-repeat;
}

Css kodlarımızıda eklemis olduk ve sıra duyuru panomuzun kodlarını vermeye geldi. Asağıdaki kodu blogunuzda temanızda istediğiniz bir bölüme yapıstırın. 

<div class='dialog info'>
<span class='close' id='info'/>
<span class='icon'/><h1>Duyuru Baslığı</h1>
<p>Buraya Eklemek İstediğiniz Yazıyı Yazınız</p>
</div>

Blogger’e Logo Nasıl Yüklenir?

Posted by Unknown | 2 Aralık 2012 Pazar | Posted in ,




Merhabalar arkadaşlar bu makalemde çok basit olan;ama zamanında bende dahil olmak üzere bir çok blogger kullanıcısının bilmediği,bloggere logo yüklemeyi anlatacağım.
Bloggerimizi açıyoruz ve resimde belirtildiği gibi Yerleşim’e tıklıyoruz,sonra sağ tarafta açılan yeni görünümden blogumuzun başlığının bulunduğu butonun sağ alt kısmındaki düzenleye tıklıyoruz.
 Bloggere Logo Nasıl Yüklenir?
Düzenleye tıkladıktan sonra yeni bir sayfa açılacak.Bu sayfadan dilerseniz blogunuzun başlığını,açıklamasını değiştirebilirsiniz.Logoyu bilgisayarınızdan yükleyecekseniz 1.Seçeneği seçiyorsunuz ve dosya seç butonu ile yüklüyorsunuz.Logonuzu linki ile yükleyecekseniz 2. Seçeneği seçip logonun URL adresini yapıştırıyorsunuz.
Son olarakta kaydet’e tıklıyorsunuz.
 Bloggere Logo Nasıl Yüklenir?
Not: 
Yerleşim ayarlarına dikkat ediniz.Logonuz oldukça büyük ise sığacak şekilde küçült seçeneğini,seçiniz.Diğer seçenekler ise logonuz ve siteniz için görsel olarak uygunsa seçiniz.
İyi günler;Görüşmek üzere.

Blogger Arşiv Sayfası ve Site Haritası Yapımı

Posted by Unknown | | Posted in



Bu makalemde Blogger’de arşiv sayfasını nasıl oluşturabileceğinizi anlatacağım arkadaşlar.Arşiv sayfası aynı zamanda Blogger’de site haritası olarak kullanılabilmektedir.
Blogger arşiv sayfası/site haritası  Google botlarının ve ziyaretçilerin sitenizdeki konulara kolay ulaşmasını sağlar.Bu yüzden herkese bu eklentiyi öneririm.
Nasıl Yapılır?
Tek yapmanız gereken aşağıdaki kodun www.siteadresiniz.com yazan kısmına blog adresinizi yazınız ve bir boş sayfa oluşturup kaydediniz.

<div style="list-style-type: none;"><script src="http://yourjavascript.com/8875514172/arsiv.txt.js" type="text/javascript"></script><script src="www.siteadresiniz.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>



Blogger tarafından desteklenmektedir.