<div id="headerozi-wrapper">
<div id="headerozi">
<div id="headerozi-logo">
<a href="/" target="_self"><img alt="Ozicab.com" body="" border="0" height="40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity=0" src="http://ozicab.com/dosyalar/ozicabcom-logo3.png" style="opacity: 1;"></a>
</div>
<ul class="header-menu">
<li><a href="/">Ana Sayfa</a></li>
<li><a href="http://forum.ozicab.com/">Forum</a></li>
<li><a href="http://www.resim.ozicab.com/">Resim Yükle</a></li>
<li><a href="http://upload.ozicab.com">Dosya Yükle</a></li>
<li><a href="http://ozicab.com/reklam-ver/">Reklam</a></li>
<li><a href="http://ozicab.com/sitene-ekle/">Sitene Ekle</a></li>
</ul>
<div id="headerozi-ara">
<form action="http://www.google.com/search" method="get" target="_blank"> <input name="sitesearch" style="display:none;" value="http://ozicab.com"> <input id="search-box" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width:250px;border:none;padding:5px 5px; margin-right:5px; font: 12px Arial;color:#b5b5b5; background:#fff;border:1px solid #ddd;border-radius:3px;height:15px;margin-bottom:8px;" type="text" value="Ozicab.com da Arama.." x-webkit-speech="x-webkit-speech"> </form>
</div>
</div>
</div>]]></b:skin>bulup üstüne alttaki kodları ekliyoruz.
#headerozi-wrapper{
position:fixed;
top:0;
right:0;
left:0;
z-index:1;
border-top:2px solid #1a74b0;
background: rgb(249, 249, 249) url(http://ertekinn.com/wp-content/themes/volt/images/bg.png) repeat-x;
height:45px;
width:%100;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
}
#headerozi{
width:1010px;
margin-left:auto;
margin-right:auto;
}
#headerozi-ara{
float:right;
margin-right:5px;
padding-top: 9px;
}
#headerozi-logo{
float:left;
margin-right:5px;
padding-top:2px;
}
.header-menu{position: relative;width: 550px;float: left;margin-top:0px;}
.header-menu li {
float: left;
margin-right: 1px;
display: block;
border-right: 1px solid #ededed;
}
.header-menu li a {
display: block;
text-align: center;
height: 30px;
min-width: 50px;
padding: 10px 10px 5px 10px;
font-weight: bold;
line-height: 22px;
font-size: 13px;
color: gray;
}
.header-menu li.active a {
color: #1a74b0;
font-weight: bold;
background-color: #fafafa;
}
.header-menu li a:hover {
color: #fff;
font-weight: bold;
background-color: #1a74b0;
}
</body><script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin: 3px 0px 5px;border:1px solid #DDD;max-width:98%;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<p style='margin: 5px 0px'><iframe width='480' height='360' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<p style='margin: 5px 0px'><iframe width='480' height='360' src='http://www.youtube.com/embed/");
theText = theText.replace(/&feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe></p>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>[youtube]Youtube URL Buraya Eklenecek[/youtube]http://www.youtube.com/watch?v=AdU-oeYt0U8 | Bu resim yeniden boyutlandırıldı. Resmin gerçek boyutunu görmek için tıklayın. Resimin orjinal ölçüleri 865x452. |
![[Resim: blogger-video.jpg]](http://jamespoling.com/wp-content/uploads/2011/03/blogger-video.jpg)
<style>
/*--------eklentileri.blogspot.com hareketli menu ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqo614-l5VTs3S_ZSBeIq766C49hYtYTBYgtkeMifH1xLpHXBSjmiOOVPCl75oxHFZ5O4JkTsAjeAnNsjhq6mP0lnaz_Qsc6yh7gQL9bEwVRxLt2bV2R7HYajju3JawBZKxJLZcwawToNS/s1600/eklentileri.blogspot.com.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor![]()
ointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>
</div>
<script style="text/javascript">function numberOfPosts(json) {document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}function numberOfComments(json) {document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><font color="red"><script src="
http://kalemimdentr.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script><script src="
http://kalemimdentr.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>
1px solid #CCCCCC' width='32'/></span></a>
<a class='opacity' href='http://www.mizanger.com' target='_blank' title='Mizanger - Kişisel Blog'><span style='color:#cc0000;'><img alt='mzngr' height='32' src='http://konfor.enesilhan.net/tema/bloglar/mzngr.jpg' style='BORDER: 1px solid #CCCCCC' width='32'/></span></a>
<a class='opacity' href='http://www.fatihdedecan.com' target='_blank' title='Kişisel yazıların bulunduğu, kar amacı gütmeyen blog'><span style='color:#cc0000;'><img alt='fth' height='32' src='http://konfor.enesilhan.net/tema/bloglar/fth.png' style='BORDER: 1px solid #CCCCCC' width='32'/></span></a>
<a class='opacity' href='http://www.omerburakozdemir.com' target='_blank' title='Darağacında Son Sözler'><span style='color:#cc0000;'><img alt='obo' height='32' src='http://konfor.enesilhan.net/tema/bloglar/obo.png' style='BORDER: 1px solid #CCCCCC' width='32'/></span></a>
<a class='opacity' href='http://bloggereklentileri.blogspot.com/p/iletisim.html' target='_blank' title='Blogunuzu Eklemek İçin Tıklayın'><span style='color:#cc0000;'><img alt='link değişimi' height='32' src='http://konfor.enesilhan.net/tema/bloglar/ekle.png' style='BORDER: 1px solid #CCCCCC' width='32'/></span></a>
</center></div></div></ul>
</div>
<!-- Start Gadget Code Random Post Buton http://www.blogokulu.org -->
<div id='myLuckyPost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Rastgele Bir Yazı Göster!'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script>
<style type='text/css'>
@import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' );
#myLuckyPost a {
position: relative;
color: rgba(255,255,255,1);
text-decoration: none;
background-color: rgba(219,87,5,1);
font-family: 'Yanone Kaffeesatz';
font-weight: 700;
font-size: 25px;
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
margin: 10px auto;
width: 250px;
text-align: center;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
#myLuckyPost a:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}
</style>
<!-- End Gadget Code Random Post Buton http://www.blogokulu.org -->
<!-- Start E-Posta Form Code http://www.blogokulu.org/ -->
<style>
.abt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVv6lWkKHxYXKZvNWu9Ja2Pt7DdC3_cT7VfH87fseDZtwqHYoR3DL2W5uMP_dU-SqiAzW0N4rTV5X0XPdlLgDHdaekxt9VMdPBh_rL9ZgtIh7F6WxoNYfnIeFqzZGz60mXdVhq6N6OvlA/h120/service-email.jpg) no-repeat -8px 10px ;
width:240px;
padding:10px 0 0 65px;
float:left;
font-size:1.2em;
font-weight:bold;
margin:0 0 10px 0;
color:#0084CE;
box-shadow: 1px 1px 5px 1px #eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.abt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:4.4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
}
.abt-emailsubmit:hover{
background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);
}
.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #888; font-size: 12px;
height: 30px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px; }
</style>
<div class='abt-email'>
E-Posta Aboneliği
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogOkulu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="E-Mail Adresiniz..." type="text" />
<input type="hidden" value="BlogOkulu" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="abt-emailsubmit" value="Kaydet" type="submit" />
</form>
</div>
<!-- End E-Posta Form Code http://www.blogokulu.org/ -->
