Yuvarlak resimli slider arıyorsanız, bu tam size göre. Resim geçişleri harika. Kullanımı keyifli. CSS ile yapılan bu slider'ı tasarımlarınızda kullanmak istiyorsanız, tüm kodları ile kullanıma hazır.
DEMO
Kaynak Kodlarını indirmek için tıklayınız.
Yerleşim > Gadget Ekle > Html/Javascript Oraya Ekleyin
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="dvUstManset" style="color: #4c4c4c; font-family: arial, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 928px;">
<ul id="menuManset" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li id="dvUstMansetBox" style="border-bottom-color: rgb(230, 230, 230); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(230, 230, 230); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(230, 230, 230); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; float: left; margin-bottom: 0px; margin-left: 2px; margin-right: 4px; margin-top: -3px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 220px;">
<div id="mansetUdiv" style="height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative;" title="">
<div style="text-align: center;">
<a href="http://forumcl.blogspot.com/2013/02/gulsen-beni-durdursan-m-2013-full-album.html" style="color: #2d2d2d; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img alt="" border="0" src="http://i.imgur.com/Q7Ve9Wf.jpg" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 220px;" /></a><span class="text" style="background-attachment: scroll; background-clip: initial; background-image: url(http://img.haber365.com/img/opacity70.png); background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; bottom: 0px; color: black; height: 33px; left: 0px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; position: absolute; text-align: center; width: 212px;"><a href="http://ocabbaroglu.blogspot.com/2012/05/daha-gelismis-tema-ve-yeni-sayfalar.html" style="color: white; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Gülsen Beni Durdursan Mı ? Albüm İndir</a></span></div>
</div>
</li>
<li id="dvUstMansetBox" style="border-bottom-color: rgb(230, 230, 230); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(230, 230, 230); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(230, 230, 230); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; float: left; margin-bottom: 0px; margin-left: 4px; margin-right: 4px; margin-top: -3px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 220px;">
<div id="mansetUdiv" style="height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative;" title="">
<div style="text-align: center;">
<a href="http://forumcl.blogspot.com/2013/02/moskovann-sifresi-temel-2012-full-indir.html" style="color: #2d2d2d; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img alt="" border="0" src="http://guncelfilmindir.net/uploads/posts/thumbs/1357431452_alternvqv.jpg" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 220px;" /></a><span class="text" style="background-attachment: scroll; background-clip: initial; background-image: url(http://img.haber365.com/img/opacity70.png); background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; bottom: 0px; color: black; height: 33px; left: 0px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; position: absolute; text-align: center; width: 212px;"><a href="http://ocabbaroglu.blogspot.com/search/label/Kapak%20Foto%C4%9Fraflar%C4%B1" style="color: white; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Moskovanın Şifresi Temel 2012 Full İndir</a></span></div>
</div>
</li>
<li id="dvUstMansetBox" style="border-bottom-color: rgb(230, 230, 230); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(230, 230, 230); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(230, 230, 230); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; float: left; margin-bottom: 0px; margin-left: 4px; margin-right: 4px; margin-top: -3px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 220px;">
<div id="mansetUdiv" style="height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative;" title="">
<div style="text-align: center;">
<a href="http://forumcl.blogspot.com/2013/02/twitter-takipci-kasma-siteleri.html" style="color: #2d2d2d; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"><img alt="" border="0" src="http://2.bp.blogspot.com/-rmYjk4La7Jk/USDan-u0cxI/AAAAAAAAASk/dM3ZYCCFAqY/s200/page_twitter39dan-acil-yardim-plani_471534836.jpg" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 220px;" /></a><span class="text" style="background-attachment: scroll; background-clip: initial; background-image: url(http://img.haber365.com/img/opacity70.png); background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; bottom: 0px; color: black; height: 33px; left: 0px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; position: absolute; text-align: center; width: 212px;"><a href="http://ocabbaroglu.blogspot.com/2012/05/sherlock-holmes-2-filmi-izle-hd.html" style="color: white; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">Twitter Takipci Kasma Siteleri</a></span></div>
</div>
</li>
<li id="dvUstMansetBox" style="border-bottom-color: rgb(230, 230, 230); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(230, 230, 230); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(230, 230, 230); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; float: left; margin-bottom: 0px; margin-left: 4px; margin-right: 0px; margin-top: -3px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 220px;">
<div id="mansetUdiv" style="height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative;" title="">
<div style="text-align: center;">
<a href="http://forumcl.blogspot.com/2013/02/crysis-3-pc-games-download.html" style="color: #2d2d2d; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img alt="" border="0" src="http://4.bp.blogspot.com/-CInZbthaepE/USJdBTLoGHI/AAAAAAAAA6A/dQc6xe4vuSo/s1600/1361051369_mceesen.jpg" style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 150px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 220px;" /></a><span class="text" style="background-attachment: scroll; background-clip: initial; background-image: url(http://img.haber365.com/img/opacity70.png); background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; bottom: 0px; color: black; height: 33px; left: 0px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; position: absolute; text-align: center; width: 212px;"><a href="http://ocabbaroglu.blogspot.com/2012/02/addmefast-sosyal-ag-profillerini-kasmak.html" style="color: white; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Crysis 3 Pc Games Download</a></span></div>
</div>
</li>
</ul>
</div>
</div>
Yerleşim/HTML’yi Düzenle sekmesine gelip “Widget Şablonlarını Genişlet” tikini aktif hale getirdikten sonra </b:skin> kodundan önce şu kodları yapıştıralım;
Kod:
Kodu Koyduk 3 tamam. Şimdi </body> Tagını Arıyoruz Ve Diğerindeki Gibi </body> Tagının Bi
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:14px;
margin:10px;
}
.showpageArea a {
color: #000;
text-shadow:0 1px 0px #fff;
font-weight: 700;
}
.showpageNum a {
padding: 3px 8px;
color: #000;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd ;
}
.showpageNum a:hover {
border:1px solid #888;
background: #e0e0e0 ;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 ;
text-decoration: none;
}Kodu Koyduk 3 tamam. Şimdi </body> Tagını Arıyoruz Ve Diğerindeki Gibi </body> Tagının Bi
Üstüne Aşağıdaki Kodları Koyuyoruz Bitti.
Kod:
Artık Blogumuz Önceki Sonraki Sayfalar Değilde, Numaralandırma Şeklinde Gözükecektir. Güle güle kullanın.
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href; var postperpage=9;
var numshowpage=4; var upPageWord ='Önceki';
var downPageWord ='Sonraki';
</script>
<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js'
type='text/javascript'/>
Artık Blogumuz Önceki Sonraki Sayfalar Değilde, Numaralandırma Şeklinde Gözükecektir. Güle güle kullanın.
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}Bu kadar.Artık şablonunuzdaki o yazıdan kurtuldunuz.
Merhaba arkadaşlar. Bu yazımda sizlere blogger yukarı çık butonu eklentisini anlatacağım. Ama önce yukarı çık butonu eklentisinden biraz bahsedelim. Bu eklentiyi bloğunuza kurarak ziyaretçilerinizin kolayca istediklere sayfalara ulaşmasını sağlayabilirsiniz. Yukarı çık butonu eklentisininin en iyi yanlarından biri tasarımınızı daha iyi hale getirebiliyor olması ve çok uzun yazılar olan , veya çok fazla yazı olan bir bloğunuz varsa çok kolaylık sağlıyor olması. Eğer yukarıdaki özelliklere sahip bir siteniz varsa yukarı çık butonu eklentisini kesinlikle kullanmalısınız.
1. Adım: Blogger > Yerleşim > Gadget Ekle > Html/Javascript > Yolunu izliyoruz. Daha sonra aşağıdaki kodlarımızı ekliyoruz ve kaydediyoruz.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.blogokulu.blogspot.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHZDTqMMr3MusPSlQo7Lp7qr7kWBBetNaKVqYiHHf91U7zAMsT_BonpnxJII6A0xuU3DE-olh5iOMVSI-JpPgQAqUmxKeRFAPO4erI7qTqn34Fs8jYFXJ70deB6uf5BEvF4KltrJjk8bU/s1600/hb-arrow-up.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:25}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Sayfa Başına Dön'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
Eğer Yukarı çık butonunun resmini değiştirmek isterseniz yukarıdaki kod içerisinde mavi ile belirttiğim resim url'sini istediğiniz bir yukarı çık butonu resmiyle değiştirebilirsiniz.
Blogger siteleri için hazırlanmış mükemmel bir film teması her ne kadar film yayınlamak google amca için illegal olsada blogger ve blogspot üzerinden film sitesi kuracaklar için Johny Light abimizin hazırmış olduğu bu tema birebir. Tema türkçe değildir. türkçeleştirme yapabilirsiniz.
Seo uyumlu, özel widget'ler, mobil arayüzü, menüler, slider, öze arama, özel 404 error sayfası, Ajax sayfa navigatör ve birçok özellikler çok iyi bir Blogger şablonu. Kurulum ayrıntıları indireceğiniz dosyada bulunmakta.
Seo ya uygun olarak hazırlandı(Seo Dostu)
CSS standartizasyonuna uygun.
CSS Sprite
Cufon font özelliği
Benzer yazılar
Yazı bilgisi
Manşet Alanı
CSS3 Arama Kutusu
Düzenlenmiş Menü
Düzenlenmiş Alt Menü
Düzenlenmiş Sidebar Başlıkları
Resimlere Hover Olarak CSS3 Özelliği Kullanıldı
Çok şık bir görünüş ile teknoloji blogları için ideal.
Arkadaşlar bu temayı editleyip kendinize göre uyarlarsanız eminim ki ortaya güzel bir şey çıkacaktır.
Burakisci V4 Özellikleri
- Sade, hızlı ve şık yapısı ile tamamen SEO uyumlu wordpress temasıdır.
- Kodlama konusunda kesinlikle hiçbir kodlama hatası bulunmamakla beraber, kodlama tamamen SEO uyumlu biçimde yapılmıştır.
- Tema da birçok ayarı yapabileceğiniz gelişmiş bir tema paneli bulunmaktadır. Tema panelinin resmine buraya tıklayarak ulaşabilirsiniz.
- Bazı eklentiler temaya entegre edilerek hız ve CPU konusunda büyük tasarruflar sağlanmıştır.
- Tema da oldukça geniş çapta CSS Sprite yöntemi kullanılmıştır.
- Temada ki sorgu sayısı 14'e kadar indirilmiştir, eğer panelden bazı kısımları kapatırsanız bu rakamı 10'un altına bile indirebilirsiniz.
- CSS3 ve Jquery'i tema da bolca kullanılmıştır.
- Header kısmı bu tema da biraz daha değişti, öncelikle logo bölümünün arkaplanı otomatik olarak turuncudur. Eğer saydam bir logo kullanırsanız arkaplanı turuncu gözükecektir fakat arkaplanı beyaz yapmak istiyorsanız logonuzun arkaplanını beyaz yapmanız yeterli olacaktır.
- Logonun yanında ki alana gelince o kısımda tamamen tema panelinden ayarlanabilir bir metro menü kullandım ancak bazı kişilerin bu menüyü sevmeyeceklerini düşündüğümden o alanda isterseniz reklam alanı da gösterebiliyorsunuz bu ayarı da yine tema panelinden ayarlıyorsunuz.
- Bu kısımların altında ise hemen bir menü yer alıyor. Menüye biraz Jquery kullanarak şekil vermeye çalıştım ancak hatırlatmak isterim ki menü açılır menü sistemini desteklemiyor, menünün yeterince geniş olmasından dolayı böyle bir özellik eklemeye gerek duymadım.
- Menü altına indiğimizde ise 3 yazının listelendiği bir nevi manşet sistemi oluşturdum. Bu kısımda isterseniz son yazılarınızı isterseniz de bir kategoriye ait son yazıları gösterebiliyorsunuz. Manşet bölümünü de tema panelinden kapatmanız mümkündür.
- İndex kısmına geldiğimizde ise kullandığım index şablonunu önceki temadaki şablona oranla incelediğimizde oldukça fazla bir sadeleşme göze çarpıyor. Özellikle de gereksiz ikon kullanımından kaçındım. İndex şablonunun bu şekilde daha açık ve anlaşılır olduğunu düşünüyorum.
- İndex kısmının hemen altında ise bir miniblog bölümü yer alıyor. Bu bölümde belirlediğiniz kategoriye ait son üç yazıyı listeleyebiliyorsunuz. Dilerseniz bu kısmı tema panelinden kapatabilirsiniz.
- Bu güne kadar ki Burakisci V3 kullanımlarını incelediğimde slider, son izlediklerim ve son dinlediklerim alanlarının fazla kullanılmadığını gördüğümden bu alanları temadan kaldırdım ancak yine de slider yerine kullanabileceğiniz bir manşet bölümünü de temaya ekledim.
- Bu temada ise temaya özel 4 tane bileşen oluşturdum.
- İlk bileşenimiz reklam alanı bileşeni öncelikle son zamanlarda artan 90×90 reklam alanlarının kullanımı dolayısıyla bende reklam alanlarını 125×125 boyutları yerine 90×90 boyutlarında oluşturdum. Bu sayede reklam alanlarında artış gözleniyor. Bu bileşenin ayarlarını tema panelinden yapabiliyorsunuz. İlk kutucukta siz panelden herhangi bir kod girene kadar kendi blogumun reklamı gözükmektedir, engellemek için panelden ilk reklam kutusuna herhangi bir kod girişi yapmalısınız.
- İkinci bileşenimiz ise sosyal dünyam bileşeni. Bu bileşeni, Burakisci V3'de bulunan sosyal dünyada ben bileşenini biraz daha geliştirerek ve e-mail abonelik formu ekleyerek temaya dahil ettim. Eskisinden daha şık ve kullanış açısından daha yararlı bir hale girdi. Bu bileşenin ayarları da tema panelinden yapılmaktadır.
- Bir diğer bileşen ise artık her temamda görmeye alıştığınız çift sütunlu kategori bileşenidir.
- Son olarak temaya özel bir son yazılar, popüler yazılar, son yorumlar bileşeni bulunmaktadır. Bu bileşen Jquery ile hazırlanmıştır. Popüler yazılar yorum sayısına göre listelenmektedir.
- İçerik sayfasında baktığımızda ise her zaman ki gibi yine arama motorları tarafından sevilen ve sitede ki ziyaretçi dolaşımında kolaylık sağlayan "Anasayfa > Kategori > Yazı başlığı" şeklinde ki link yapısı ilk sırada yerini alıyor.
- İçerik kısmının altında ise bir sosyal paylaşım alanı yer alıyor.
- Bu kısmın altında ise ilk defa bir temamda kullanmaya karar verdiğim "önceki – sonraki yazı" kısmı yer alıyor. Bu kısmın site içerisinde ki ziyaretçi dolaşımını benzer yazılar kısmından daha çok arttıracağını düşünüyorum. Bu kısmı isterseniz tema panelinden kapatabilirsiniz.
- Diğer yandan bu kısmın altında ise hemen benzer yazılar bileşenini koydum. Bu bölümde yazı ile aynı kategoride ki son 3 yazı listelenmektedir isterseniz bu alanı da tema panelinden kapatabilirsiniz.
- Tema da sade ve şık bir yorum sistemi kullanılmıştır.
- Footer yine bileşen desteklidir, istediğiniz kadar bileşen ekleyebilirsiniz.
- Yine footera herhangi bir telif yazısını tema panelinden ekleyebiliyorsunuz.
- Temanın çalışması için sunucunuzda Ioncube yüklü olmalıdır.