31 Mart 2012 Cumartesi


Bu bir eklenti değildir !

Blogger blogunuzda tasarım yaparken gerekli renklere ulaşamıyorsanız , bizim renk kodu üretecimizi kullanabilirsiniz..

Aşağıdaki renk kodu üreticisinden dilediğiniz rengi seçin, altta bulunan Hex değeri seçtiğiniz rengin kodudur..



Renk Kodları

Devamı » 31 Mart 2012 Cumartesi Unknown 0 yorum


Blogger Pagerank Butonları Eklentisi

Blogger blogunuza pagerank butonu eklemek istermisiniz , bu butonlar yardımı ile pagerankınızı ziyaretçilerinize gösterebilirsiniz..

Aşağıdan beğendiğiniz göstergeyi , gadget ekle seçeneği ile blogunuza ekleyebilirsiniz..



PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image



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

Blogger Pagerank Butonları , Blogger Pagerank Butonları eklentisi , Blogger Pagerank Butonu , Blogger Pagerank Butonu ekle , Blogger Pagerank Butonları ekle , pagerank buton , pagerank buton kodları , Blogger Pagerank Butonları kodu

30 Mart 2012 Cuma


Bizimle Link Değişimi Yapmak istermisiniz ?

Eklentileri.blogspot.com , link partnerleri arıyor , sitemizin sağ üstünde 1 adet 468x60 sağ orta kısmında 4 adet 125x125 boyutlarında sitenize ait logo resim vb.. ile sitenizi tanıtmak istermisiniz ?

Link değişimi için istediğimiz bir kaç mevzu var, eğer bunlara uyduğunuzu yada uyacağınızı düşünüyorsanız bizimle link değişimi yapabilirsiniz..

125x125 Logo/Banner Değişimi için isteklerimiz..

   1- Alexa sıralamasında 250.000'den aşağıda olmanız..
   2- Sitenizde ana sayfanız açıldığında bize yer ayırabileceğiniz en az 125x125 boyutlarında logomuz. 
   3- içeriği güncel bir siteniz olması
   4 - Banner/Logo değişimimiz aylık olarak gözden geçirilir , anlaşmazlık durumunda link/banner ortaklığımız  biter..veya askıya alınabilir..




468x60 Logo/Banner  Değişimi için isteklerimiz..(Boyut isteğe bağlı değişebilir)

   1- Alexa sıralamasında 160.000'den aşağıda olmanız..
   2- Sitenizde ana sayfanız açıldığında bize yer ayırabileceğiniz en az 468x60 boyutlarında logomuz. 
   3- içeriği güncel bir siteniz olması
   4 - Banner/Logo değişimimiz aylık olarak gözden geçirilir , anlaşmazlık durumunda link/banner  ortaklığımız biter..veya askıya alınabilir..





Eğer bu koşullara uyduğunuzu düşünüyorsanız bizimle eklentileri.blogspot@gmail.com adresinden iletişim kurunuz...Yada BURAYA tıklayınız... Atılan maillere en geç 2 gün içinde dönüş yapılır.




Reklam / Link Degisim

Devamı » 30 Mart 2012 Cuma Unknown 0 yorum


Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...

Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik kazandırmak istiyorjavascript:void(0);sanız bu eklenti tam size göre..

Blogger yorum kutunuz daha görsel ve renkli hale gelecek..
Aşağıdaki kodu bulun
]]></b:skin>
Bu kodun üstüne aşağıdaki kodları ekleyin

#mybtips-form iframe{
background:#ffffff url(BURAYA RESIM LINKI) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#ffffff;
width:560px; height:213px !important;
}
#mybtips-form a{
color:#000;
}


Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun , blogunuzda 1 veya 2 tane olacaktır..
<div class='comment-form'>
üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..
<div id='mybtips-form'>
Resim linki yazan yere, aşağıdaki resimlerden beğendiğinizin linkini yazıp , o resmi kullanabilirsiniz..DEMO




Bu kısmı en son deneyiniz ! eğer yorum formunuz , yorum yapılan konularda gözükmüyorsa aşağıdaki adımı uygulayınız

'comment-holder' kodunu aratın blogunuzda , 2 sonuç çıkacaktır..

her ikisinide '
mybtips-form' olarak değiştirin..

Floral
Image URL:
http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg



Wire Fence
Image URL:
http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg


Metallic
Image URL:
http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png


Stripes
Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIStFC5sqeEKZnsIKjZQWZ1vf-pztq9gteFQ3mAY9YLNvUl2OHdW81jTJVEWMgrliRjSUclrnKN6GinWUyBdGSQuGVVHqySeysaQA4lp0TQ-KcHCDNy5a3kP8tu9Nc6mXh6LIQIpb3FiGc/s1600/152.jpg


Metallic Grid
Image URL:
http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg




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

Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi

29 Mart 2012 Perşembe


Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..

Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak istermisiniz , Bu blogger eklentisi ile farklı görünümde olan bu sosyal butonlarını kullanmış olacaksınız..

Sosyal paylaş butonları ile , facebook , twitter , rss ve google + sayfalarınızı ziyaretçilerinize tanıtmış olacaksınız..

Demosunu Görmek için TIKLAYIN

Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu ekleyelim


<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="
http://www.facebook.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNg-mHTbBn0ENcMfQh4QAxqPmYZO-wqch3mo7vI76VhKPKGwGyxP9iCOMODYaITIQg72-4piU6i66Hof3bflz-JaoucX1rGGun80DRDGoXL7wSkvRuuik4AQ692mbupeJ3jArLiBeMxSnU/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuW71HRh0_HkmqNcAlGqMHEL7Zhyphenhyphen5zxOloI2LBordKiEnVnq7TjY9pMMgPyz5VqrYvVsmSyIpFI2-M5XjrykG8WvhnynXqF2yDdiLqJIPzJ_HTdFN5Lr23OEST5WpBsWHYWooPTS9TtQq_/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="
http://feeds.feedburner.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvfqhV1_Z-AKOuPSL2N261dallO3XfwmIoSVRj1zLmF4YhTj7lnwqE_VqRvpT_ktrPOLBkksIOUhYrx1Wu-fHCLkIvTrSjdzqEx5dW9bZeQSVmkwtwcAkwPU5m1BZmfhd1-V1RM4wGMd0/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="
https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYaINPHLOTtYFN50EkTa0NTNJpkzU3hSHAyFBX-GdrovsAYVAwZ7lqrEGe-8NHkaX_GMdqMHKGNXfeIJMxwRC0QBUWKpKdsga8dg-FpHZQeXiCliA-K5_RQj3pWMPD9QG2ZAJGu3RYuKlo/s1600/google-48.png" /></a></td>
</tr></table>
</div>
Yukarıdaki kod içinde renkli yazılmış olan yerlere , kendi sayfalarınızın adreslerini yazınız..


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

Sosyal medya butonları , Sosyal medya düğmeleri , blogger sosyal buton ekle , blogger için sosyal butonlar , blogger facebook twitter buton , blogger blog sosyal medya eklentisi, Sosyal medya eklentisi

28 Mart 2012 Çarşamba


Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi

Blogger blogunuzda yazılarınıza yapmış olduğunuz kendi yorumlarınızın farklı renkte gözükmesini istermisiniz ?

Bu Blogger eklentimizde , yorumlarınız farklı gözükecek , sayfanıza giren ziyaretçiler yorumlarınızı daha net seçecek..Kullanışlı bir eklenti olduğunu düşündüğümüz Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisini sizde blogger'e eklemek için aşağıdaki yolları uygulayınız..
]]></b:skin>
Yukarıdaki kodu bulun ve hemen üstüne aşağıdaki kodları ekleyiniz.
.comment-body-author { 
background: #00BBF1; /* Arkaplan resmi*/
color: #000000; /* Yazı rengi*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Yorumunuzun posizyonunu ayarlar*/
}
üstteki işlemi yaptıktan sonra aşağıdaki işleme geçin..
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>




<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

</b:if>

Burası biraz karışık ama eminim yapacaksınızdır , yukarıdaki kırmızı olan kodlar bizim eklememiz gereken kodlardır , diğerleri zaten blogunuzun kodlarında mevcut , biraz uğraşarak bu kodları bulun ve kırmızı olan kodları yukarıdaki gibi ekleyiniz..Demosunu şuan zaten blogumuzda kullanıyoruz , Göremeyenler için LİNK


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

Blogger yazar yorumları , Blogger yazar yorumlarını renklendirme , Blogger yazar yorumlarını farklı renklerde gösterme , Blogger yazar yorumlarını biçimlendirme , Blogger yazar yorumlarına renk verelim , Blogger admin yorumları , Blogger admin yorumlarını renklendirme , Blogger kullanıcı yorumları , Blogger yorumları , Blogger yorumları renklendirme


Blogger 404 Sayfası Oluşturma eklentisi

Blogger blogunuzda 404 içerik bulunaması eklentisini kullanmak istermisiniz ? 404 sayfamız , blogunuzda daha önceden yayınlamış olup daha sonra sildiğiniz konuları yada , sayfanızı ziyaret eden kullanıcıların yanlış adres araması sonucunda karşılarına çıkacak sayfadır..

Malum bloggerin orjinal 404 içeriği hiç iyi değil , Blogger 404 Sayfası Oluşturma eklentisini kullanmak için öncelikle aşağıdaki resimdeki sırasıyla 1 - 2 ve 3.cü adımları izleyin..

Açılan kısma aşağıdaki kodu yapıştırınız..
<div class="separator" style="clear: both; text-align: center;">
<a href="http://
eklentileri.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9yY-HknbYBvEEVkv7j9-RCy1aM_I7MhVby5e1FkpmbX9yu3z0W38WEWmtvaRCHq3RQfFs65Mf7Su8_5y7ygCH71WKFM-OhTVqT6G_QDjO7VYXbGiN76MUEElHvlX9RgsJNdi-3a0fvaAC/s1600/404.png" width="400" title="Ana Sayfaya gitmek için TIKLAYIN"/></a></div>

Kod içinde kırmızı ile geçen , eklentileri.blogspot.com yerine kendi blog adresizi yazınız ve değişiklikleri kaydet butonuna basınız...artık Blogger için 404 sayfanız hazır...Demo için Tıklayınız..

27 Mart 2012 Salı



Yorum Gönder Yazısı Yerine Resim Eklemek

Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan kodlar yardımı ile , yorum gönder yazısı yerine istediğiniz resimi ekleyebilirsiniz..

Bu sayede yorum gönder formunuz daha şık bir hal alacak..

, Yorum Gönder Yazısı Yerine Resim Eklemek için , aşağıdaki kodu bulunuz..
]]></b:skin>
, Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
#comment-post-message {
background:url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTJkp9e2kG4iBVI3pZaeYUOibYPX_AXc5GcuetXZ4EfYIc8vcCy1KBAm0fu1Q0ZFvvTDnTFq7zngh9cW8xYXoOcI7gJpg9kvbNbflRMu6nlE05845mSJ_XlJ7Otducuk1zsMkZXFm8u-1/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}

, Yapmamız gereken sadece bu kadar , artık yorum gönder yerine resmimiz çıkacak...eğer resmi değiştirmek isterseniz , kırmızı olan yere kendi upload ettiğiniz resim linkini ekleyiniz..

25 Mart 2012 Pazar


Flash Animasyonlu Twitter Kuşu butonu eklentisi

Bu eklentimizde ziyaretçilerinizin twitter sayfanıza erişebilmesini sağlayan bir buton olucak , butonumuz flash ve hareketli şekildedir , Ön izlemesi için BURAYA tıklayınız , açılan sayfada, sağ tarafta twitter butonunu görebilir ve inceleyebilirsiniz..

Flash Animasyonlu Twitter Kuşu butonu eklentisini blogger blogunuzda kullanmak için , aşağıdaki kodu , gadget şeklinde blogunuza eklemeniz gerekiyor , kod için de bulunan kırmızı XXXXX yazan yere kendi twitter hesabınızı yazmanı unutmayınız..
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="100" height="80"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=XXXXX" /><a href="http://eklentileri.blogspot.com/" title="http://eklentileri.blogspot.com/">http://eklentileri.blogspot.com/</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="80" menu="false" wmode="transparent" flashvars="username=bloggertoolz"></embed></object>


Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisiniz ?

Bu eklentimizde , ziyaretçileriniz popüler yayınlarda bulunan resimlerin üzerine fare ile geldiğinde , resimler hareketlik kazanarak büyük hal alır..

Oldukça güzel bir eklenti olduğunu düşündüğümüz Popüler Yayınlar Hareketli Zoom Efekti Eklentisini blogger blogunuza eklemek için aşağıdaki adımları uygulayınız..
]]></b:skin>
Yukarıdaki kodu bulun ve hemen altına aşağıdaki kodları ekleyiniz..
<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}
</style>

Yukarıdaki kodu eklediyseniz eklentimiz hazırdır , unutmadan not olarak , eklentinin çalışması için, blogunuzda popüler yayınları eklemiş olmanız gerekmektedir..popüler yayınları yerleşim/gadget ekle/popüler yayınlar sekmesinden ekleyebilirsiniz..Demo için TIKLAYIN....Açılan sayfadaki popüler yayınlar eklentisi üzerinde çalışma şeklini görebilirsiniz.

23 Mart 2012 Cuma


Blogger Yaprak Şeklinde Paylaş Butonları

Bu eklentimiz yazılarınızın altına yaprak şeklinde paylaş butonları ekler , böylece ziyaretçileriniz yazılarınızı/konularınızı paylaşabilirler..

Blogger Yaprak Şeklinde Paylaş Butonlarını blogger blogunuza eklemek için aşağıdaki yolu uygulamanız yeterli..

Öncelikle aşağıdaki kodu bulunuz
<data:post.body/>
Hemen altına aşağıdaki kodu ekleyiniz ve kaydediniz..
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5iyY8FgTs6SPiRChWPRka69hGHL8O3lvHj_jGonROc9J31FB9R8J0Q8MtRk8wTbNDlPjThfmR_MlipmKu2To5-1FgMkfKD4cyCnRwu7RgS7wJ1_S3Cb0TrT1RGsaY5duF-e18KiTR7pc/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixT_89XrbsqdR9dOebNJsTzvrhGlSppLIDNUdpXs40veqTqXpxwJJEK1SJSowMfXGmzxPFUr2kFyV2ZV6s4xzjFueOytoI2oq-RlBL7JF41WbWXlFTLk5DxwU51ZfPkHEsrw5AKlzVSijG/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KdyvdUeyEWM4eRY1d4yuyfCo1nIfh6kJSS_WU7JjcJfXmnqId2g9kqNbGMcG6G1tm7aZ4iE6342E3nwWXDEGkH7bhX2zlNsSHevNy1ojwZz6UVc-ZZ06fhrzLpNfOPQHd6EaCbrkKyhq/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoI1uZl-UH-O-nXeDkexUd61TictjXEdHh6rM0hykNj6VTIE5D6tBBSI_O18yW0DW_E4HCHRQAzvlMB3xYQUr5SSVrtCbgwNC_nN6XCu5HtoB4wTtSo13dES7A5H9F6CNuocdbfjq0OOYw/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG476MFmeS2kjsx760xv60JZ99w11x99wcTH3E2xC-eBoZAbsPe-BubiejTNkHNg9AU4Rv7fY0041m1h3beuKX4Pfs7bs0tpuN5wlJCYTHwFCitpG5S-i2HHNLiDg4yi6PUWxQ2FGOSWHX/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYd11XL4OZEfClmavAWF7oJHtN8TgPZCKpD14CsTluhUUvJrhSNnzOvfjUi_6Wv_9JS3IpElNxriH1S_uNx0WufrC9TearO2FdjDvOqRNBmDbNmNUJHedBLrtqr8Dyquo168He9tIWGmtZ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPvkk2ISRWwUYy3geBxeeN3LBMLgt4KOs-r0oDr-bGnfNAfKIOCzP1gTQR4xzC-oeBG18qBVHNnhGEt-eFBFcHAk-SmADvCP-v-BQer7Od_Cn0zpfm03EuDwMNOStlfbeyjKHfZ7lBCp8/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrEdP3RI3r_gPNQpgcZXYVnzXpEFsWBTCLCJosFFr-gL77DTH28lR7RVlGrEEpVl2WgWK0NK2AE2-JTcxnLqYieBmpzr03kN4RftFJPAvpt04G5PoZSKtWhFDFmC7kuUS8RPVYki-foSoo/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


Blogger Fare Kar Efekti

Bu eklentimizde resimde gördüğünüz gibi, blogunuzda fareyi hareket ettirdikçe kar efektine benzer şekiller farenizin ardından süzülecektir..

Demosunu Görmek için TIKLAYIN

Blogger Fare Kar Efekti için aşağıdaki bloguma ekle butonuna basabilir ve blogunuzda kullanabilirsiniz.


22 Mart 2012 Perşembe


Kalp şeklinde açılır paylaş butonları ( Bookmarking )

Bu eklentimizde blogger blogunuzun sol altında üzerine gelince açılan kalp şeklinde paylaş eklentimizi blogunuza nasıl ekliyeceğinizi anlatacağız..

Öncelikle demosunu görmek için TIKLAYIN..açılan sayfanın sol altında eklentiyi görebilirsiniz..

Kalp şeklinde açılır paylaş butonları ( Bookmarking ) eklentisi için aşağıdaki kodları blogunuza ekleyip , sizde bu eklentiyi kullanabilirsiniz.
Öncelikle aşağıdaki kodumuzu buluyoruz
</head>
Bu kodun hemen altına aşağıdaki kodu ekliyoruz..
<!-- Start Heart Bookmarking Gadget Code From http://eklentileri.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://eklentileri.blogspot.com/ -->




Yukarıdaki işlemi yaptıktan sonra bu kodu buluyoruz
</body>
Bu kodun hemen altına aşağıdaki kodumuzu ekliyoruz ve kaydediyoruz , artık sizde Kalp şeklinde açılır paylaş butonları ( Bookmarking )eklentisine sahipsiniz.
<!-- Start Heart Share Code From http://eklentileri.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>
<!-- End Heart Share Code From http://eklentileri.blogspot.com/ -->


Blogger Flash Saat Takvim Eklentisi

Blogunuzda flash saat ve takvim kullanmak isterseniz bu saatleri blogunuza ekleyebilirsiniz...

3 farklı saat seçeneğinden beğendiğinizi aşağıdan ön izleyebilir ve bloguma ekle butonu yardımı ile blogunuza hemen ekleyebilirsiniz..








NOT ; Blogunuza ekledikten sonra , yerleşim kısmından istediğiniz yere taşıyabilirsiniz eklentiyi..

21 Mart 2012 Çarşamba


3D Küp Popüler Yayınlar Eklentisi

Bu Blogger eklentisi , blogunuzda bulunan popüler yayınlarınızı küp şeklinde ziyaretçilerinize sergiler, küpümüz aşağı yukarı , sağa sola dönerek , popüler konularınız arasında geçiş yapar..

Klasik popüler yayınlardan sıkıldaysanız , bu eklenti işinize yarayabilir..

3D Küp Popüler Yayınlar Eklentisini blogunuzda kullanmak için , aşağıda bulunan bloguma ekle butonuna basabilir ve blogunuza ekleyebilirsiniz , kaldırmak isterseniz , yerleşim sekmesinden gadgeti kaldırmanız yeterli olacaktır..


NOT : Bu eklentiyi eklemeden önce blogunuza yerleşim >> gadget ekle kısmından popüler yayınları eklemeyi unutmayın , yoksa çalışmaz..Sorun ve görüşleriniz için aşağıdaki yorum panelini kullanabilirsiniz..

20 Mart 2012 Salı



Blogger Flash Etiket Bulutu Eklentisi

Blogger blogunuzda klasik etiketlerden sıkıldıysanız , bu eklenti işinize yarayabilir, bu blogger eklentisinde etiketleriniz bir bulut kümesi halinde görüntülenir , aynı zamanda bu eklentide , etiketleriniz fazla yer kaplamaz...

Blogger Flash Etiket Bulutu Eklentisini blogunuzda kullanmak isterseniz aşağıdaki kodu blogunuza gadget şeklinde eklemeniz yeterli..
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
blogurl : "http://
eklentileri.blogspot.com",
color : "000000",
hoverColor : "333333",
backgroundColor: "FFFFFF",
size : 12,
speed : 100,
width :
250,
height :
300,
transparency : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

Yukarıdaki kodu blogunuza gadget şeklinde ekleyin, kırmızı ile yazılmış olan yere kendi blog adresinizi yazınız , eğer eklentinin boyutlarını değiştirmek isterseniz mavi ile yazılmış olan yerleri değiştirebilirsiniz..

<< DEMO >>

19 Mart 2012 Pazartesi


Blogger , Facebook ve mail takip kutu eklentisi

Bu eklentimizde , ziyaretçileriniz blogunuza girdiğinde bir kereye mahsus popup açılır...Bu eklentimizle ziyaretçileriniz facebook sayfanızı beğenebilir ve sizi takip edebilir , ayrıca mail takip yoluyla sizi takip edebilirler..

Sizde Facebook ve mail takip kutu eklentisini kullanmak isterseniz aşağıdaki kodları kullanmanız yeterli..
<style>
/* Jquery Facebook Likebox Popup Version 2.0 by MBT MyBloggerTricks.com
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}

#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSPVI0AgEzVJouOa0SQ_5QMlPYNNgPnpvqrnPwHVjXDYxnWmU6BFz6bOdxlNS7o_VLltCKPTC3xwbFQdhUxd5t3BMQ1OcCnbkcAc3ip6HQRMpG5SR9B-Q1JS3_PnxpfzIkCVOblbThVXc/s400/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSPVI0AgEzVJouOa0SQ_5QMlPYNNgPnpvqrnPwHVjXDYxnWmU6BFz6bOdxlNS7o_VLltCKPTC3xwbFQdhUxd5t3BMQ1OcCnbkcAc3ip6HQRMpG5SR9B-Q1JS3_PnxpfzIkCVOblbThVXc/s400/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcH3q-5dRxEIMcm09o3Rgl_IwNuTjfWzKQKLlyR4Q4D9hlc4reOxFkfEvwZ-cYAg-y5BwoiHCqTmoxlWz0XEynggQ4jBZW3Z0phI0X4xC58prdM7V66q1KD4cs8Jh621tezvB9zPssOE/s400/loadingbackground.png) no-repeat center center;}
#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxXFz0AdUhLIG6uJnlaNYFu3rje10yuW_JURqwrMDKRFx3mwQUnuM_t_pCauWMw_MAT7hcacQrfdeC0v_vLJJCn2l_MeGB16DbUwwcTgkNdCpzS7yHQzhwSBJWzXYO7KLR06z4l7yl3Y/s400/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mFXQsFxvKu7w5LZLm2WLPrPCtrVgbMac6fU5-GsbRAfrN755z0a3cB5RLE9lQHLwNZMx2Ak-uss_mFpVtabK3r6hRfgNBWJSKPmsJDJ6t8G1Dhm_-pmjw7T7YkmBm911dKWXlwzdRgA/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger Version 2.0
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #F66303;
font-size: 18px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}

.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}

/* ---------MBT Subscribe Form---------- */
.box-title1 {
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
margin: 10px 0;
}

.enteryouremail{
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999; font-size: 12px;
height: 25px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
}
.submitbutton{
background:#F66303;
border: 1px solid #F66303;
text-shadow: 1px 1px 1px #333;
box-shadow: 3px 3px 3px #666;
font:bold 12px Arial, sans-serif;
color: #fff;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>


<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">
Beğen butonu ile bizi takip edebilirsiniz<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=
http://www.facebook.com/pages/Belgesel-izle/182948901769329&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<div class="box-title1 ">
<center>
<h3 style="color:#F66303;">
Yazılarımız Mail adresinize gelsin</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="xxxxxx" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center>
</div>
<!--Please Do not Remove the Credits -->
<p style=" float:right; margin-right:35px; font-size:9px;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://eklentileri.blogspot.com/">Blogger Eklentileri</a></p>
</div>
</div>

Yukarıdaki kodu blogunuzda ,yerleşim >> gadget ekle >> HTML/JavaScript şeklinde istediğiniz yere ekleyin, ardından yukarıdaki kod içinde kırmızı renkte geçen yerlere kendi facebook ve feedburner adreslerinizi yazınız..Mavi renkte olan yerleride düzenlemek isterseniz düzenleyebilirsiniz..


Blogger Drop Down Acilir Menü Eklentisi

Bu eklentimizle , blogunuzda açılır bir menüye sahip olacaksınız , Blogunuzda hoş bir menü isterseniz bu eklenti işinize yarayabilir.

Resimden ön izlemesini yapabilir yada bu konunun altından Drop Down Acilir Menü Eklentisi'nin demosunu görebilirsiniz..

Aşağıdaki kodu blogunuza , yerleşim >> gadget ekle >> HTML/JavaScript olarak kaydedin , Bu gadgeti sayfanın üstüne ekleyin , yada en azından konu üstündeki gadget yerine..

<script src='http://yourjavascript.com/102231914611/dropdown.js' type='text/javascript'></script> 
<style> 
/* ######### Drop Down Menu by www.MyBloggerTricks.com ######### */



.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ 
font: normal 13px Verdana; 
margin: 0; 
padding: 0; 
position: absolute; 
left: 0; 
top: 0; 
list-style-type: none; 
background: white; 
border: 1px solid black; 
border-bottom-width: 0; 
visibility: hidden; 
z-index: 100; 
}


.ddsubmenustyle ul{ 
margin: 0; 
padding: 0; 
position: absolute; 
left: 0; 
top: 0; 
list-style-type: none; 
border: 0px none; 
}


.ddsubmenustyle li a{ 
display: block; 
width: 170px; /*width of menu (not including side paddings)*/ 
color: black; 
background-color: lightyellow; 
text-decoration: none; 
padding: 4px 5px; 
border-bottom: 1px solid black; 
}


* html .ddsubmenustyle li{ /*IE6 CSS hack*/ 
display: inline-block; 
width: 170px; /*width of menu (include side paddings of LI A*/ 
}


.ddsubmenustyle li a:hover{ 
background-color: black; 
color: white; 
}


.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ 
padding-left: 4px; 
border: 0; 
}


.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ 
position: absolute; 
padding-top: 3px; 
left: 100px; 
border: 0; 
}


.ddiframeshim{ 
position: absolute; 
z-index: 500; 
background: transparent; 
border-width: 0; 
width: 0; 
height: 0; 
display: block; 
}



/* ######### Black Strip Main Menu Bar CSS ######### */


.mattblackmenu ul{ 
margin: 0; 
padding: 0; 
font: bold 12px Verdana; 
list-style-type: none; 
border-bottom: 1px solid gray; 
background: #414141; overflow: hidden; 
width: 100%; 
}


.mattblackmenu li{ 
display: inline; 
margin: 0; 
}


.mattblackmenu li a{ 
float: left; 
display: block; 
text-decoration: none; 
margin: 0; 
padding: 6px 8px; /*padding inside each tab*/ 
border-right: 1px solid white; /*right divider between tabs*/ 
color: white; 
background: #414141; 
}


.mattblackmenu li a:visited{ 
color: white; 
}


.mattblackmenu li a:hover{ 
background: black; /*background of tabs for hover state */ 
}


.mattblackmenu a.selected{ 
background: black; /*background of tab with "selected" class assigned to its LI */ 
}


</style>





<div id="ddtopmenubar" class="mattblackmenu"> 
<ul> 
<li><a href="#">LINK1</a></li> 
<li><a href="#" rel="ddsubmenu1">LINK2</a></li> 
<li><a href="#" rel="ddsubmenu2">LINK3</a></li> 
<li><a href="#">Link4</a></li> 
<li><a href="#" rel="ddsubmenu3">LINK5</a></li> 
</ul> 
</div>


<script type="text/javascript"> 
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") 
</script>



<ul class='ddsubmenustyle' id='ddsubmenu1'> 
<li><a href='#'>LINK2 ITEM 1</a></li> 
<li><a href='#'>LINK2 ITEM 2</a> 
  <ul> 
  <li><a href='#'>LINK2 ITEM 2.1</a></li> 
  <li><a href='#'>LINK2 ITEM 2.2</a></li> 
  </ul>


</li> 
<li><a href='#'>LINK2 ITEM 3</a> 
  <ul> 
  <li><a href='#'>LINK2 ITEM 3.1</a></li> 

    </ul>


</li> 

<li><a href='#'>LINK2 ITEM 4</a></li>


</ul>



<ul class='ddsubmenustyle' id='ddsubmenu2'> 
<li><a href='#'>LINK3 ITEM 1</a></li> 
<li><a href='#'>LINK3 ITEM 2</a></li> 
<li><a href='#'>LINK3 ITEM 3</a> 
  <ul> 
  <li><a href='#'>LINK3 ITEM 3.1</a></li>


<li><a href='#'>LINK3 ITEM 3.2</a></li> 
  <li><a href='#'>LINK3 ITEM 3.3</a></li> 
  <li><a href='#'>LINK3 ITEM 3.4</a></li> 
  </ul> 
</li> 
<li><a href='#'>LINK3 ITEM 4</a></li> 
<li><a href='#'>LINK3 ITEM 5</a> 
  <ul>


  <li><a href='#'>LINK3 ITEM 5.1</a></li> 
  <li><a href='#'>LINK3 ITEM 5.2</a> 
    <ul> 
    <li><a href='#'>LINK3 ITEM 5.2 1</a></li> 
    <li><a href='#'>LINK3 ITEM 5.2 2</a></li> 
    <li><a href='#'>LINK3 ITEM 5.2 3</a></li>


    </ul> 
  </li> 
    </ul> 
</li> 
<li><a href='#'>LINK3 ITEM 6</a></li> 
</ul>





<ul class='ddsubmenustyle' id='ddsubmenu3'> 
<li><a href='#'>LINK5 ITEM 1</a></li> 
<li><a href='#'>LINK5 ITEM 2</a></li>


<li><a href='#'>LINK5 ITEM 3</a></li> 
<li><a href='#'>LINK5 ITEM 4</a></li> 
<li><a href='#'>LINK5 ITEM 5</a></li> 
</ul>

Yukarıdaki renkli ve kalın olarak yazılmış yerleri, size uygun şekilde düzenleyerek özelleştirebilirsiniz..yada istemediğiniz yerkeri silerek kaldırabilirsiniz..Demosu için TIKLAYIN..