Blogger İçin Sadece Konu Başlıklarını Gösterme Eklentisi

Blogger’da sadece konu başlıklarını görmek istiyorsanız bu eklenti tam size göredir. Bu eklentinin görselini de görüyorsunuz. Eğer Blogger bloğunuza eklerseniz görseldeki gibi konu başlıkları şeklinde görünecektir. 

Bu eklentiyi Blogger’a eklemek için ne yapacaksınız? 

İlk işiniz aşağıdaki kodu bulmak. 

<b:include data='post' name='post'/> 

Yukarıdaki kodu bulduysanız onu silin yerine aşağıdaki kodları yapıştırın. 

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if> 

Yapmanız gerekenler bu kadar. Bunu yaptığınız zaman artık bloğunuz konu başlıkları şeklinde görünecektir.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger’da 3 Boyutlu Arama Kutusu Eklentisi

Blogger’ınızda 3 boyutlu arama kutusu görmek ister misiniz? Diğer arama kutularına göre daha hoş bir ortam yaratıyor. Görselde de gördüğünüz gibi bir arama kutusu ortaya çıkıyor. Bu eklentiyi eklemek için aşağıdaki kodları Yerleşim - Gatget Ekle – HTML/JavaScript yolunu takip edip yapıştırın. 

Kodlar:

<style type="text/css">
.form-wrapper {
width: 250px;
padding: 8px;
margin: 10px auto;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}
.form-wrapper #search {
width: 160px;
height: 20px;
padding: 10px 5px;
float: left;
font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 1px solid #ccc;
-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.form-wrapper #search:focus {
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 1px 1px #bbb inset;
-webkit-box-shadow: 0 1px 1px #bbb inset;
box-shadow: 0 1px 1px #bbb inset;
}
.form-wrapper #search::-webkit-input-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-moz-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-ms-input-placeholder {
color: #999;
font-weight: normal;
}
.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.form-wrapper #submit {
float: right;
border: 1px solid #00748f;
height: 42px;
width: 70px;
padding: 0;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #fafafa;
text-transform: uppercase;
background-color: #0483a0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
background-image: linear-gradient(top, #31b2c3, #0483a0);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
background-color: #31b2c3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
background-image: linear-gradient(top, #0483a0, #31b2c3);
}
.form-wrapper #submit:active {
outline: 0;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.form-wrapper #submit::-moz-focus-inner {
border: 0;
}
</style>
<form class="form-wrapper" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="ARA.." />
<input id="submit" type="submit" value="ARA.." />
</form> 

Yapmanız gerekenler bu kadar. Artık bloğunuzda 3D arama kutusu yer alıyor.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Kurban Bayramı Eklentisi

Blogger bloğunuza gelen ziyaretçilerin Kurban Bayramlarını kutlamak ister misiniz? Bunu basit bir eklenti ile yapabilirsiniz. Blogunuz ziyaretçilerinizin gözünde daha hoş ve popüler bir blog olur.

Peki, bu eklentiyi nasıl edinirsiniz? 

Aşağıdaki kodları Yerleşim – Gadget Ekle – HTML/JavaScript yolunu izleyerek ekleyin. 

<img src="http://m1308.hizliresim.com/1d/7/r7l13.jpg" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

Yaptığınız değişiklikleri kaydedin ve bloğunuz artık ziyaretçilerinizin Kurban Bayramını kutlasın.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.