Sitemdeki Özel Bölümler Html Kodu

Pozital Blogger Portal Temam da görmüş olduğunuz özel bölümler yani Foto Galeri, Video Galeri, Oyunlar, Kadın Bölümü, Filmler, Haberler resimli ve açıklamalı kodu sizlerle paylaşıyorum. Kodda resimler soluktur üzerine gelince renklenmektedirler. Nasıl bir şey olduğunu hala anlamayanlar veya bilmeyenler için ön izleme:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMcIeXDym7ooPv9WDWTVRi3TgVkzIM0wf9FtQ94oG0XQIFwwGnVWMkJwUHSZqnkjT8v8Gxi8xG4Sj0lVJcRl8X8LfRZatrWnxcmVfD7Wsrw7NuSfW5_ZDlyPzRi18C_lNYr12CZWklau8/s1600/ozelb%25C3%25B6l%25C3%25BCmlerbloggerozicab.png" imageanchor="1" style=""><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMcIeXDym7ooPv9WDWTVRi3TgVkzIM0wf9FtQ94oG0XQIFwwGnVWMkJwUHSZqnkjT8v8Gxi8xG4Sj0lVJcRl8X8LfRZatrWnxcmVfD7Wsrw7NuSfW5_ZDlyPzRi18C_lNYr12CZWklau8/s400/ozelb%25C3%25B6l%25C3%25BCmlerbloggerozicab.png" width="353" /></a><br /><br />Kod:<br /><br /><pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code><a href='/' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/fotogaleri-ozicab.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /><br /><a href='http://ocabbaroglu.blogspot.com/search/label/Videolar' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/videogaleri-ozicabb.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /><br /><a href='http://ocabbaroglu.blogspot.com/p/haberler.html' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/haberler-ozicab.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /><br /><a href='http://ocabbaroglu.blogspot.com/p/cargo-bridge-2.html' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/oyunlar-ozicab.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /><br /><a href='#YAKİNDA-OZİCAB' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/kadinlar-ozicab.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /><br /><a href='http://ocabbaroglu.blogspot.com/search/label/Film%20%C4%B0zle' target='_self'><img alt='' body='' border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://ozicab.in/ocabbaroglu/sinema-ozicab.png' style='opacity:0.4;filter:alpha(opacity=40)'/></a><br /></code></pre><br /><br />Yukarıdaki gerekli linkleri kendi sitenize göre değiştirin güle güle kullanmanız dileğiyle..

Sitemdeki Özel Bölümler Html Kodu

Pozital Blogger Portal Temam da görmüş olduğunuz özel bölümler yani Foto Galeri, Video Galeri, Oyunlar, Kadın Bölümü, Filmler, Haberler resi...

Devamı »

2012 İmsak ve İftar Vakitleri - Sitene Ekle

Reklamsız, kurulumsuz çok basit bir kod olan il-il imsakiye ve iftar vakitlerini gösteren istediğiniz boyuta getirebilirsiniz. <a href="http://j.mp/imsakiye2012" target="_blank">İmsak ve İftar Vakitleri Kodunun Ön İzlemesi için Tıklayın!</a> Sizde sitenize bu uygulamayı eklemek istiyorsanız aşağıdaki kodu sitenize eklemeniz yeterlidir. Herhangi bir sorun veya soru için yorum alanını kullanabilirsiniz.<br /><br /><br /><br />Kod:<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><center><iframe align="middle" frameborder="0" height="780" marginheight="1" marginwidth="1" name="SON" src="http://kapkac.com/iftar.php" width="700"></iframe></center><br /></code></pre><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejuiFkWfgKGI7Sldnoqy6Td91ZqGHmIJOFE8_jpFRz1yb6MoiGgGn_Wi4_5NcNt2eNGFGN1NG-HTT1IasVv_syZriQklimFInz6Sak5oNpG4kO42gwCQqbS3ghPu-liuRgvocg6fpSDk/s1600/il-il-imsakiye-sitene-ekle-ozicab.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejuiFkWfgKGI7Sldnoqy6Td91ZqGHmIJOFE8_jpFRz1yb6MoiGgGn_Wi4_5NcNt2eNGFGN1NG-HTT1IasVv_syZriQklimFInz6Sak5oNpG4kO42gwCQqbS3ghPu-liuRgvocg6fpSDk/s640/il-il-imsakiye-sitene-ekle-ozicab.png" width="612" /></a><br /><br /><b>İlgili Aramalar:</b> Sitene imsak ekle, sitene namaz vakitleri ekle, sitene 2012 imsakiye ekle, İmsak ve İftar Vakitleri kodu, İl il iftar vakitleri

2012 İmsak ve İftar Vakitleri - Sitene Ekle

Reklamsız, kurulumsuz çok basit bir kod olan il-il imsakiye ve iftar vakitlerini gösteren istediğiniz boyuta getirebilirsiniz. İmsak ve İfta...

Devamı »

CSS ile Metin Seçme Engeli Kodu

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfR2iXV6Xk5Tx0dPfFTYvuobK9fd987fl6b3uzYKWJqDvlMgw_i2qNMxvJ8cJJM5E-DtWqp51KEjNokA1k8NrbDuxnlkheyrvan-OimuQiGE8kO5Kowg2e4JALb0QdUGO4kf64bxil9M/s1600/csscodeozicab.jpg" imageanchor="1" style="clear: left; float: left; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfR2iXV6Xk5Tx0dPfFTYvuobK9fd987fl6b3uzYKWJqDvlMgw_i2qNMxvJ8cJJM5E-DtWqp51KEjNokA1k8NrbDuxnlkheyrvan-OimuQiGE8kO5Kowg2e4JALb0QdUGO4kf64bxil9M/s200/csscodeozicab.jpg" width="150" /></a>Çoğu blog yazarının korkulu belası olan içerik (ç)alıntılarını durdurmak önlemek için kullanılan javascript kodun sizlere Css kullanılarak yapılmış olanını paylaşmak istiyorum. Hayır ben javascript kodunu arıyorum diyorsanız "<a href="http://ocabbaroglu.blogspot.com/2012/01/sitenizi-korumak-icin-yararl-2-kod.html" target="_blank">Sitenizi korumak için 2 yararlı kod</a>" adlı paylaşımı inceleyebilirsiniz.<br /><br /><br /><br />Burada paylaştığım kod sadece <b>post-body</b> etiketi altındaki bölgeye odaklanıyor. Sizin içeriğiniz başka bir CSS etiketi altındaysa kendinize göre düzenlemeniz lazım.<br /><br /><br /><br />Blogger kullanlar bu kodu " /b:skin'> " etiketinin hemen üstüne yapıştırmaları yeterlidir. Eğer başka bir platform kullanıyor iseniz "head>" etiketinden hemen sonraya eklemeleri yeterlidir.<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>.post-body {<br /> -webkit-touch-callout: none;<br />-khtml-user-select: none;<br />-moz-user-select: -moz-none;<br />-ms-user-select: none;<br />user-select: none;<br /> line-height:1.5em; }<br /></code></pre><br /><br /><b>İlgili Aramalar:</b> Metin seçme engeli, css ile metin seçimini engelleme

CSS ile Metin Seçme Engeli Kodu

Çoğu blog yazarının korkulu belası olan içerik (ç)alıntılarını durdurmak önlemek için kullanılan javascript kodun sizlere Css kullanılarak y...

Devamı »

Sitenize Manuel Manşetler Ekleme

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMK7PHn65VGRm4xPEouW6pvtl3ST8MP3TOqp-Dbk6zKssHEyDBu5Kcz9JN_CTWe6n6F4Oy4Je9XVPSTCW6GjGswyCCU3_14gySRwMdGXawDrgoRY93o5jgs6ivmbDcbQaOC6dpx7P9IE/s1600/mansetlerozicab.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMK7PHn65VGRm4xPEouW6pvtl3ST8MP3TOqp-Dbk6zKssHEyDBu5Kcz9JN_CTWe6n6F4Oy4Je9XVPSTCW6GjGswyCCU3_14gySRwMdGXawDrgoRY93o5jgs6ivmbDcbQaOC6dpx7P9IE/s200/mansetlerozicab.png" width="200" /></a></div>Sitemde bulunan ve yaptığım temaların çoğunda olan manuel manşetler bölümünün kodlarını sizler için yayınlıyorum ve kurulumu anlatıyorum. Çoğu kişi wordpress'teki gibi manşetleri otomatik sanıyor ama bu manşetleri kendiniz kodlardan link veriyorsunuz. Resimleri kendiniz ekliyorsunuz kısacası her şey manuel. Neyse manşetlerin ön izlemesi sitenin üst kısmında var manşetler 5 adet olup çoğaltılabilir veya azaltılabilirlerdir. Kodlama bilginiz var ise istediğiniz şekli verebilirsiniz. Neyse gelelim anlatıma..<br /><br /><br /><br />İlk olarak aşağıdaki kodlarımızı " /b:skin'> " etiketimizin hemen üstüne ekliyoruz..<br /><br /><pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>/* Manşetler Bölümü Ozicab----------------------------------------------- */<br /><br />#mansetlerozicab{padding:10px;<br />background:#fff url(http://img.webme.com/pic/o/ozicabdeneme/mansetlerbgozicab.png);<br />background-repeat:no-repeat;<br />border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;<br />margin-top:7px;<br />border-bottom:1px solid #ddd;<br />border-right:1px solid #ddd;<br />border-left:1px solid #ddd;<br />border-top:1px solid #ddd;<br />height:147px;<br />}<br /><br />#dvUstManset{<br />margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 930px; color: rgb(76, 76, 76); font-family: arial, sans-serif; font-size: 12px; line-height: 19px;<br />}<br /><br />#mansetUdiv {<br />margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; <br />}<br /><br />#mansetUdiv a {<br /> color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; <br />}<br /><br />#dvUstMansetBox { <br />margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 2px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 220px;<br />}<br /></code></pre>Ardından aşağıdaki kodlarımızı manşetlerimizin nerede görünmesini istiyor iseniz (örn: menü altı; menünün css etiketinin altına... vb.) ekliyorsunuz.<br /><br /><pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code><br /><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><div id='mansetlerozicab'><br /><center><br /><br /><div id='dvUstManset'><br /><ul id='menuManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; '><br /> <li id='dvUstMansetBox'><br /> <div id='mansetUdiv'><a href='http://ocabbaroglu.blogspot.com/2012/06/liseli-polisler-21-jump-street-izle.html'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2H1Avumq9CYeEcg1excROpkYcBM1dI3SC3VsayAd-k5mAQ-HsucmJkYEaipAJCxb8ePslr_4oVabmGHd34ov3eAxDSfU1L6IuYhCFqmFUm0BLvAODoO84J9qnA-_KnXE3g2FyirBfwU/s400/21_jump_street-ozicab.jpg' style='border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 220px; height: 150px; '/></a><span class='text' style='padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='http://ocabbaroglu.blogspot.com/2012/06/liseli-polisler-21-jump-street-izle.html' style='color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Liseli Polisler - 21 Jump Street (Türkçe Altyazılı)</a></span></div><br /> </li><br /><br /> <li id='dvUstMansetBox'><br /> <div id='mansetUdiv'><a href='http://j.mp/prov2blogger'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_O77Z81GfKao_AmyrA074-G-L0k3H58qPwIFoO5CPHkBcqyFtpyhX7S0kblYelGqIs6ominxx6ccsevqNpnzLHJhi27NxLla273lulgzU0maDGFzd7BTUahKTNiuknU6G7f_nBRGT2Ro/s1600/ocabbaroglu-OWGDPro-01.png' style='border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 220px; height: 150px; '/></a><span class='text' style='padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='http://j.mp/prov2blogger' style='color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Ocabbaroglu Pro v2 Blogger Teması - SATIŞTA!</a></span></div><br /> </li><br /><br /> <li id='dvUstMansetBox'><br /> <div id='mansetUdiv'><a href='http://ocabbaroglu.blogspot.com/2012/06/en-cok-kullanlan-sosyal-medya-araclar.html'><img alt='' border='0' src='http://www.m-gen.biz/resimler/SOSYAL-MEDYA-INSAN-KAYNAKLARI.jpg' style='border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 220px; height: 150px; '/></a><span class='text' style='padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='http://ocabbaroglu.blogspot.com/2012/06/en-cok-kullanlan-sosyal-medya-araclar.html' style='color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>En Çok Kullanılan Sosyal Medya Araçları</a></span></div><br /> </li><br /><br /> <li id='dvUstMansetBox'><br /> <div id='mansetUdiv'><a href='http://ocabbaroglu.blogspot.com/search/label/Kapak%20Foto%C4%9Fraflar%C4%B1'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXkNbFEicaQ4LdzphgPOBqvBGoAFnykWkT3w3XmNlVnP0QGp6amon-u7c7vp4qZHwH7m7D_-nHOKA3fdSo8NgrS39y7Sdhf-7Eyjnqq5BQSaXueVp5lgweqQgCAD0uG76-bZiIKLI5M4/s1600/timelinekapak.jpg' style='border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 220px; height: 150px; '/></a><span class='text' style='padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='http://ocabbaroglu.blogspot.com/search/label/Kapak%20Foto%C4%9Fraflar%C4%B1' style='color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Dev Facebook Kapak Fotoğrafları Arşivi</a></span></div><br /> </li><br /></ul><br /></div><br /><br /></center><br /></div><br /> </b:if><br /></code></pre><br /><br /><b>İlgili Aramalar:</b> Manşetler ekle, sitene manşetler ekle, blogger manşetler eklentisi, sitene üst kısma resimli manşetler kodu

Sitenize Manuel Manşetler Ekleme

Sitemde bulunan ve yaptığım temaların çoğunda olan manuel manşetler bölümünün kodlarını sizler için yayınlıyorum ve kurulumu anlatıyorum. Ço...

Devamı »

Sitenize Sabit Twitter Çubuğu Ekleme

Sitemde üst kısımda bulunan kendim yapmış olduğum twitterbar kodumu sizlerle paylaşıyorum. Paylaşmamın nedeni ise bir çok kişinin benden bu kodu doğru düzgün istemesi ve bazılarının kodu sitemden çalması üzerine bende paylaşmaya karar verdim. Ön izlememiz aşağıda ve sitenin hemen üst kısmında mevcuttur. Neyse hemen anlatımı yapayım.<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAyNEEwDON5R4LI567qupF9ESTihJLFzVjtGS9Tsnurtz9o0hlMjKVPDrFpKOmoB9BWB-4wi_qrvI-f__KdX22yHcdgTG35LC2QwlW-TEggyVEfxvt3jtCY2-Tk_d02fXc36AaZIybrA/s1600/twitterbarozicab.png" imageanchor="1"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAyNEEwDON5R4LI567qupF9ESTihJLFzVjtGS9Tsnurtz9o0hlMjKVPDrFpKOmoB9BWB-4wi_qrvI-f__KdX22yHcdgTG35LC2QwlW-TEggyVEfxvt3jtCY2-Tk_d02fXc36AaZIybrA/s640/twitterbarozicab.png" width="640" /></a></div><br /><br /><br /><br />Aşağıdaki kodumuzu " /b:skin'> " etiketimizin hemen üstüne ekliyoruz.<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>.twitterbarozicab{<br />background: url(http://img.webme.com/pic/o/ozicabdeneme/menunewocabbaroglu.png);<br />color:#fff;<br />font-size:12px;<br />width: 100%;<br />height: 24px;<br />margin-top:-2px;<br />border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;<br />}<br /></code></pre>Ardından aşağıdaki kodları sitemizin en üst kısmına eklememiz gereklidir çoğu sitelerde bu etiket " outer-wrapper " veya " header-wrapper " etiketinin hemen üstüne ekliyoruz.<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><div class='twitterbarozicab'> <br /><br /><table border='0' cellpadding='1' cellspacing='1' width='900'><br /><tbody><br /><tr><br /><td style='text-align: left; '><a href='http://twitter.com/ozicab' target='_blank'><img alt='' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBx-tDnILG43xWKj8vvy-f3CnOCpvX0lAWb76KRdCP8qrNS1JiwWofJVrPqOGXZpZW_P0OyDLmZxbXrjERfvWUDZ_xbD5MnE05UrfMjPGzjcnJJitBV0MNJkMZJChA-2QmHEpvKwbfgr8/s1600/twitterozicabb.png' width='12'/></a><b> Daha gelişmiş özel temasıyla Ocabbaroglu, OWGDPro v3.1 Beta Blogger Teması ile karşınızda..</b></td><br /><td style='text-align: right; '><br /><a href='http://ocabbaroglu.blogspot.com/reklamver'><span style='color: rgb(255, 255, 255); '><b>Reklam Ver</b></span></a><span style='color: rgb(255, 255, 255); '> | </span><a href='http://ocabbaroglu.blogspot.com/reklamlar'><span style='color: rgb(255, 255, 255); '><b>Destekle</b></span></a> | <a href='http://ocabbaroglu.blogspot.com/sitemap'><span style='color: rgb(255, 255, 255); '><b>Sitemap</b></span></a> | <a href='http://ocabbaroglu.blogspot.com/gizlilik'><span style='color: rgb(255, 255, 255); '><b>Gizlilik</b></span></a></td><br /></tr><br /></tbody><br /></table><br /><br /></div><br /></code></pre>Bütün işlem bu kadar çubuktaki menüyü ve twitter duyuru bölümünü sitenize göre değiştirebilirsiniz. Güle güle kullanmanız dileğiyle..<br /><br /><br /><br /><b>İlgili Aramalar:</b> Sitene twitterbar ekle, blogger twitter çubuğu eklentisi, üst tarafa twitter çubuğu ekle, sitene duyuru çubuğu ekle

Sitenize Sabit Twitter Çubuğu Ekleme

Sitemde üst kısımda bulunan kendim yapmış olduğum twitterbar kodumu sizlerle paylaşıyorum. Paylaşmamın nedeni ise bir çok kişinin benden bu ...

Devamı »

Sitenize Sabit Üst Çubuk Eklemek

Çoğu sitede görmüşsünüzdür sitenin üstünde tek renk veya renkli renkli sabit üst çubuk vardır. Şimdi küçük bir css kodu ile sitemize o üst çubuklardan eklemeyi anlatacağım. Aslında anlatıma gerek yok gibi çünkü yapılması gereken tek işlem vereceğim kodu sitenizin css bölümüne yapıştırmanız, siteniz ister blogger ister bedava-sitem olsun css kodu bütün sitelere uyarlı. Çubuğun ön izlemesi aşağıdadır.<br /><br /><br /><br /><br /><br /><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa0DIlCHh6YFmITOGGtqMm5peKs4Q_F6NQyVbQCGgS1yvZ3Gn5xQbFm0o5AM6nzavRBqJJppqJ5Wcxuhn7naC81Hg49gGP-Sj1FIs6NfKGfx3PMdZhsoDQRyE2CnfaZBS_YcynizuYsc/s1600/sabitcubuk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa0DIlCHh6YFmITOGGtqMm5peKs4Q_F6NQyVbQCGgS1yvZ3Gn5xQbFm0o5AM6nzavRBqJJppqJ5Wcxuhn7naC81Hg49gGP-Sj1FIs6NfKGfx3PMdZhsoDQRyE2CnfaZBS_YcynizuYsc/s400/sabitcubuk.png" width="400" /></a></center> <br /><br /><br /><br />1. Aşamada Hemen aşağıdaki etiketimizi buluyoruz..<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>/b:skin><br /></code></pre>Etiketimizin hemen yukarısına aşağıdaki kodumuzu ekliyoruz..<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>.ustcubuk<br />{<br />background:url(http://img.webme.com/pic/o/ozicabdeneme/ustcubukocab.png) repeat-x;<br />padding:0;<br />margin-bottom:3px;<br />height:5px;<br />}<br /></code></pre><br /><br />2. aşamada ise blogger sitemizin en üstüne yani body-wrapper kodumuzun üstüne; bedava-sitemde ise tasarım üstü bölümünün en üstüne kodlarımızı yapıştırıyoruz.. <br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><div class='ustcubuk'/> </div><br /></code></pre>Bütün işlem tamam sitemize üst çubuk ekledik, isterseniz çubuğunuzun yüksekliğini renklerini değiştirebilirsiniz. Güle güle kullanmanız dileğiyle..<br /><br /><br /><br /><b>İlgili Aramalar:</b> üst çubuk ekle, sitene sabit üst çubuk ekle, sitene navbar ekle, blogger renkli sabit üst çubuk eklentisi

Sitenize Sabit Üst Çubuk Eklemek

Çoğu sitede görmüşsünüzdür sitenin üstünde tek renk veya renkli renkli sabit üst çubuk vardır. Şimdi küçük bir css kodu ile sitemize o üst ç...

Devamı »