Bing Arama Motoruna Site Eklemek
11 yıl önce
<a href="http://www.facebook.com/pages/Blog-Okulu/270630239670726" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkKU3MIkzATMft-xeWvMPrTecs8r76wjNZcV1Pr0ur5DU8EZDxHzWRV8ZSstsyCd0gHYgYXclYuTvFK8PejqpJy0ZSvikkwMSNSYqJEIpS5s1JuItd-FmDJNHeJf3Qz-l_EafZlWpAZs/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/blogokulu" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsn5veJlckzRjEUJRitnZ-VredHkfNLiACx_VNLxCiYMwyY7DEA6DqfpKXiJCHb4AK8kGGDIbXUTKeFuotJ6xMMmuUQtvEobWei0ulR2qih8LTKoqGfrsamfIOqbsOzU4s4FqjdaqJAbo/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/adresiniz/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBYeSluhPzIdz9oYYq1LsPrX8Pr8ZWwG4neGngPxFBhq-HrrJaNCCcgI3bixIdN25Y0h2pDgQzRxFJBbwLZTmUIFcRQno34YpTNbf1S8-JKe0b7OOrxI1QbFpuT3IdAVYhYJa-dYzF7I/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/blogokulu" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDjgME1Nk5A5aPE0YmcedcCqtGinhjCHCrJcuUKsXpxDhtID76fV7j7kFCNbBhZatP_Y7umV3XuO9t6UsWWbzTg1ROVaCoWGHuIgNA8sSvtjRdrpMmENDvmlimD6amXGCObFacTB31N5s/s1600/rss-30x43.png" /></a>
Kod içerisinde kırmızı renkle belirttiğim adresleri değiştirip kendi adreslerinizi yazıyorsunuz ve gadgeti kaydedip görünmesini istediğimiz yere sürükleyip bırakıyoruz.Sosyla medya iconları kullanıma hazır.
]]></b:skin>
Aşşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodundan önceki kısma yapıştırıyoruz.#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}
#jsddm li ul li a:hover {
background: #A3CEE5;
}
2.Adım:Java Kodlarımız Ekleyelim</head>
Aşşağıdaki kodu kopyalayıp bulduğumuz </head> önceki kısma yapıştıralım
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open)
$('#jsddm > li').bind('mouseout', jsddm_timer)});
document.onclick = jsddm_close;
//]]>
</script>
Şimdi Temamızı Kaydedelim.<ul id="jsddm">
<li><a href="#">Home</a>
<li><a href="#">Menu 1</a>
<ul>
<li><a href="#">Drop 1-1</a></li>
<li><a href="#">Drop 1-2</a></li>
<li><a href="#">Drop 1-3</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#">Drop 2-1</a></li>
<li><a href="#">Drop 2-2</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Drop 3-1</a></li>
<li><a href="#">Drop 3-2</a></li>
<li><a href="#">Drop 3-3</a></li>
<li><a href="#">Drop 3-4</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">AllBlogTools</a></li>
</li></ul>
Kod içerisinde mavi ile işaretlediğimiz yerlere yazı linkinizi,kırmızı ile işaretlediğimiz yerler memüde görünecek isimler.Yeşil renkli yerler ise ana menü yani butonlar içerisinde yazılacak olanlardır.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
2.Adım Widget Ekleme: Tasarım>Gadget Ekle>Html/Javascript yolunu izliyoruz.Html/Javascript gadgetinin içine aşşağıdaki kodu ekliyoruz.<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=FACEBOOK SAYFANIZA AİT URL&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="
http://blogokulu.blogspot.com/2012/03/facebook-begen-kutusu-ekle-sagdan.html
">++Sitene Ekle</a></span></div></div>
Kod içerisinde;FACEBOOK SAYFANIZA AİT URL diye kırmızı renkle belirttiğimiz yere kendi facebook URL adresinizi(Örnek:http://www.facebook.com/pages/Blog-Okulu/270630239670726) yazıyorsunuz ve kaydediyorsunuz.Eklentimiz kullanıma hazır.