Blog Tv

Kuzey Güney 30. Bölüm Full İzle

13:33 Sinan ÖKSÜZ Henüz Yorum Yapılmamış Google'da Ara

Blogger Siteler İçin RSS ve Sosyal Simgeler

00:19 Sinan ÖKSÜZ Henüz Yorum Yapılmamış Google'da Ara

Şekilde gördüğünüz Facebook, Twitter, Google+ ve RSS butonlarını blog sayfanıza gadget ekleme yöntemi ile ekleyip görüntülenmesini istediğiniz yere sürükleyip bırakabilirsiniz.Tasarım olarak biraz basit ama gayet kullanışlı bir eklenti.Kumanda Paneli>Tasarım>Gadget Ekle> Html/Javascript yolunu takip edip aşşağıdaki kodu kopyalayıp açılan gadgetimizin içine yapıştırıyoruz.

<a href="http://www.facebook.com/pages/Blog-Okulu/270630239670726" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/blogokulu" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/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="http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/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="http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/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.

Kaynak : http://blogokulu.blogspot.com

Bloggerda Açılır Menü Hazırlamak Drop Down

00:15 Sinan ÖKSÜZ Henüz Yorum Yapılmamış Google'da Ara

Son zamanlarda içerik sayısı artan bazı blogcu arkadaşlardan bloglarına açılır menüekleyerek, yazı linklerinin ana sayfada görünmesini ve ziyaretçilerin yazılara ulaşımını kolaylaştıracak açılır menüyapımı ile ilgili mailler aldım ve blogger için modern ve klasik tarayıcıların çoğu ile uyumlu olarak çalışan açılır menü yapımının en kolay yolunu 3 adımda anlatmaya karar verdim.Öncelikle her ihtimale karşı şablonumuzun bir yedeğini alalım.Yüklemeden önce açılır menünün nasıl göründüğüne bakmak isterseniz ön izleme için tıklayın.

1.Adım:Açılır Menü CSS Kodunu Ekleyelim

Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip ediyoruz.Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.Ctrl+F yardımıyla aşşağıdaki kodu aratıp buluyoruz.

]]></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
Yine aynı sayfada kodlar içerisinde aşşağıdaki kodu bulalım.

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

3.Adım:Blogumuz İçin Açılır Menümüzü Ekleyelim
Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edelim ve aşşağıdaki kodu kopyalayıp açılan gadgetimizin içine başlıksız olarak 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.
Gadgetimizi kaydedip görünmesini istediğimiz yere sürükleyip bırakıyoruz.Bu gadgeti başlık satırının hemen altında koymanızı tavsiye ederim.

Kaynak : http://blogokulu.blogspot.com

Facebook Beğen Kutusu Ekle Sağdan Açılan Pencere

00:02 Sinan ÖKSÜZ Henüz Yorum Yapılmamış Google'da Ara

Daha önce bir başka facebook sağdan açılan pencere butonunu sayfanıza nasıl ekleyebileceğinizi anlatmıştık.Şimdi anlatacağımız ise aynı işlevi gören, fakat tasarım olarak farklı olan facebook begen kutusu sağdan açılan pencere-2 diye adlandırdığım eklenti.Eğer bir facebook hayran syfanız yoksaburdan,facebook beğen kutunuz yoksa onu da burdanaçabilirsiniz.eklenti hakkında kısaca bilgi veecek olursak;blogunuzda fazla yer kaplamayan, blogunuza tasarım açısından görsel güzellik kazandıran, blogunuza eklediğiniz facebook beğen kutusunu, örnek resimde de gördüğünüz gibi sağdan açılan pencere haline getiren blogunuzu farklılaştıracak güzel bir eklenti.
1.Adım:Bloggerde oturumunuzu açın.Kontrol Paneli>Tasarım>Htmlyi Düzenleyolunu izleyin.Kodlar içerisinde Ctrl+F yardımıyla aratıp </head> kodunu bulun.Aşşağıdaki kodu bulduğunuz </head> kodundan hemen önceki kısma yapıştırın.

<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&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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.

Kaynak : http://blogokulu.blogspot.com