Sitene Yuvarlak Menu Kodu

Merhaba arkadaşlar bugün sizlere çok çok öncelerden yaptığım bir menu kodunu vereceğim.Beğeneceğinize çok eminim çünkü bu eklenti hem fazla yer kaplamaz diye düşünüyorum hemde görünüş bakımından güzel yapılmış bir eklenti.Eklentide 5 adet menu çeşidi bulunmaktadır.Ana Sayfa-İletişim-Son Dakika-Ziyaretci Defteri ve Toplist olmak üzere 5 farklı menu çeşidi vardır.Kodu sizler sitenize eklediğinizde sadece url alanları ile bir düzenleme yapınız çünkü geri kalan kısımlar ile düzenleme yapmaya gerek yok .Herşey yerli yerinde tamamdır.Şimdi sizlere kodu ve önizlemesini paylaşacağım umarım beğenirsiniz.

Demoya bakmak için tıkla

<!-- destek-lazim.blogspot.com.tr --> <!-- Her Zaman Destek Bizden --> <a _fcksavedurl="http://destek-lazim.blogspot.com.tr/" href="http://destek-lazim.blogspot.com.tr/"><img _fcksavedurl="http://img.webme.com/pic/k/kodsen/anasayf.gif" alt="" src="http://img.webme.com/pic/k/kodsen/anasayf.gif" /></a><a _fcksavedurl="http://www.facebook.com/optimisttm" href="http://www.facebook.com/optimisttm"><img _fcksavedurl="http://img.webme.com/pic/k/kodsen/iletisi.gif" alt="" src="http://img.webme.com/pic/k/kodsen/iletisi.gif" /></a><a _fcksavedurl="Ziyaretci defteri linkin buraya" href="https://www.blogger.com/Ziyaretci%20defteri%20linkin%20buraya"><img _fcksavedurl="http://img.webme.com/pic/k/kodsen/zdefter.gif" alt="" src="http://img.webme.com/pic/k/kodsen/zdefter.gif" /></a><a _fcksavedurl="http://destek-lazim.blogspot.com.tr/search/label/Html" href="http://destek-lazim.blogspot.com.tr/search/label/Html"><img _fcksavedurl="http://img.webme.com/pic/k/kodsen/sndakik.gif" alt="" src="http://img.webme.com/pic/k/kodsen/sndakik.gif" /></a><a _fcksavedurl="Toplist linkin buraya" href="https://www.blogger.com/Toplist%20linkin%20buraya"><img _fcksavedurl="http://img.webme.com/pic/k/kodsen/toplis.gif" alt="" src="http://img.webme.com/pic/k/kodsen/toplis.gif" /></a> <!-- Her Zaman Destek Bizden --> <!-- destek-lazim.blogspot.com.tr -->

Sitene Yuvarlak Menu Kodu

By Kaan Apaydın 09:00

Jquery Blogger Önceki-Sonraki Başlıklar

Merhaba arkadaşlar bugün sizlere arşivime aldığım bir konuyu paylaşacağım.Bu konunun daha doğrusu eklentinin ilk olarak hiç bir hileci tarafı yoktur.Bu eklenti kullanıcının dikkatini çekecek bir şekilde yapılmıştır.Blogger için göz yormayan zarif bir eklentidir.Bu eklenti bazı ovallıklardan ve hoverliklerden geçmiştir.Ayrıca çok faydalı bir eklentidir.Eskiden kullandığımız önceki sonraki butonları yerine yeni butonlar geliyor.

1. Blogger
2. Şablon
3. Htmlyi Düzenle
4. Bu Kodu ctrl+f Yardımı İle "]]></b:skin>" Kodunu Aratın
5. Vereceğim Kodları Aradığınız Kodun Üzerine Ekleyiniz.
6. 
   

<!-- destek-lazim.blogspot.com.tr --> <!-- Her Zaman Destek Bizden --> /*################MBT Pager ##########################*/ .mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;} .mbt-pager li.next { float: right; padding:0px; background:none; margin:0px;} .mbt-pager li.next a { padding-left: 24px; } .mbt-pager li.previous { margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none; } .mbt-pager li.previous a { padding-right: 24px; } .mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:#333333; } .mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } .mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;} .mbt-pager li i { color: #ccc; font-size: 18px; } .mbt-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;} .mbt-pager li a span { font-size: 15px; color: #666; font-family:oswald,Helvetica, arial; margin:0px;} .mbt-pager li a:hover span, .mbt-pager li a:hover i { color: #ffffff; } .mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; } .mbt-pager li.next i { float: right; margin-top: 15%; margin-right: 5%; } .mbt-pager li.next i, .mbt-pager li.previous i , .mbt-pager li.next, .mbt-pager li.previous{ -webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; } .fa-chevron-right {padding-right:0px;} <!-- Her Zaman Destek Bizden --> <!-- destek-lazim.blogspot.com.tr -->

1. Yazı Rengini Değiştirmek İçin Kod İçerisinde "background:#333333;" Ve Yazı Rengini Düzenlemek İçin "color: #ffffff;" Bulunuz Ve Değiştiriniz.
2. Şimdi ctrl+f Yardımı İle "<head>" Kodunu Aratın.
3. Vereceğim Kodları Aradığınız Kodun Altına Ekleyiniz.
4. 
   

<!-- destek-lazim.blogspot.com.tr --> <!-- Her Zaman Destek Bizden --> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <!-- Her Zaman Destek Bizden --> <!-- destek-lazim.blogspot.com.tr -->

1. Ardından Tekrar ctrl+f Yardımı İle "<data:post.body/>"
2. Bu Kodun Hemen Altına Aşağıdaki Kodu Ekleyin.
3. 
   

<!-- destek-lazim.blogspot.com.tr --> <!-- Her Zaman Destek Bizden --> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType != "static_page"'> <ul class='mbt-pager'> <li class='next'> <b:if cond='data:newerPageUrl'> <i class='fa fa-chevron-right'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'/> <b:else/> <i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong> <span>You are viewing Most Recent Post</span></a> </b:if> </li> <li class='previous'> <b:if cond='data:olderPageUrl'> <i class='fa fa-chevron-left'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='previous'/> <b:else/> <i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong> <span>You are viewing Last Post</span></a> </b:if> </li> </ul> <script type='text/javascript'> //<![CDATA[ (function($){ var newerLink = $('a.newer-link'); var olderLink = $('a.older-link'); $.get(newerLink.attr('href'), function (data) { newerLink.html('<strong>Sonraki</strong> <span>'+$(data).find('.post h3.post-title').text()+'</span>'); },"html"); $.get(olderLink.attr('href'), function (data2) { olderLink.html('<strong>Önceki</strong> <span>'+$(data2).find('.post h3.post-title').text()+'</span>'); },"html"); })(jQuery); //]]> </script> </b:if></b:if> <!-- Her Zaman Destek Bizden --> <!-- destek-lazim.blogspot.com.tr -->

Jquery Blogger Önceki-Sonraki Başlıklar

By Kaan Apaydın 09:00