web-xL

Blogger Navbar Kaldirma

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 23:47:00 +0000

Bloğunuza orjinal bir site havası vermek için Bloggerden Navbarı nasıl kaldırabileceğinizi anlatacağım;1.yöntem Kodlu 2. si ise kodlarla uğraşmadan navbarı kaldırabileceğiniz bir yöntem.
1Yöntem:ÖncelikleTasarım>Htmlyi Düzenlekısmından Şablon html kodumuzun yazılı olduğu kısma geliyoruz.Ctrl+F tuşuna basıp şablon içerisinde ]]></b:skin>bunu aratıyoruz.Aşşağıdaki kodu bu koddan önceki kısma yapıştırıyoruz.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Ön izlemeye bakıyoruz eğer sıkıntı yoksa kaydedip Bloğumuzu orjinal bir site havasında Navbarsız kullanmaya başlıyoruz.

2.Yöntem:Blogger Admin Panelinin yenilenmesinden sonra blogger navbar kaldırma işlemini artık kodsuz olarak da yapabiliyoruz.@muhtar adlı ziyaretçimizin yorumu üzerine bu yazıya ek yapmaya karar verdim.Kodsuz olarak blogger navbar yada blogger üst çubuğu kaldırmak için;

Resimde de gördüğünüz gibi;Kumanda Paneli>Yerleşim>Navbar Düzenle yolunu takip ediyoruz.

Navbar Düzenle linkine tıkladığımızda aşağıdaki gibi bir pencere açılacak;

Navbar Kapalı modunu seçip kaydet butonuna bastığımızda blogger navbar kaldırmaişlemi gerçekleşmiş olacak.

Blogger Meta Tag Ayarları

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 21:32:00 +0000

Blogger Seo - konusunda dikkat etmeniz gereken noktalardan biri meta taglar. Meta taglar kısaca sitenizin tanıtım yazılarıdır. Blogger alt yapısında ise sizi sunulmayan bir özelliktir, bu sebeple kendiniz meta tag kodlarını blogunuza ekleyerek Blogger Seo ayarlarını tamamlamalısınız. Google böcekleri siteleri indexlerken bir çok etkeni dikkate alır. Geçmiş döneme oranla Blogger Seo için meta taglar önemini bir nebze olsun yitirmiş olsa da hala etkinliğini koruyor.

Blogger Seo Ayarları - Blogger Meta Tag Ayarları - Blogger Meta Tag Eklemek

Blogger kumanda panelinş kullanarak tasarım kısmına geliyoruz ardından html'yi düzenle butonuna basarak temamızı oluşturan kodlara ulaşıyoruz. Tasarım > Html'yi düzenle

Ardından Widget Şablonlarını genişlet kutucuğunu işaretleyerek temamızın tüm kodlarına erişiyoruz

Karşımıza çıkmış kod dizini içerisinde CTRL + F kombinasyonunu kullanarak

<b:include data='blog' name='all-head-content'/> koduna ulaşıyoruz

Bulduğumuz bu kodun hemen altına gelecek şekilde Blogger Seo için uygun Meta tag kodlarımızı ekliyoruz.

<meta content='Sitenizin tanımı' name='description'/>
<meta content='Sitenizle ilgili anahtar kelimeler' name='keywords'/>

Kodlarınızı ekledikten sonra description olarak belirlenmiş kısıma blogunuz ile ilgili kısa ve öz bir tanıtım yazısı yazmanız gerekiyor. Bu description tanıtım yazısı Google böcekleri tarafından indexlenecek ve aramalarda kullanıcılara sunulacaktır. Örnek vermek gerekirse

şeklinde verilmiş bir description kodunun Google üzerinde arama sonuçlarında görülmesi şu şekilde olacaktır. Google arama sonuçlarında sizin verdiğiniz description yazısını kullanıcılar ile arama sonuçlarında paylaşacaktır. Bu hem Blogger seo ayaları için bir katkı sağlayacak hemde kullanıcıları arama sırasında bilgilendirecektir. Meta Tagların temel görevi site özetini içerisinde barındırmasıdır.

Keywords kodları ise virgüllerle ayırarak girilen bir takım anahtar sözcüklerden oluşmalıdır. Bu anahtar sözcükler sitemizin konusunu kısaca özetler nitelikte olmalı. Meta tag ayarları yapılırken dikkat edilmesi gereken noktalardan birisi ise çok fazla etiket kullanmamak. Name kodları içerisine Blogger Meta Tag Ayarlarına uygun olarak 100 karakteri geçmeden etiketler ekleyin.

<meta content='Blogger Eklentileri , Blogger Dersleri , Blogger Seo ve Blogger Temaları Hakkında Web Günlüğü ..' name='description'/>

<meta content='Blogger Dersleri , Blogger Seo , Blogger Eklentileri , Blogger Temaları , Blogger Destek , Blogger Yardım' name='keywords'/>

Kaliteli işlenmiş Blogger meta tag ayarları , Blogger seo ayarlarınıza olumlu bir katkı sağlayacağı gibi aynı zamanda belirlediğiniz anahtar kelimelerde sizi bir adım öteye taşıyacaktır.

Not : Keywords kodlarında bulunan siteniz ile ilgili anahtar kelimelerin bir kaçının description kodları içinde yer alan tanıtım yazısında bulunmasında yarar vardır. Bu şekilde Blogger meta tag ayarlarını tamamlamış oluyoruz.

Facebook , Twitter Yalancı Takipci Sayısı Eklentisi

noreply@blogger.com (Anonymous) — Fri, 15 Feb 2013 23:30:00 +0000

Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..

Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...

Adı üstünde Yalancı Takipci Sayısı Eklentisi !

<style> 
.rss-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroZ-ZsiKiNl5NlsZ5QzIAXoTyXIrUut3vubl2Zny5y0VI2xY5vhnpSOsRd4l5_bV4_ei-zeb4978DROIs1pBH415CI0Qx6i9LIE6ogo7S_h4W3GvwliGbNPD64q2bLKwBnbCBPFrWi1g/s800/RSS1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.twitter-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfDHhjucX8efVw_eqobD6rMHBVZARy1KjO5R_3KQ0eJsZUi0kCoT7WksO9SgaXukgSc8GLzeUojUW8atmwZImWqeSdbdLi9VK4SkDgfGhFd0-Vhnr6ny8cp3dOSxk4Bhyn1UBWazNx7oQ/s800/TWITTER1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.facebook-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRq5H2ZcgEvtq7igAOGWxZVCceoLsZIH1QxR1_smqAW-owW9C3K1KoWSYZaycmSNxLrIQRkoUHoON1apBlrWuAQDIf0Nsd229y9cqmSva2Ud6cHnpLeFErzpzPKgNL_5QCQ_E5azoZ7cc/s800/FACEBOOK1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.follower-rss, .follower-twitter, .follower-facebook { 
    font-family: Georgia,  sans-serif, Times; 
    font-size: 1.1em; 
        font-style:italic; 
        color:#289728; 
}
.follower-rss span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#FFB93C;     
}
.follower-twitter span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#6DB6E6;     
}
.follower-facebook span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#3889BA;     
}
</style>
<div class="rss-mbt"> 
<div class="follower-rss"> <span>78</span> Okuyucu 
</div> 
<a href="Rss adresiniz" rel="nofollow">RSS feed</a> 
| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a> 
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div>                            
<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a> 
</div>                       
<div class="facebook-mbt">                        
<div class="follower-facebook"><span>403</span> Takipçi                           </div>                            
<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a> 
</div>

Yukarıdaki kodu blogunuza gadget şeklinde istediğiniz yere , yerleşim'den ekleyiniz..Kod içinde kırmızı olan yerlere, kendi twitter , facebook , rss ve mail adresinizi yazınız..Mavi olan yerler ise , takipçi sayısı kısmı, buralara istediğiniz rakamı yazabilirsiniz..

Blogger Sabit Açılır Yan Menü Eklentisi

noreply@blogger.com (Anonymous) — Mon, 11 Feb 2013 23:30:00 +0000

Blogger Sabit Açılır Yan Menü Eklentisi

Bu eklentimizde , blogunuzun sol ortasında resimde gördüğünüz gibi bir menü yaratıyoruz.

Oldukça şık bir görüntüye sahip olan Sabit Açılır Yan Menü Eklentisini blogger blogunuzda kullanmak isterseniz aşağıdaki adımları izlemeniz yeterli..

Aşağıdaki kodumuzu bulalım..

]]></b:skin>

Hemen üstüne aşağıdaki kodlarımızı ekleyelim..


/* CSS Style for Horizontal Menu - info @ http://eklentileri.blogspot.com*/
#hor {
list-style:none;
padding:0;
margin:0; 
}

#hor li {
float:left;
padding:5px;
}

#hor a {
display:block;
height: 12px;
text-indent:-999em;
}

#hor a.home {
width:46px;
background:url(vHome.gif) no-repeat 0 0; 
}

#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0; 
}

#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}


/* CSS Style for Vertical Menu */ 

#ver {
list-style:none;
padding:0;
margin:0; 
}

#ver li {
padding:2px; 
}

#ver li a {
display:block;
height:12px;
text-indent:-999em;
} 

#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0; 
}

#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0; 
}

#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}


.clear {
clear:both;
} 


*{
/* A universal CSS reset */
margin:0;
padding:0;
}


#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;


/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));

font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}

#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

/* CSS3 Transition: */
-webkit-transition: 0.25s;

/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHLHYpgW3mztgY5c_ikbZRo6-lgLSMmrSsJsmo92akH3GHW9HvWED0bt3eY-LjQCgGndTglx3rY1_07enFkcdY1FkcHvjVOnf02Ma-xdOS6UedGHThGgBr8nS8Ixxkm4kguUVaI6EXD8/s1600/navigation.jpg') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

/*End menu css - info @ http://eklentileri.blogspot.com */

Yukarıdaki işlemi yaptıysanız kaydedin ve yerleşim >> gadget ekle >> HTML/JavaScript seçeneği ile açılan yere aşağıdaki kodlarımızı yapıştıralım..

<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Ana Sayfa" href="http://eklentileri.blogspot.com">
<span>ANA SAYFA</span>
</a>
</li>

<li>

<a class="about" href="LİNK">
<span>About</span>
</a>
</li>

<li>
<a class="services" href="LİNK">
<span>Services</span>
</a>

</li>

<li>
<a class="portfolio" href="LİNK">
<span>Portfolio</span>
</a>
</li>

<li>
<a class="contact" href="LİNK">

<span>Contact us</span>
</a>
</li>
</ul>
</div>

Burada dikkat etmemiz gereken yerler , kırmızı ile yazılmış olan yerleri kendinize göre düzenlemeniz, eklentinin ön izlemesi için TIKLAYIN

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Sabit Açılır Yan Menü Eklentisi , Blogger Sabit Menü , Blogger Menü Eklentisi , Blogger Menü Ekleme , Blogger Nasıl Menü Eklenir , Blogger Renkli Menü Yapımı

En Çok Yorum Yapılan Yazılar / Konular Eklentisi

noreply@blogger.com (Anonymous) — Fri, 08 Feb 2013 23:19:00 +0000

En Çok Yorum Yapılan Yazılar / Konular Eklentisi Widget

Blogger blogunuzda , en çok yorum yapılan yazılarınızı göstermek istermisiniz ?

DEMO

Lafı uzatmadan hemen anlatıma geçelim..

Blogunuzun Yerleşim kısmına girerek Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..

<!-- Popular posts with comment eklentileri.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ol style="">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://eklentileri.blogspot.com
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json" 
type="text/javascript"></script>

<!-- Popular posts with comment eklentileri.blogspot.com -->

Yukarıdaki kodları eklediyseniz , kod içinde geçen ; eklentileri.blogspot.com adresi yerine , kendi blog adresinizi , mavi ile yazılmış olan 10 rakamını değiştirerek göstermek istediğiniz yazı sayısını ayarlayabilirsiniz..

<<< Bu Yazı için Arama Sonuçları >>>

En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Yazılar eklentisi , Blogger En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Konular ,En Çok Yorum Yapılan konular eklentisi , Blogger En Çok Yorum Yapılan Konular , Blogger yorum yapılan knouları gösterme , en çok yorum

Sayfada Aşağı inince Açılan Paylaş Eklentisi

noreply@blogger.com (Anonymous) — Thu, 07 Feb 2013 23:08:00 +0000

Sayfada Aşağı inince Açılan Paylaş Eklentisi

Blogger için , ziyaretçileriniz sayfada biraz aşağı inince açılan paylaş eklentisi istermisiniz ?

Bu eklentimizde , Twitter paylaş butonu , facebook paylaş butonu vb.. butonlar yer alacak , böylelikle ziyaretçileriniz yazlarınızı rahatlıkla paylaşabilecek..

Resimden ön izlemesini yapabilir Yada BU SAYFAdan demosunu görebilirsiniz ( Sayfa açılınca biraz aşağı inin )

Anlatıma geçelim..

Aşağıdaki kodumuzu bulalım..

</head>

Bu kodumuzun üstüne , aşağıdaki kodlarımızı ekleyelim..

<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Şimdide bu kodumuzu bulalım..

</body>

Bu kodumuzun da üstüne , aşağıdaki kodlarımızı ekleyelim..

<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

Artık Sayfada Aşağı inince Açılan Paylaş Eklentisine sahipsiniz, güle güle kullanın..

<<< Bu Yazı için Arama Sonuçları >>>

Sayfada Aşağı inince Açılan Paylaş Eklentisi , blogger paylaş eklentisi, blogger paylaş butonları , facebook paylaş butonu , twitter paylaş butonu , Blogger paylaş butonları ekleme , blogger paylaş butonları eklentisi

Blogger Yandan Açılır Menü Eklentisi

noreply@blogger.com (Anonymous) — Tue, 29 Jan 2013 21:34:00 +0000

Blogger blogunuzda , Yandan açılır menü eklentisi isterseniz , bu eklenti çok hoşunuza gidecek..

Fare ile üzerine gelindiğinde açılan menümüz , blogunuza hoş bir görsellik katabilir..

DEMO

Altta yer alan kodumuzu buluyoruz

]]></b:skin>

Bir satır üstüne altta yer alan kodları ekliyoruz..

/* Blogger Yandan Açılır Menü Eklentisi eklentileri.blogspot.com */

ul.nav8 {
    list-style:none;
    height:120px;
    margin:0;
    padding:0;
}

ul.nav8 table {
    border-collapse:collapse;
    width:0;
    height:0;
    margin:-1px 0 -5px -1px;
}

ul.nav8 > li {
    float:right;
    height:120px;
    width:40px;
    position:relative;
    overflow:hidden;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
}

* html ul.nav8 > li {
    width:auto;
}

ul.nav8 > li a.ie6 {
    float:left;
    height:120px;
    width:39px;
    position:relative;
    overflow:hidden;
}

ul.sub {
    list-style:none;
    height:120px;
    width:600px;
    background:url(http://www.script-tutorials.com/demos/107/images/panel.png) no-repeat right top;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
}

ul.sub li {
    float:left;
}

ul.sub li:first-child {
    margin-left:45px;
}

ul.sub li a {
    display:block;
    width:110px;
    height:120px;
    float:left;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    color:#000;
}

ul.sub li a b {
    font-size:14px;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a b:hover {
    font-size:16px;
    color:#FF0000;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a p {
    font-size:12px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.sub li a p:hover {
    font-size:13px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.nav8 > li:hover {
    width:600px;
}

ul.nav8 > li a.ie6:hover {
    direction:ltr;
    width:600px;
}

ul.sub li a:hover i {
    opacity:1.0;
}

Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodlarımızı ekliyoruz

<ul class="nav8">
<li>
        <!--[if lte IE 6]><a class="ie6" href="#url"><table>
<tr><td><![endif]-->
            <ul class="sub">
<li><a href="http://eklentileri.blogspot.com/"><b>Ana Sayfa</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 1</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 2</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 3</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 4</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
</ul>
<!--[if lte IE 6]></td></tr>
</table>
</a><![endif]-->
        </li>
</ul>

Yukarıdaki işlemleri yaptıysanız Blogger Yandan Açılır Menü Eklentisi hazır , yukarıdaki kodları kendinize göre düzenleyiniz..

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Yandan Açılır Menü Eklentisi , Blogger Menü Eklentisi , Blogger Açılır Menü , Menü Eklentileri , Blogger Yana Açılan Menü , Menü , Slideout Menu Bar For Blogger , Blogger Menu Widget

Retro Tazı Blogger Sosyal Paylaşım Eklentisi

noreply@blogger.com (Anonymous) — Mon, 21 Jan 2013 14:20:00 +0000

Retro Tazı Blogger Sosyal Paylaşım Widget

DEMO

Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..

<style>
/* Retro tarzı blogger sosyal paylasim eklentisi eklentileri.blogspot.com */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>

<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.plus.google.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPQf2i_4TvnFmEeFl-jYF0ZyzKfjRkLo8UeUhLwjTz5TtkC52-1nLMgh7MwxND4DLnJ5wt9zzsBN6ZbbXQerAXr9PTiq35muSEYPBP8SMudsMKZ88TU3sImswF2hpI9-VKgV8eZgb6gE/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH0BWDAoiedqlKmTzVFy-_7ewN-sWgRHULnlKOypYQX-9Dsi-vVoIywjl7TT90H0QUJVm1GM5sgsAYZsSqN_Uty_Bp753-SIZxLLrxO0m4pYRb9_hb8HQXe_EdOAEMbMg0rY0u2zSMslM/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.pinterest.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJUndgcCnvaByRYIvFjdKcL-RsxDHx86Em_jEnV25XOXyEhYbKvllBD5wbbzUhB3hWFdAfpCa9HrRliDIDe27Z64lRl49R2VC5664KlDijJw32NQJUnfzmF2hoSc7ClDa74-UWgxSmAw/s1600/bloggertrix-pinterest-icon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipp6bO3Y7bxSxaRbo_6rIGHkm2yapWspORj7232LBt689S79ppmi426175z5C-DNtm9kAgT4nzg4DcHW9azudbAQy57a7zqAFHDDWNtfq1k3NPl0h2GjosIR9XILGz9jlSHRwDmdKSw8c/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEryV9eeC7ibaoJ5woIS84mlrGugchDT_gC7Xws_QfjW4Yh2O47I_ohllq3I0YDX0tQa1w-XmNtvui1ZaMJsKaf-8qPfIrBnUcAe9sPQe1efkvF2R3rk1YuE7xp97tcWyf66X4fJhCRQ/s1600/bloggertrix-rss-feed-icon.png" title="Add RSS Feed" /></a></li>
</ul>

Yukarıdaki kod içinde geçen XXXXX yazısı yerlerine kendi asreslerinizi yazmayı unutmayınız..

Alternatif Facebook Beğeni Kutusu

noreply@blogger.com (Anonymous) — Wed, 16 Jan 2013 00:20:00 +0000

DEMO

Blogger paneline girin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile aşağıdaki kodlarımızı açılan panele ekleyelim..

 <style>.blogtrixfb {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.blogtrixfb, .blogtrixfb:before, .blogtrixfb:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.blogtrixfb:before, .blogtrixfb:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.blogtrixfb:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="blogtrixfb">
<div style="height:155px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640" data-width="300" data-height="250" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 250px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Feklentileri.blogspot.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640&amp;locale=tr_TR&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Yukarıdaki kod içinde kırmızı olan yerlere , kendi facebook sayfasınızın adresini yazmayı unutmayınız..

Yazı Altına Sosyal Paylaşım Kutucukları

noreply@blogger.com (Anonymous) — Sat, 12 Jan 2013 23:26:00 +0000

Blogger Yazı Altı Sosyal Paylaşım Kutucukları Eklentisi..

Bu eklentimiz ile, yazılarınızın altına , twitter , facebook ve google+ kutucukları eklenecektir , ziyaretçileriniz böylelikle yazılarınızı twitter , facebook ve google+ da paylaşabilecekler..

DEMO

Aşağıdaki kodlardan birini bulunuz , ilk denediğiniz olmazsa diğerini deneyiniz , bazı bloglarda bu kodlardan bir kaç tane olabilir , üşenmeyin deneyin..

<data:post.body/>


YADA


<div class='post-footer-line post-footer-line-1'/>

Bir satır altına aşağıdaki kodları ekleyelim..

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6C-5cvYgIEqce3sXoc7UmvM2no2u1aNapIQshu5SnTI5AM7DfDqXlLGpJnsm8ShT3RU_x9RvzV-EoVUfUXmX52SMCKacAf-28JCPlyJGqOAvZqXh7E0iQr07lf7TWmkoUdOwJOyckCfKX/s1600/social-kutucuk.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;}
.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;}
.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;}
 .promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="BloggerEklenti" href="https://twitter.com/share">Tweet</a>
<script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
          
</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                  
</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
                (function () {
                    var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
                })();
          
</script></div>
</div> 
</b:if>

Blogger Tema GameMix Theme

noreply@blogger.com (Anonymous) — Thu, 10 Jan 2013 22:23:00 +0000

GameMix Blogger Teması

Blogger için uyarlanan , GameMix teması , oyun blogları için tasarlanmış , GameMix temasını özelleştirerek , farklı alanlarda da kullanabilirsiniz..

DEMO INDIR

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Tema , Blogger Temaları , GameMix Blogger Tema , GameMix Blogger Teması , GameMix Blogger Theme , GameMix Blogger Template , Blogger Oyun Teması

Blogger Tema / Sablon Yükleme

noreply@blogger.com (Anonymous) — Wed, 09 Jan 2013 22:58:00 +0000

Son zamanlarda , sıkça blogger tema nasıl yüklenir , bu blogger temasını nasıl yüklerim , Beğendiğim bir temayı blogger bloga nasıl eklerim , şeklinde sorular almaya başladım..

Her ne kadar , blogger blogunuza şablon eklemek basit olsa da , bilmeyenler ve yeni blogger kullanıcıları için bu anlatımı yapalım..

Blogger yönetim panelinizde , Şablon kısmına giriyoruz..

Sağ üst bölümde yer alan Yedekle / Geri yükle bağlantısına tıklıyoruz..

Açılan panelde , Dosya Seç butonuna tıklıyoruz...

İndirdiğiniz temayı bulun...uzantısı xml olmalı...

Son olarak Yükle butonuna basıyoruz ve yeni temanız hazır..

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Tema Yükleme , Blogger Tema Yükle , Blogger Tema Ekle , Blogger Tema Nasıl Eklenir , Blogger Tema Nasıl Yüklenir , Blogger Blog Tema Değiştirme , Blogger Şablon Ekleme ,Blogger Şablon Yükleme , Blogger Tema Nasıl Eklenir

Klavye Tarzı Yazı Yazma Eklentisi

noreply@blogger.com (Anonymous) — Tue, 08 Jan 2013 21:34:00 +0000

Blogger blogunuzda , yazılarınızı klavye tarzı şeklinde yazmak istermisiniz ?

Klavye Tarzı Yazı Yazma Eklentisi ile , vurgulamak istediğiniz cümleleri kelimeleri yada harfleri ön plana çıkarabilirsiniz..

DEMO

Alttaki kodu buluyoruz

]]></b:skin>

Hemen üstüne aşağıdaki kodları ekliyoruz

/*****************************************
Klavye Tarzı Yazı Yazma Eklentisi kod baslangıcı eklentileri.blogspot.com
******************************************/
klavye{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

Şablonumuzu kaydediyoruz.......Blogumuzda klavye tarzı yazı yazmak istediğimizde aşağıdaki kodu kullanıyoruz.

<klavye>Yazı Alanı</klavye>

<<< Bu Yazı için Arama Sonuçları >>>

Klavye Tarzı Yazı Yazma Eklentisi , Klavye Tarzı Yazı Yazma , Klavye Tarzı Yazı , Klavye yazı Blogger , Blogger Yazı Eklentisi , keyboard like text effect , Blogger keyboard like text effect widget

CSS3 multi blogger menü çubuğu eklentisi

noreply@blogger.com (Anonymous) — Sun, 06 Jan 2013 23:42:00 +0000

CSS3 Multi Blogger Menü Çubuğu Widget

Blogger blogunuzda şık ve kullanışlı bir üst menü çubuğu arıyorsanız bu eklenti size yarayabilir..

DEMO

alttaki kodu bulunuz

]]></b:skin>

Bir satır üstüne altta yer alan kodları ekleyiniz..

/* CSS3 multi blogger menü çubuğu eklentisi eklentileri.blogspot.com*/

ul#navbt {
    display:block;
    float:left;
    font-family:Trebuchet MS,sans-serif;
    font-size:0;
    padding:5px 5px 5px 0;

    background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */  
    background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */  
    background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ 
}
ul#navbt,ul#navbt ul {
    list-style:none;
    margin:0;
}
ul#navbt,ul#navbt .subs {
    background-color:#444;
    border:1px solid #454545;

    border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
ul#navbt .subs {
    background-color:#fff;
    border:2px solid #222;
    display:none;
    float:left;
    left:0;
    padding:0 6px 6px;
    position:absolute;
    top:100%;
    width:300px;

    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
ul#navbt li:hover>* {
    display:block;
}
ul#navbt li:hover {
    position:relative;
}
ul#navbt ul .subs {
    left:100%;
    position:absolute;
    top:0;
}
ul#navbt ul {
    padding:0 5px 5px;
}
ul#navbt .col {
    float:left;
    width:50%;
}
ul#navbt li {
    display:block;
    float:left;
    font-size:0;
    white-space:nowrap;
}
ul#navbt>li,ul#navbt li {
    margin:0 0 0 5px;
}
ul#navbt ul>li {
    margin:5px 0 0;
}
ul#navbt a:active,ul#navbt a:focus {
    outline-style:none;
}
ul#navbt a {
    border-style:none;
    border-width:0;
    color:#181818;
    cursor:pointer;
    display:block;
    font-size:13px;
    font-weight:bold;
    padding:8px 18px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 1px 1px;
    vertical-align:middle;
}
ul#navbt ul li {
    float:none;
    margin:6px 0 0;
}
ul#navbt ul a {
    background-color:#fff;
    border-color:#efefef;
    border-style:solid;
    border-width:0 0 1px;
    color:#000;
    font-size:11px;
    padding:4px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 0 0;

    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
ul#navbt li:hover>a {
    border-style:none;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:#181818 0 1px 1px;
}
ul#navbt img {
    border:none;
    margin-right:8px;
    vertical-align:middle;
}
ul#navbt span {
    background-position:right center;
    background-repeat:no-repeat;
    display:block;
    overflow:visible;
    padding-right:0;
}
ul#navbt ul span {
    background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHwjCQKtqfLXf333OdPtw1URl0YSkjDePPuY14cu-h2DomTU0SQEfprG4tUCAy5PCsp3UO8S01ak5Em-9FhQ4BJmvfHW4SnpWfomfOrDuiCjsdsZDRv_nKRGfQFOyHFVJOUsJa4EuoIM/s1600/bloggetrix-arrow.png");
    padding-right:20px;
}
ul#navbt ul li:hover>a {
    border-color:#444;
    border-style:solid;
    color:#444;
    font-size:11px;
    text-decoration:none;
    text-shadow:#fff 0 0 0;
}
ul#navbt > li >a {
    background-color:transpa;
    height:25px;
    line-height:25px;

    border-radius:11px;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
}
ul#navbt > li:hover > a {
    background-color:#313638;
    line-height:25px;
}

Şablonunuzu kaydedin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript ile alttaki kodları ekleyiniz..

<ul id="navbt">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8lgOeBjqQVFb5iCmGhsWUS1DgN-v4CaZr9ZW2WHTyDpLZ11kew2edqwuM8E5KIUmJCEsYHkH386tA9WZ6dsgcsEOkVuF4UP1ElOL4yO2B8OWIq-kYyxTupks4-auBiGHtTAkw81Cbmw/s1600/bloggetrix-home.png" /> Home</a></li>
                <li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7bbK56kAdEnHPnkYSWGCTaqQxOEtQaBkfZm-Y0_Km6TvludM_ztCLEAT7iYTEwOLTiOPfp-EAezUlRuLGHjHIE0g-eF50bk-4KNJ0pfFVAkEUkxMnicxruZJ15Yj3P-_A6DIvAb1aVu0/s1600/bloggetrix-top1.png" /> HTML/CSS</span></a>
                    <div class="subs">
                        <div class="col">
                            <ul>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 1</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 2</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 3</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 4</a></li>
                                <li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Sublinks</span></a>
                                    <div class="subs">
                                        <div class="col">
                                            <ul>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 41</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 42</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 43</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 44</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 45</a></li>
                                            </ul>
                                        </div>
                                        <div class="col">
                                            <ul>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 46</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 47</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 48</a></li>
                                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 49</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col">
                            <ul>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 6</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 7</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 8</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 9</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 10</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqQjVl9LLkpKEGh5YDqAaWL0JfsiFYxKkp1_IVA1M9DZKmPfbFBog8VDYlUvfYHzjUZWaZvsbtsgOr375t9Iasc_BYVRjLYn2EtlSG5AsZgxMEymdpnyoop3JFJnIOsmG3qpGRGKtOBkA/s1600/bloggetrix-top2.png" /> jQuery/JS</span></a>
                    <div class="subs">
                        <div class="col">
                            <ul>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 1</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 2</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 3</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 4</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 5</a></li>
                            </ul>
                        </div>
                        <div class="col">
                            <ul>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 6</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 7</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 8</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 9</a></li>
                                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCshK0Jd29ZSsHukei8QdfJRCf8m50DVcMesr5iAvcWdFl7h12FnRhyphenhyphenXAyVQqxQOHkZgu1nq53EL04Or11aM6LOeyqYe13UdK8SdnlHGXlj1_MB0h2fO5W-CBRegkPhvckCGNwjT44LY/s1600/bloggetrix-bub.png" /> Link 10</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhysW5fK5DoqjJgn_yLfd1Bx3Rf4Yy52qjXtIWH7itGG6dXqrX8isIjiMokFERvOAPapwvMHi74GOuAHjMnr6MMQT-y3ZOryfakS9EieCWmnxYMfoAWLL_ArrI5UnmkOODSCWFaetqQ7-E/s1600/bloggetrix-top3.png" /> PHP</a></li>
                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeyTxIsjQdVV_wzHIgyq8iJeoBSbWdk9Lejq2owmGyrB979yTOLa2mZ_uZNM-ANUGFUF0uRtUXBzCeh-4RVvpm6TvsK-bn60QQ9iEDRXXbW2QDXByvMCh1sSnBIgY319HP1iHHoMa1TMc/s1600/bloggetrix-top4.png" /> MySQL</a></li>
                <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgewYSxIjDTA-b6d8SQfH92x-77e7wX__ioR9CWDv8yO3PXTeZT5NZN3URedxCf-kNsIVQqAVLN0h1_p3IqwgXxxsWpjKWuN2W6K6o21EZTcydKedHycVhUGh_ghXN18jBHvd49M4Bq4o/s1600/bloggetrix-top5.png" /> XSLT</a></li>
            </ul>

Üstte yer alan kodları kendinize göre düzenleyip özelleştiriniz..Ayrıca yerleşim kısmından bu eklentiyi , Blog kayıtları üstüne , yada daha yukarda alanınız varsa oraya taşıyınki , menümüz üstte yer alsın..

<<< Bu Yazı için Arama Sonuçları >>>

CSS3 multi blogger menü çubuğu eklentisi , CSS3 Blogger Menu , Menu Eklentisi , Blogger Menü Çubuğu , Blogger Menü Bar ,menü , Multilevel Blogger Menü

Döner Sosyal Butonlar Eklentisi

noreply@blogger.com (Anonymous) — Sat, 05 Jan 2013 21:19:00 +0000

Blogger blogunuz için , Döner Sosyal Butonlar Eklentisi ile , ziyaretçiniz fare ile ikonların üzerine geldiğinde , ikonumuz dönme efekti gösterir..

DEMO

Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>

<center>
 <div id="social">
<!--Start Rss Icon-->
 <a href="http://draft.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9Z0C3YxpJmsBFJEZVJPVuYnW5SyBtQwrwRgzRcp2jCSXauzb8lHpE3C8gh-CNgrvlFHDUDLy9D3aAs-U8nutbGF-Xt8cz65btLZWfOnHhNLGSHEo-fZ6ohNRLpBZjU3N15Bve9PaQoZr/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a href="http://draft.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguTXY0980bm0V5O3PehdgdmqjSGws-tB0d0ZY4wOjqMvJlwg5MPxfUGmiq_REiz86ixwLgrEwOGghHiSgVSPEPYIPXBFj2xSjFHsFIiCk6XhOTYy3L38kl1NwiUsfkaUO0v_fy68qwQGtg/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a href="http://draft.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJYR9afDn1CSPTx6dONJLJpdxSPe-ZIL3yFQRPcXnNELR8dZ_6zrD8ho3U1GTEEPbFxzUrA1OCkqUWAe_Bw3pACUHvuDteaBm5579DbEJ_16eYTTZNqB_tg1GHTND3hCW6KTYTUt_hVnzU/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a href="http://draft.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjxnIms639zxzl1OZZ8yLvjxg2Yn1mXjDknjd4Wn_sdgbZH3cbW3L45N2tmLqraKfTh1dnWVWsQ5o9xgGawA8QKmAyMDAKOv8Sbiz1ZogCq4zHDAhEy4s9qhWQbMc-PsPPilhF3y3HbKfQ/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a href="http://draft.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3wof0XX0B6YNAZOp9VoiKS5q38152nOdEFmDbITKa4OG_SkoVCxbuYLCZYRnD_D8FW7BYWP9pbvE35GYTOOJ4av9KGprB90_XXOcuz0cwNtDue2gi8wteZAfwj7kMHYN6D26MZ_QpHWEX/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a href="http://draft.blogger.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWBYCOzMwMOktOQO-zJNAE29GrFi4XJjfdIj9uIuXS2oBl4_fpmLew1uMxd9HzVl6UsgmVhi3DdIA4hY2R0qq52qaEZslHwu0UeSA6SIZ3-zxC7Uy4rHwtO00iJVhqIz3SBKTzIixr0YQ/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>

DUYURU

noreply@blogger.com (Anonymous) — Thu, 03 Jan 2013 20:43:00 +0000

Yılbaşı nedeniyle , yaklaşık 10 günlük bir ara vermek durumunda kaldık , bu süre zarfında oldukça fazla yorum ve mail almışız , yorum ve maillerin hepsine dönüş yapılacaktır..

Anlayışınız için teşekkürler..

Blogunuzun Köşesine Mutlu Yıllar ( Yılbaşı Eklentisi )

noreply@blogger.com (Anonymous) — Sat, 22 Dec 2012 21:53:00 +0000

Blogger blogunuzun köşesinde , mutlu yıllar resimi içeren bir eklenti istermisiniz ?

Demosunu şuan bulunduğunuz sayfada görebilirsiniz..

Aşağıda yer alan kodları ,Yerleşim >> Gadget Ekle >> HTML/JavaScript yolunu izleyerek blogunuza ekleyiniz

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCf6saGjaBXU_ofGqkJBbaw3eavP-_cUpu7QUG9jOzetXaXvt9ShdXkKxpVhp5xz-c9iBvEmJbj20yyNDcJhYlRh9Cn6QZ19PxAZUQ10U6CZuOVDyQFC_GautoX9gE5U7h9GckkyNT8F1/s1600/yeniy%C4%B1l.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5; background-color: transparent;"/>

Yukarıdaki kodu eklediyseniz , yılbaşı resminiz blogunuzun sol üst kısmında çıkacaktır..

Sol alt için , top değerini bottom olarak değiştiriniz

<<< Bu Yazı için Arama Sonuçları >>>

Blogunuzun Köşesine Mutlu Yıllar , Blogunuza Mutlu Yıllar Resmi , Yılbaşı eklentisi , Blogger Yeni Yıl Eklentisi , Blogunuzun soluna resim

Blogunuza Kar Yağsın ( Yılbaşı Eklentisi )

noreply@blogger.com (Anonymous) — Thu, 20 Dec 2012 01:10:00 +0000

Yıl Başı için Blogger Blogunuzda kar yağdırmak istersimisiniz ?

DEMO

Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile alttaki kodları ekliyoruz , başka bir şey yapmıyoruz..

<script type="text/javascript">

      
      //Configure below to change URL path to the snow image
      var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNB9XI2EQ6VH_JXs4VlGsbl3RpVsMtlgwwxoxcHGMxOkz8ZMwShESiyF_HwyL5wlzcucUeaHzHc3sZ-M8kgRwOoKUSJW2N-PlIZf1YSlgyuvf3Do5aiHrDx4zHI84XIgsYBMFsv8PziYc/s400/snow.gif"
      // Configure below to change number of snow to render
      var no = 15;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600;
     
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNB9XI2EQ6VH_JXs4VlGsbl3RpVsMtlgwwxoxcHGMxOkz8ZMwShESiyF_HwyL5wlzcucUeaHzHc3sZ-M8kgRwOoKUSJW2N-PlIZf1YSlgyuvf3Do5aiHrDx4zHI84XIgsYBMFsv8PziYc/s400/snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) { 
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
            if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
          } else {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
          }
        }
      }

      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
            doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }

        function hidesnow(){
            if (window.snowtimer) clearTimeout(snowtimer)
            for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
        }
           

    if (ie4up||ns6up){
        snowIE_NS6();
            if (hidesnowtime>0)
            setTimeout("hidesnow()", hidesnowtime*1000)
            }

    </script>

<<< Bu Yazı için Arama Sonuçları >>>

Blogunuza Kar Yağsın , Blogger Blog Kar Eklentisi , Kar , Kar Yağdırma , Blogger Kar Eklentisi , Blogger Yılbaşı Eklentisi , Blogger Kar Yeni Yıl , Blogger Noel Eklentisi , How To Add Christmas Snow , Blogger Add Snow , Blogger Christmas Widgets

Basit Yeni Yıl Sayaç ( Yılbaşı Eklentisi )

noreply@blogger.com (Anonymous) — Thu, 20 Dec 2012 00:27:00 +0000

Blogger blogunuz da kullanmak için , yeni yıl sayacı istermisiniz ?

Bu eklentimiz basit bir sayaçtan oluşmaktadır , Yeni yıla kadar geri sayım yapar , süre dolduğunda , "Yeni Yılınız Kutlu Olsun" şeklinde bir mesaj gösterir..

DEMO

Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile alttaki kodları ekliyoruz , başka bir şey yapmıyoruz..

<div id="bp_count_down_div"></div>
<script language="JavaScript">
var bp_date_target = new Date("December 31, 2012 00:00:00");
var bp_date_now = new Date();
var bp_count_down_complete_message = "Yeni Yılınız Kutlu Olsun";
if (bp_date_now >= bp_date_target) {
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;
} else {
 bp_time_difference = Math.floor(((bp_date_target - bp_date_now).valueOf()) / 1000);
 display_time_difference(bp_time_difference);
}
function display_time_difference(bp_time_difference) {
 if (bp_time_difference <= 0) {
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;
 return;
 }
    bp_count_down_message = bp_format_seconds  (bp_time_difference, 86400, 100000)  + " Gün " + bp_format_seconds(bp_time_difference, 3600, 24) + " Saat " + bp_format_seconds(bp_time_difference, 60, 60) + " Dakika " + bp_format_seconds(bp_time_difference, 1, 60) + " Saniye Kaldı";
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_message;
 setTimeout("display_time_difference(" + (bp_time_difference - 1) + ")", 1000);
}
function bp_format_seconds(secs, num1, num2) {
 num = ((Math.floor(secs / num1)) % num2).toString();
 if (num.length < 2) s = "0" + num;
  return "<b>" + num + "</b>";
}
</script>

<<< Bu Yazı için Arama Sonuçları >>>

Basit Yeni Yıl Sayaç Eklentisi , Blogger Basit Yeni Yıl Sayaç Eklentisi , Blogger Yeni Yıl ,Blogger Yeniyıl , Blogger Yeni Yıl Sayaç , Blogger Yeni Yıl Eklentisi , Yılbaşı Blogger Noel Eklentisi , Blogger Geri Sayım Eklentisi , Blogger Timer Eklentisi , Add Christmas Countdown , Add Christmas Countdown Widget , Blogger Christmas Widget , Yeni Yıl , Yıl Başı

Siyah Zoom Efektli Sosyal Butonlar Eklentisi

noreply@blogger.com (Anonymous) — Tue, 18 Dec 2012 22:05:00 +0000

Blogger blogunuz için, siyah ağırlıklı , google+ , facebook , twitter , digg ve rss butonları istermisiniz ?

Siyah Zoom Efektli Sosyal Butonlar Eklentisi ile , sosyal sayfalarınızı blogger blogunuzda ziyaretçilerinize gösterebilirsiniz , ziyaretçi fare ile üstüne geldiğinde , zoom özelliği gösterir..

DEMO

Aşağıdaki kodu bulunuz..

]]></b:skin>

Hemen üstüne alttaki kodları ekleyelim.

/* Siyah Zoom Efektli Sosyal Butonlar Eklentisi baslangici eklentileri.blogspot.com */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele alttaki kodları ekliyoruz..

<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3uWp_ecnTf_IHgWVTETh__bSHTTvs1ueGpVHCMM1y42Kd3RJeNjtgDu9B2Dw5_2kJ-Yspscs0bKleFUW6A_4R1aLrN2M2s9YunqfhQWlkJsYwD_2oBnv6fuN93KQnD9gXsL0y8c_mgvA/s1600/bloggertrix-google-icon.png" title="Add to Google+" /></a></li>

<li><a href="http://www.facebook.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2zE-3ptACv8yWq1ah8TvfxuocJCmPg5ZU_OeA6c6-3hwodUKJ-vqivMhbQ3gB3vhHjE_Gi4_Cv1uHSjWGhPN6cFX16fxq4Zu69LDza95tlRnN8m__gNF9RUQnWzK7sDszh2lqaTM0Is/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.digg.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9-JpNwOK00vvVDkPcOyHnp-RDHIm5mL8c3qgsWShFujuZKlzxjgIUeqa7a7SSQGttb2gs3pAWsDaVAvXGoJprFtNOo-DRZauTMONosfkjuihq55CSU_pkJmvPiyQyuCympxaZUHMgZM/s1600/bloggertrix-digg-icon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUiRWeu8e37nA_KJ75mWVpd4dq3qRuY5P-hXVQPu_DSbq_YmKuUGtp9-FBhE14Jt3X4JGTOdqLwWAytoZ1p9GR0ljYuX6pH6YF0qpVYsuyqOJw8OJ0kUDhS64mWO9QWRnL1-iyCAWygw/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXwfIHXtuUsEuD6LjaYSQlFg3gMrQzrx5fG0fwGSZ0_W3k8TDwC7Ml1as1holSoAzpjwd2PysxgqowEEMOfZ8JBRxHvYJKIk7Wcl6jNgJL2z4uoaifMIaUFOII4qJ9piBMqiDSOjiW0w/s1600/bloggertrix-rss-icon.png" title="Add RSS Feed" /></a></li>
</ul>

Kodlar içinde kalın olarak vurgulanmış yerleri kendinize göre düzenleyiniz..

<<< Bu Yazı için Arama Sonuçları >>>

Siyah Zoom Efektli Sosyal Butonlar Eklentisi , Blogger Sosyal Butonlar Eklentisi , Blogger Sosyal , Sosyal , Sosyal Paylaşım , Blogger Facebook , Blogger Twitter , Sosyal Share , Social Sharing Buttons For Blogger ,Social Sharing Buttons

Sola Kayma Efektli Açılır Menü Bar

noreply@blogger.com (Anonymous) — Tue, 18 Dec 2012 01:18:00 +0000

CSS3 Sola Kayma Efektli Blogger Menü Bar Eklentisi

Bu eklentimiz ile , blogger blogunuzda , üst menü yaratabilirsiniz , Menü bar eklentimizle alt kategoriler yaratabilirsiniz , alt kategorilerimiz soldan uçarak gelir...

DEMO

Alttaki kodumuzu şablon kısmında buluyoruz

]]></b:skin>

Bir satır üstüne , altta yer alan kodlarımızı ekliyoruz..

/*Soldan Kayma Efektli Blogger Menü Bar Eklentisi Kod Baslangici www.eklentileri.blogspot.com*/

#flyingmenubt,#flyingmenubt ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:500px;}
#flyingmenubt {
    font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 13px;
    height: 36px;
    list-style: none outside none;
    margin: 40px auto;
    text-shadow: 0 -1px 3px #202020;
    width: 980px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}
#flyingmenubt ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}
#flyingmenubt li {
    border-bottom: 1px solid #575757;
    border-left: 1px solid #929292;
    border-right: 1px solid #5d5d5d;
    border-top: 1px solid #797979;
    display: block;
    float: left;
    height: 34px;
    position: relative;
    width: 105px;
}
#flyingmenubt li:first-child {
    border-left: 0 none;
    margin-left: 5px;
}
#flyingmenubt li a {
    color: #FFFFFF;
    display: block;
    line-height: 34px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}

/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);}}
@-moz-keyframes animation1 {
    0% {-moz-transform: scale(1);}
    30% {-moz-transform: scale(1.3);}
    100% {-moz-transform: scale(1);}}
#flyingmenubt li > a:hover {

    -moz-animation-name: animation1;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation1;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
#flyingmenubt li:hover > a {
    z-index: 4;
}
#flyingmenubt li:hover ul.subs {
    left: 0;
    top: 34px;
    width: 150px;
}
#flyingmenubt ul li {
    background: none repeat scroll 0 0 #838383;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    width: 100%;
    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}

/* keyframes #animation2 */
@-webkit-keyframes animation2 {
    0% {margin-left:185px;}
    100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes animation2 {
    0% {margin-left:185px;}
    100% { margin-left:0px;opacity:1;}
}
#flyingmenubt li:hover ul li {
    /* css3 animation */
    -moz-animation-name: animation2;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation2;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}
/* animation delays */
#flyingmenubt li:hover ul li:nth-child(1) {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
}
#flyingmenubt li:hover ul li:nth-child(2) {
    -moz-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
}
#flyingmenubt li:hover ul li:nth-child(3) {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
#flyingmenubt li:hover ul li:nth-child(4) {
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}
#flyingmenubt li:hover ul li:nth-child(5) {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
#flyingmenubt li:hover ul li:nth-child(6) {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}
#flyingmenubt li:hover ul li:nth-child(7) {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
#flyingmenubt li:hover ul li:nth-child(8) {
    -moz-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
}

Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript seçenekleri ile açılan blogger paneline altta yer alan kodlarmızı ekliyoruz..

<ul id="flyingmenubt">
    <li><a href="http://eklentileri.blogspot.com/">Ana Sayfa</a></li>
    <li><a class="hsubs" href="#">Menu 1</a>
        <ul class="subs">
            <li><a href="#">Submenu 1</a></li>
            <li><a href="#">Submenu 2</a></li>
            <li><a href="#">Submenu 3</a></li>
            <li><a href="#">Submenu 4</a></li>
            <li><a href="#">Submenu 5</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="http://eklentileri.blogspot.com/">Menu 2</a>
        <ul class="subs">
            <li><a href="#">Submenu 2-1</a></li>
            <li><a href="#">Submenu 2-2</a></li>
            <li><a href="#">Submenu 2-3</a></li>
            <li><a href="#">Submenu 2-4</a></li>
            <li><a href="#">Submenu 2-5</a></li>
            <li><a href="#">Submenu 2-6</a></li>
            <li><a href="#">Submenu 2-7</a></li>
            <li><a href="#">Submenu 2-8</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">Menu 3</a>
        <ul class="subs">
            <li><a href="#">Submenu 3-1</a></li>
            <li><a href="#">Submenu 3-2</a></li>
            <li><a href="#">Submenu 3-3</a></li>
            <li><a href="#">Submenu 3-4</a></li>
            <li><a href="#">Submenu 3-5</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
    <li><a href="http://eklentileri.blogspot.com/">Blogger Eklenti</a></li>
</ul>

Yukarıdaki kodları kendinize göre düzenleyiniz, daha iyi anlamak için üstte yer alan demo linkinden yararlanabilirsiniz..Son olarak gerekli gadgeti yerleşim kısmından , post yayınlarının üstündeki alana taşıyınki eklenti yukarda gözüksün..

<<< Bu Yazı için Arama Sonuçları >>>

Sola Kayma Efektli Blogger Menü Bar , Blogger Menü Bar , Menu Bar , MenuBar , Bar , Blogger Menü Eklentisi , Kayma Efektli Blogger Menü , Açılır Menü , Blogger Açılır Menü

Multi Color CSS3 Blogger Menü

noreply@blogger.com (Anonymous) — Sat, 15 Dec 2012 01:08:00 +0000

Multi Color CSS3 Blogger Menü Eklentisi

Blogger blogunuzda , rengarenk bir menü kullanmak istermisiniz ?

Bu eklentimizle , Blogunuzda post üstüne , bu renkli menüyü ekleyip , hem görsel açıdan hemde ziyaretçilerinizin yararlanması amaçlı bir menü oluşturabilirsiniz..

DEMO

Aşağıda yer alan kodu buluyoruz..

]]></b:skin>

Bir satır üstüne , alttaki kodları ekliyoruz..

/* CSS3 Multi color blogger menu widget başlangıç kodu eklentileri.blogspot.com */
.cbdb-menu li {
    display: block;
    float: left;
    line-height: 35px;
    list-style:none;
    margin: 0 5px;}
.cbdb-menu li a {
    /* This generators the gradient on top of the solid color */
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(255,255,255,.5)),
        color-stop(1, rgba(0,0,0,.1))
    );
    background-image: -moz-linear-gradient(
        center top,
        rgba(255,255,255,.5) 0%,
        rgba(0,0,0,.1) 100%
    );
    color: #f4f4f4; /* IE */
    color: rgba(255, 255, 255, 0.8);
    display: block;    
    font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;        
    outline:none;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);    }
    .cbdb-menu li a:active {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0,rgba(255,255,255,.5)),
            color-stop(.1,rgba(255,255,255,.2)),
            color-stop(.85, rgba(0,0,0,.2)),
            color-stop(100, rgba(0,0,0,.4))
        );
        background-image: -moz-linear-gradient(
            center bottom,
            rgba(255,255,255,.5) 0%,
            rgba(255,255,255,.2) 10%,
            rgba(0,0,0,.2) 85%,
            rgba(0,0,0,.4) 100%
        );
    }
/* Dark Text */
.cbdb-menu li a.dark {
    color: #333; /* IE */
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
    background: #B80202;
    border: #B80202 1px solid}
    .red:hover, .red:focus{
        background-color:#e30606
   }
.green {
    background: #46c431;
    border: #46c431 1px solid}
    .green:hover,.green:focus {
        background-color:#44e329
    }
.yellow {
    background: #D9CE1C;
    border: #D9CE1C 1px solid}
    .yellow:hover,.yellow:focus {
     background-color:#eee117}
.cyan {
    background: #23c6de;
    border: #23c6de 1px solid}
    .cyan:hover,.cyan:focus {
     background-color:#18d8f4
    }
.blue {
    background: #3271d9;
    border: #3271d9 1px solid}
    .blue:hover,.blue:focus {
     background-color:#377ef2
    }

Yukarıdaki işlemi yaptıysanız , şablonunuzu kaydedin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele aşağıdaki kodlarımızı ekliyelim

<ul class="cbdb-menu">

 <li><a href="http://eklentileri.blogspot.com/" class="red">Ana Sayfa</a> </li>
 <li><a href="http://eklentileri.blogspot.com/" class="green">Deneme</a></li>
 <li><a href="http://eklentileri.blogspot.com/" class="yellow">Deneme</a></li>
 <li><a href="http://eklentileri.blogspot.com/" class="cyan">Deneme</a></li>
 <li><a href="http://eklentileri.blogspot.com/" class="blue">iletişim</a></li> 
</ul>

Kod içinde kalın belirtilmiş yerleri kendinize göre düzenleyiniz , son olarak gadgeti, post kısmının üstüne taşıyın ki yukarıda kalsın..

<<< Bu Yazı için Arama Sonuçları >>>

Multi Color CSS3 Blogger Menü , Renkli CSS3 Blogger Menü , Blogger Menü , Menü , Blogger Menu Widget , Renkli , CSS3 , Blogger Menu Ekleme

Blogger Tema - Sunrise Template

noreply@blogger.com (Anonymous) — Tue, 11 Dec 2012 00:39:00 +0000

Blogger Tema - Sunrise Theme

Sunrise teması , blogger bloglarınızı renklendirecek bir görünüme sahip , özellikle kişisel bloglarda tercih edilebilir..

Sunrise temasını , Blogger blogunuzda kullanmak için , Aşağıdaki indir butonundan indirebilirsiniz..

DEMO INDIR

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Sunrise Theme , Blogger Sunrise Template , Sunrise theme , Sunrise , Blogger Template , Blogger Sunrise Teması , Blogger Sunrise Tema , Blogger Teması , Blogger Temaları , Blogger

Blogger Bu Yazıyı Okudunuz mu Eklentisi

noreply@blogger.com (Anonymous) — Sun, 09 Dec 2012 15:05:00 +0000

Blogger blogunuzda , ziyaretçileriniz sayfada aşağı indiklerinde , rastgele bir yazı göstermek istermisiniz ?

Blogger Bu Yazıyı Okudunuz mu Eklentisi , blogunuzun sağ altında çıkar , ziyaretçiniz isterse bu eklentiyi X butonu ile minimize edebilir

Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodları ekliyoruz

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Bu Yazıyı Okudunuz mu ?</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://yourjavascript.com/22209113892/recom.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://eklentileri.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVK6L5JP8Mn1CpyAWs2zkCkL2w7nJNtFXZ7WrGB-cUqeYPTo4yKgdnjbb30RtMLEEEeQ6jafTzSnrfW7YfV4mqriwpo6cWLSTXiNJ0RwD-rj11TVy3vQqqpZrECuxlcQYGsgvXGQWwvBk/I/bloggerplugins.png" alt="Bu yazıyı okudunuz mu" /></a>

Şimdide şablon kısmına giryoruz , (Widget Şablonlarını Genişlet kutucuğunu işaretlemeyi unutmayın) Aşağıdaki kodları arıyoruz , bu 3 koddan sizde olanın altına ekliyeceksiniz..kodlar blogunuzda 2-3 tane olabilir , hepsini deneyin mutlaka çalışacaktır..

<div class='post-footer-line post-footer-line-1'>


YADA


<p class='post-footer-line post-footer-line-1'>


YADA


<data:post.body/>




ÜSTTEKİ 3 KODDAN BLOGUNUZDA OLANI BULUN
 VE HEMEN ALTINA ALTTAKİ KODLARI EKLEYİNİZ

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

Yapmanız gereken bu kadar , Blogger Bu Yazıyı Okudunuz mu Eklentisi hazır...son olarak bu eklenti anasafada çalışmaz , yazı sayfalarınızda çalışacaktır..

DEMO

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Bu Yazıyı Okudunuz mu Eklentisi , Blogger Bu Yazıyı Okudunuz mu , Rastgele yazı kutusu , Blogger Rastgele yazı , Recommended Post Slide out for Blogger , Recommended Post Slide out for Blogger widget , Bu Yazıyı Okudunuz mu , Bu Yazıyı Okudunuzmu

Blogger Listesi - Blog Ekle

noreply@blogger.com (Anonymous) — Fri, 07 Dec 2012 00:42:00 +0000

Blogger Listesi , Blogger blogları tanıtmak amaçlı kurulmuş bir blog , sizde blogger blogunuzu ekleyip tanıtabilisiniz , Neden eklemeliyim diyen varsa ; Blogger blogunuz yeterince tanınmıyorsa , yada backlink almak istiyorsanız faydalı olacaktır...Sonu itibari ile blogunuzun içeriğini bir başka blogda gören google ,sizi ödüllendirir..

Biz blogumuzu ekledik BURADAN görebilirsiniz..

Son olarak , Blogger listesi yeni kurulmuş bir blog , zamanla dahada iyi olacaktır..

Adres : Blogger Listesi