Blogger Ve Wordpress Tema Arşivi

]]></b:skin>

#comment-post-message {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaGG0Kiywh6QOcmZjrD061k3-yAg8hyphenhyphenWTziqd9TSJJlKlEJ9GveXViik4Z3Geny7XF7tes7K7as3C43wCNKf8JlfxHZpAGuo92FksjG8fGMymf-J6jRkipITwAuUbMyI0MnW4v1oUYdnKv/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}

<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>

]]></b:skin>

<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>

Geçtiğimiz günlerde Blogger’a eklenen yeni SEO ayarlarını sizlerle paylaşmıştım.Henüz çok yeni olduğu için biraz kurcalayıp ayarlardaki değişiklikleri yaratacağı sonuçları görmeden sizlere detaylı bilgi vermemiştim.Uğraştıkta bu ayarların marifetlerini öğrenmeye başlıyorum ve sizlerle paylaşacağım ilk ipucu özel yönlendirmeler ile ilgili olacak.

İlk kontrol ettiğimde özel yönlendirmeleri eski bir yazıyı, aynı konuda ki daha güncel olan başka bir yazıya yönlendirmek için kullanabildiğimizi düşünmüştüm ancak farklı bir şekilde daha kullanabileceğimizi gördüm.Nasıl mı?

Özel yönlendirme ayarı sayesinde blogunuz.blogspot.com/sayfa şeklinde özel bir adres oluşturabiliyorsunuz.Bu adrese tıklandığında ise belirlediğiniz her hangi bir sayfaya yönlendirme yuapabiliyorsunuz.Hemen bir örnekle açıklayayım.

Test blogum için bir iletişim sayfası oluşturdum ve adresi şu şekilde:

http://bloghocamtest.blogspot.com/p/iletisim-formu.html

Ancak ben bu adresi çok uzun ve karışık bulduğum için http://bloghocamtest.blogspot.com/serdar yazdığımda iletişim sayfasının açılmasını istiyorum.

Bunun için güncellenmiş Blogger arayüünde Ayarlar > Arama tercihleri > Özel Yönlendirmeler‘i açıyorum ve yeni yinlendirme oluşturuyorum.

Kaynak: /serdar

Hedef: /p/iletisim-formu.html

Bu şekilde ayarladıktan sonra kaydediyorum.Artık tarayıcının adres satırına http://bloghocamtest.blogspot.com/serdar yazdığımda otomatik olarak iletişim sayfası açılacak.

Blogger’da etiketlere ait URL’ler bildiğiniz gibi çok uzun.Özellikle o konuda çok işimize yarayacağını düşünüyorum.

Daha önce paylaştığım Facebook popup’ın her sayfa yenilendiğinde açılmasının ne kadar sıkcı bir durum olduğundan ve buna bir çözüm aradığımdan bahstmiştim.Sonunda güzel ve akıllı bir popup buldum.Hemen bu akıllı popup’ın  marifetlerinden bahsedeyim.

Öncelikle başlıkta neden akıllı dediğimi söyleyeyim.Bu popup; ziyaretçileri çerezler yardımıyla tanıyor ve aynı ziyaretçiye bir kez gözüktükten sonra X gün süreyle gözükmüyor ( kaç gün olacağını siz belirleyebiliyorsunuz ). Popup pencerede resimde gördüğünüz gibi Facebook sayfanıza ait beğen kutusu ve altında Feedburner ile e-posta abonelik formu var.Bu popup hem Facebook sayfanızı beğenenlerin sayısını, hem de e-posta takipçilerinizin sayısını arttıracaktır.Popup’ın demosunu görmeniz için oluşturduğum videoyu izleyebilirsiniz. ( Videoda Facebook beğen kutusunun biraz geç yüklendiğini göreceksiniz.Sebebi; videoyu oluşturmak için popup’ı test ettiğimde bağlantımın yavaş olması.)

Blogunuza Ekleyin

Popup’ı blogunuza eklemek için gerekli kodlar uzun olduğu için buraya yazamadım.Onun yerine şuraya yükledim.Kodları kopyalayıp HTML/JavaScript gadet olarak blogunuza ekledikten sonra şu kısımları değiştirin:

• var fifteenDays = 1000*60*60*24*30;  burada 30’un anlamı popup aynı ziyaretçiye kaç gün sonra gözükecek?
• <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloghocam&amp;width=300… şklinde uzayıp giden bölümdeki bloghocam yerine kendi Facebook sayfanızın kullanıcı adını yazın.
• onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloghocam', 'popupwindow', 'scrollbars=yes,width=550,height=520') buradaki bloghocam yerine kendi feedburner id’nizi yazın.
• <input value="bloghocam" name="uri" type="hidden" /> buradaki bloghocam yerine de kendi feedburner id’nzi yazın.

Bu popupı blogunuzda 1 kez denedikten sonra tekrar bloga girdiğinizde sizi tanıyacağı için gözükmeyecektir.İkinci kez test etmek istiyorsanız bilgisayarınızdaki çerezleri silin.

<data:post.body/>

<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/AVvXsEhn3x-TFfI4g4m39Wcz6shJi5EBCGbV6_Suo4dnkuQVKBA7IXsnOBkSMrhDZ9dgqBh2CSi_vWWyZC1ER05NjGAK-yCoAauhezpr-poLQ440Kgnvx5roKrCRm0trt5swmhCV1GTGea9n-3GY/' 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/AVvXsEjB3rBVNe7ihodT4uvjIhbmdU91iXXY9AM2AT4fX484dgsMJvm6v2i0cPI6i3KFpzogFB35y-TOvPKUrJnQ7RpV7Ogz7m3wSyj-tyZzv_ZOhGSWsHaj8rBrxKW4f4tuPUdIWv8o1cv_nkHw/' 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/AVvXsEj00jKcsNvVisaCWj3w3ig0hyAKdUD8cDTXSN1nfuawpOwVnWdNOSFVer-Py-cJBtuxoL7CKD3rhpMk7nd5T4E4AVyCIj2iREiA2vRamqFl1hepFkyVQRtJvTThq99pI1i_5KqylZLfDTJ2/' 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/AVvXsEgigHoFXTEeO8MB20x6S7HEC783UbahtqB6OUDz65JfPgyOK1YkN2ferub1Pdi-0eSBOu1rDW0H5RgapOTEMzYODD0N7JJFLgQt3__lUyCP9Q01xLnCxQMdxPBjodFKB54bcJSN8cPm6pRF/' 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/AVvXsEh_K3-VV0KX-rz4VUrsr1v9sOfcoZ9ErSRHDFLbCipl7D0-tziJQXYZ1WXb5EVP4npgbuxRI8UBXTvqVmbtIr5bBFElRN_IY64Ijk_mgDbWCc3xloFG0sLmKQ1iFq_FkQcsEkWSikJahq4E/' 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/AVvXsEi8VGDLGNWIsXRWkJav-i3QkxoFWGkjyFN2BSfZFPuKmpo1yKMOyKebFQ9QXFbsdudberKoJ_MRpElZsh12DVGmzkHOmaef0frLpBd8y1ZlpLqLLJEeecumh63F-n6naGTMcHPI-4_8hcyG/' 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/AVvXsEiNgR7OwZjc_r0og2tv1XRa1C2mDewF4e1JZYBkjYGmpD-i9-CJfJ6okzFrbx88fNakpRwRzmfmFqVziOSHoqY-qx3r-77hH5FCFH1GRfsbcyegvz9gCkx25I9MMU0CHCTgFO8-RvTthQgo/' 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/AVvXsEiKSgypM-a-thAO0ysG_yI4pbSYjriOqV7kQ2KduBKbqGxDFdUalOi-mL5V-w2IJFn2LZf9MdPzO4yh1o5aAvcR2qILrJUZ0Jg5YkCAfo__AxzPJTnaHK-74yjaBFUYsJ1OxdeImF7hW2Qq/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

</head>

<!-- 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/ -->

</body>

<!-- 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/ -->

Google’dan Blogger kullanıcılarına iyi haberler gelmeye devam ediyor.Son olarak “Arama tercihleri” ayarları kumanda paneline eklendi.Blogger’ın bu yeni özelliği sayesinde meta etiketleri, robots.txt dosyası, yönlendirmeler, 404 hata sayfaları ve görseller için alt etiketleri daha kolay yönetilebilecek.

Güncellennmiş Blogger arayüzünde Ayarlar > Arama tercihleri bölümünde bulabileceğiniz yeni özellikler şunlar:

Açıklama: Arama sonuçlarında blog başlığının altında gözükmesini istediğiniz açıklamayı buradan değiştirebilirsiniz.Maksimum 150 karakterlik kısa bir açıklama yazmalısınız.

404 Hata Sayfası: Blogunuzda silinen bir sayfaya gidildiğinde görüntülenen Blogger’ın sıradan hata sayfası buradan değiştirebilirsiniz.

Yönlendirme: Bu özellik sayesinde blogunuzdaki bir sayfayı başka bir sayfaya kolayca yönlendirebilirsiniz.

Robots.txt: Bu dosya arama motoru botlarının blogunuzda nasıl hareket edeceklerini gösteren çok önemli bir dosyadır.Önceden tüm Blogger bloglarının robots.txt dosyası aynıydı ve dışarıdan müdahele şansı yoktu.Artık bu konuda uzman kişiler robots.txt dosyasını düzenleyerek arama motoru botlarını istedikleri gibi yönlendirebilecekler.

Robot Başlık Etiketleri: Arama motoru botlarının ana sayfada, arşiv sayfasında, arama sonuçları sayfasında, kayıt sayfalarında ve statik saygfalarda nasıl davranacaklarını bu bölümden ayarlayabilirsiniz.

Her Kayıt için Ayrı Arama Açıklaması: Meta description dediğimiz arama açıklamasını her kayıt için ayrı ayrı ayarlayabilirsiniz.Yeni kayıt oluşturma sayfasında, sağ tarafta Arama Açıklaması bölümünden o kayda ait arama açıklamasını ayarlayabilirsiniz.

Her Kayıt için Ayrı Robot Etiketleri: Arama motoru botlarınaher kayıt için ayrı komutlar vermek için yine yeni kayıt sayfasındaki sağ tarafta bulunan Özel Robot Etiketleri seçeneğini kullanabilirsiniz.

Görseller İçin Title Ve Alt Etiketi: Yeni kayıt oluştururken yazınıza bilgisayarınızdan bir resim eklediğinizde resmin üzerine tıkladığınızda Properties seçeneğini göreceksiniz.Buradan resme title ve alt etiketleri ekleyerek görsel aramalardan ziyaretçi kazanabilirsiniz.

Önemli Hatırlatma

Robots.txt ve robot etiketleri ile ilgili ayarlar uzmalık gerektirir.Bilginizden emin değilseniz bu ayarları değiştirmeyin.Blogunuzun arama sonuçlarında hiç gözükmemesine sebep olabilirsiniz.

<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>

Artık blog temasını tamamen değiştirmek yerine ara sıra yapacağım ufak değişikliklerle görünümü ve kullanımı geliştirmeye karar verdim.Bu doğrultuda bazı küçük değişiklikler yapmıştım.Gelen tepkilere ve performansa göre değişikliklerin devam edeceğini söylemiştim ve ikinci bir düzenleme daha yaptım.

1. Manşet

Sanırım en göze çarpan değişiklik manşette oldu.Bu temaya ilk yaptığımda çok hevesliydim bu manşeti kullanmak için ancak blogu çok yavaşlatıyordu.Gittikçe soğudum bu slide manşetten ve sonunda değiştirdim.Jquery ile yapılmış eski slayt manşetin yerine kendi yaptığım ve sadece CSS ile HTML kullandığım bu sabit manşeti koydum.JavaScript ve Jquery kullanmadığım için daha hızlı olan bu mannşete her ay eski yazılardan birini koyacağım.Önceliğim tabiki misafir yazılarda olacak.

2. Logo

Kullandığım eski logoyu sadece 15 dakikada gelişigüzel bir şekilde oluşturduğum için hiç beğenmiyordum.Blog Hocam’ın konsepti gereği öyle çok dikkat çekici, göz alıcı logolar yapamayacağımın farkındaydım ancak en azından temayla daha uygun bir logo yapabilirim diye düşünüyordum.Sonunda renkleri ve fontu temaya daha uygun bir logo hazırlayarak headera yerleştirdim.Umarım beğenmişsinizdir.

3. Sosyal Paylaşım Butonları

Daha önce kullandığım sosyal paylaşım butonlarında zaman zaman sorun yaşanıyordu.Bunun nedeni Facebook, Twitter ve Google’ın buton kodlarını güncellemeleri ancak benim bu güncellemeye ayak uyduramamış olmamdı.Sonunda bu butonların kodlarını yeniledim daha dikkat çekici olması için turuncu renkli bir çerçeve içerisine aldım.

Yorumlarınız benim için önemli

Tepkilerinize, teknolojideki gelişmelere, trendlere ve ruh halime göre değişikliklerin devam edeceğini söyleyebilirim.Umarım bu değişiklikleri beğenmisinizdir.Yorumlarınızla bana fikir verirseniz çok memnun olurum.

<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/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/s1600/controls.png) no-repeat 0 0;} 
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvPkqxNLA2K9BzFrx3a7auJZu4Rl1XNkX34cFrjOHdZKZ3hjh8gBL4opEI2ncSYIYl_VpVoif4V1bEzu63U9b0tK0mhTUZEO20mkAfDDvuZn5lQMUCEgqhG8R8IHxqYD4aWEAUSlko54/s400/border.png) repeat-x top left;} 
    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/s1600/controls.png) no-repeat -36px 0;} 
    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/s1600/controls.png) no-repeat 0 -32px;} 
    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvPkqxNLA2K9BzFrx3a7auJZu4Rl1XNkX34cFrjOHdZKZ3hjh8gBL4opEI2ncSYIYl_VpVoif4V1bEzu63U9b0tK0mhTUZEO20mkAfDDvuZn5lQMUCEgqhG8R8IHxqYD4aWEAUSlko54/s400/border.png) repeat-x bottom left;} 
    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/s1600/controls.png) no-repeat -36px -32px;} 
    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/s1600/controls.png) repeat-y -175px 0;} 
    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/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/AVvXsEgZx6GQagb3bUtIECSTgvLI4dMcZwKXCDS1-Iy1Fj9fsn5KAbMGFuZ3vBngyEeR6JHBfyqOyGQJJxzLGZcZU0ARDNP347Vbit4S7eR-zQA3M805mvhFXrcU1KFF3Ve3Qsam9ORrCQb07P0/s400/loadingbackground.png) no-repeat center center;} 
        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdMZsyrE2gxAK5IbhnpQa1UQA62Zc6PegBFX-ZRFptdbhJ5FpVieUXq6c66qmriz0cMvexPiJdw-7_3IXc333zzKeyrSkYBZK_T85De2NMZaikawpXa5l8B4quO9mktUa9DOEbUNoUaY/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/AVvXsEjW-wvhDSPRyEMFxJBnzTLtzfu2E08gaZshoFLme6upidWO4_8hcilRQdTp3YYZb1UQTOoY8z8A1PEES6Su-ywsxw1viVq-Zt_NVaRlAY4EeUI_JdNFY7IEoe0RhndR4mXU4HYtotuMBtY/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>

<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>