Hazır Sosyal Paylaşım Eklentisi - 9

Pazar, Haziran 28, 2015 3 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar,
bu yayınımda sizlere blogger sosyal medya eklenti serisinden yeni bir eklenti sunacağım.Üzerine gelince dönen sade bir eklenti.

Nasıl Eklenir?
-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz.

<style>
.pakmax-fancyshare img {
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.pakmax-fancyshare img:hover {
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
</style>
<center>
<div class="pakmax-fancyshare">
<a href="https://www.facebook.com/#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNOh28fuaNyxuriJDhUsvXPsnnjxHMVlWCG0sYxcgA7-QdCyjJ0izBKZxF_EmZ6XTExFGYEeZbbUDLlnYIDbOVACNpOMfousiU-c-gufZ_E4AZ7KJObcOh7OgjbFeGZJiM5FFQMnI9owtb/h120/facebook.png" /></a>
<a href="https://twitter.com/#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIZ8TGS3o-GjIF7HA4KzsXxZH3hRmXI69UrbB7-yVYVzXeTQ_ibMvUpPTokNGDoefttnAmJ1LHIOIHhK1H7OvRTBcPTNGGa0knJ53y_9d-Qlsw3qg_VcIL2CbCNfej-TpZ_XCcigbHRYb/h120/twitter.png" /></a><br />
<a href="https://plus.google.com/#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueRdPLsibtacgd1mkVsiN-WthypACgrb3LzSKZGPaSEpxknkNgBhmjgA94cXSwDJrUlby90rKJK62oAtGY7IVj43uH-03W-7iqF_zMkDFOXmONQh2oqbjQeiELvgdyX5wzD6egIJB_fR-/h120/g+.png" /></a>
<a href="http://feeds.feedburner.com/#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuRTu5JqFvtotnf7vesagowVPxmijrSn4skt9En-X96iGSUQLCae_Pta28Y5G0kQbaGtXZPp3hr3SWzcE4tSUJENZFuH10plJfiwfjdfED2gGbzXHyCqsDqOKFuH96F4rVK_AFPTGs1eS/h120/Rss.png" /></a>
</div>
</center>





# ile olan yerlere sosyal medya kullanıcı adreslerimizi ekliyoruz.
Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...

Blogger Slider Eklentisi - 3

Cumartesi, Haziran 27, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere blogunuz için güzel bir slider eklentiden bahsedeceğim.Css ile hazırlanmış olan boyutu uyarlanabilir,resimler ve başlıklar düzenlebilir olan güzel bir eklenti.

Nasıl Yaparız?
-Blogger Admin Panel'inden istersek blogger kodlarının içinden bi yere istersekte gadget olarak ekleyebiliriz.
-Kodlardan eklemek istiyorsak;
-Blogger Admin Panel'inden Şablon > Html'yi Düzenle diyoruz ve slider in nerde gözükmesini istiyorsan oraya aşağıdaki kodları ekliyoruz.
-Gadget olarak eklemek istiyorsak eğer;
-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve kodu ekliyoruz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/ 
#simplegallery1{ //CSS for Simple Gallery Example 1 
position: relative; /*keep this intact*/ 
visibility: hidden; /*keep this intact*/ 
border: 1px solid #666; 
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined) 
text-align: left; 
padding: 2px 5px; 
font: 10px normal verdana, arial; 
}
</style>
<script type="text/javascript" >
var simpleGallery_navpanel={ 
    loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAgux6QAuFnHJsxChZONnRXktHwFu3hVShuXyiabal3cOexkBu2RF4iJLQ6YekBj7ECf4Xp16X_Zvj-KqSxFqt2z29APSr_sPuLGAQw7NJ3DSyIOxcIG4aE6GNxJXULL253XR_zrhfJGY/s400/ajaxload.gif', //full path or URL to loading gif image 
    panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container 
    images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUBz6VdFSPqFScX_3jGnuyFj0eEKnuxuh4W3P9V19p-SNn7sJY8n7Kf-p6nR_V7ej3VaAQ2pqg1zJqqfVIhQnW9N_hEiiJSAbJpgBnBNiMXdeFZqKObGI_4CPl3MJLPX4LnfxGUQ-KlU/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8sQlu7JTktqtJnE7e20yK-OXPg7b7gQgqx58zLnHLN7xq_4XperKMa1Qq0L9AoJmd-aKdUsPezdxr2CThtOL4oY3wFcZNiFuH0K4Zhyphenhyphen3qf5iOW_u2OCpGLFHa9f3ml1ptCnvoNw3Qbf4/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgAN9kND0nk7ZYCvF5VBeUtT-53KbAWikHvCd6a8LFIDmdvIRQN9vJu8N1TJkgFogTgF6GWoEn9tmlb42qwN3RK-3Etv-Ysmvwa5nY7YNJMS0LDEv9Jeae3C45bGQLm4LfD6bIz21Wq-0/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTg3TCgjso1X1zV6sP0Uf4N0Ti25mlVgFg_0M5BWHHrfSJ6uZ_5yUNf930p-BtfjGiADTux4E_T1sc267_DawvLxZkUx4qXa8X1yB5Pc1cjor-M_tQ6g3lUJAYt285RP3E5sMeG8iNeVM/s400/pause.gif'], //nav panel images (in that order) 
    imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images 
    slideduration: 500 //duration of slide up animation to reveal panel 
}
function simpleGallery(settingarg){ 
    this.setting=settingarg 
    settingarg=null 
    var setting=this.setting 
    setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height) 
    setting.fadeduration=parseInt(setting.fadeduration) 
    setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0 
    setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty 
    setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery 
    setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play 
    setting.currentstep=0 //keep track of # of slides slideshow has gone through 
    setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles 
    setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide) 
    setting.oninit=setting.oninit || function(){} 
    setting.onslide=setting.onslide || function(){} 
    var preloadimages=[], longestdesc=null, loadedimages=0 
    var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it 
    setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains "" 
    setting.$loadinggif=(function(){ //preload and ref ajax loading gif 
        var loadgif=new Image() 
        loadgif.src=simpleGallery_navpanel.loadinggif 
        return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('<div style="position:absolute;text-align:center;width:100%;height:100%" />').parent() 
    })() 
    for (var i=0; i<setting.imagearray.length; i++){  //preload slideshow images 
        preloadimages[i]=new Image() 
        preloadimages[i].src=setting.imagearray[i][0] 
        if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length) 
            setting.longestdesc=setting.imagearray[i][3] 
        jQuery(preloadimages[i]).bind('load error', function(){ 
            loadedimages++ 
            if (loadedimages==setting.imagearray.length){ 
                dfd.resolve() //indicate all images have been loaded 
            } 
        }) 
    } 
    var slideshow=this 
    jQuery(document).ready(function($){ 
        var setting=slideshow.setting 
        setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV 
        if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found 
            alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.") 
            return 
        } 
        setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide 
            .css({position:'absolute', left:0, top:0}) 
            .appendTo(setting.$wrapperdiv) 
        setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif 
        setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects 
        setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects 
        if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled) 
            setting.descdiv=simpleGallery.routines.adddescpanel(setting) 
        $(setting.navbuttons).filter('img.navimages').css({opacity:0.8}) 
            .bind('mouseover mouseout', function(e){ 
                $(this).css({opacity:(e.type=="mouseover")? 1 : 0.8}) 
            }) 
            .bind('click', function(e){ 
                var keyword=e.target.title.toLowerCase() 
                slideshow.navigate(keyword) //assign behavior to nav images 
            }) 
        dfd.done(function(){ //execute when all images have loaded 
            setting.$loadinggif.remove() 
            setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')}) 
            setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')}) 
            slideshow.showslide(setting.curimage) //show initial slide 
            setting.oninit.call(slideshow) //trigger oninit() event 
            $(window).bind('unload', function(){ //clean up and persist 
                $(slideshow.setting.navbuttons).unbind() 
                if (slideshow.setting.persist) //remember last shown image's index 
                    simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage) 
                jQuery.each(slideshow.setting, function(k){ 
                    if (slideshow.setting[k] instanceof Array){ 
                        for (var i=0; i<slideshow.setting[k].length; i++){ 
                            if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div 
                                slideshow.setting[k][i].innerHTML=null 
                            slideshow.setting[k][i]=null 
                        } 
                    } 
                    if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
                        slideshow.setting[k].innerHTML=null 
                    slideshow.setting[k]=null 
                }) 
                slideshow=slideshow.setting=null 
            }) 
        }) //end deferred code 
    }) //end jQuery domload 
}
simpleGallery.prototype={
    navigate:function(keyword){ 
        clearTimeout(this.setting.playtimer) 
        this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number 
        if (!isNaN(parseInt(keyword))){ 
            this.showslide(parseInt(keyword)) 
        } 
        else if (/(prev)|(next)/i.test(keyword)){ 
            this.showslide(keyword.toLowerCase()) 
        } 
        else{ //if play|pause button 
            var slideshow=this 
            var $playbutton=$(this.setting.navbuttons).eq(1) 
            if (!this.setting.ispaused){ //if pause Gallery 
                this.setting.autoplay[0]=false 
                $playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]}) 
            } 
            else if (this.setting.ispaused){ //if play Gallery 
                this.setting.autoplay[0]=true 
                this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1]) 
                $playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]}) 
            } 
            slideshow.setting.ispaused=!slideshow.setting.ispaused 
        } 
    },
    showslide:function(keyword){ 
        var slideshow=this 
        var setting=slideshow.setting 
        var totalimages=setting.imagearray.length 
        var imgindex=(keyword=="next")? (setting.curimage<totalimages-1? setting.curimage+1 : 0) 
            : (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1) 
            : Math.min(keyword, totalimages-1) 
        setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex]) 
        setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground 
            .stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete: 
                clearTimeout(setting.playtimer) 
                setting.gallerylayers[setting.bglayer].innerHTML=null  //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below) 
                try{ 
                    setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage) 
                }catch(e){ 
                    alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e) 
                } 
                setting.currentstep+=1 
                if (setting.autoplay[0]){ 
                    if (setting.currentstep<=setting.totalsteps) 
                        setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1]) 
                    else 
                        slideshow.navigate("play/pause") 
                } 
            }) //end callback function 
        setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background 
        setting.fglayer=setting.bglayer 
        setting.bglayer=(setting.bglayer==0)? 1 : 0 
        setting.curimage=imgindex 
        setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length 
        if (setting.imagearray[imgindex][3]){ //if this slide contains a description 
            setting.$descpanel.css({visibility:'visible'}) 
            setting.descdiv.innerHTML=setting.imagearray[imgindex][3] 
        } 
        else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled) 
            setting.descdiv.innerHTML=null 
            setting.$descpanel.css({visibility:'hidden'})
        } 
    },
    showhidenavpanel:function(state){ 
        var setting=this.setting 
        var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1] 
        setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration) 
        if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled) 
            this.showhidedescpanel(state) 
    },
    showhidedescpanel:function(state){ 
        var setting=this.setting 
        var endpoint=(state=="show")? 0 : -setting.descpanelheight 
        setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration) 
    } 
}
simpleGallery.routines={
    getSlideHTML:function(imgelement){ 
        var layerHTML=(imgelement[1])? '<a href="'+imgelement[1]+'" target="'+imgelement[2]+'">\n' : '' //hyperlink slide? 
        layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0" />' 
        layerHTML+=(imgelement[1])? '</a>' : '' 
        return layerHTML //return HTML for this layer 
    },
    addnavpanel:function(setting){ 
        var interfaceHTML='' 
        for (var i=0; i<3; i++){ 
            var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0) 
            var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next') 
            var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i] 
            interfaceHTML+='<img class="navimages" title="' + title + '" src="'+ imagesrc +'" style="'+imgstyle+'" /> ' 
        } 
        interfaceHTML+='<div class="gallerystatus" style="margin-top:1px">' + (setting.curimage+1) + '/' + setting.imagearray.length + '</div>' 
        setting.$navpanel=$('<div class="navpanellayer"></div>') 
            .css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'}) 
            .appendTo(setting.$wrapperdiv) 
        $('<div class="navpanelbg"></div><div class="navpanelfg"></div>') //create inner nav panel DIVs 
            .css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
            .eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
            .eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div 
            .appendTo(setting.$navpanel) 
        return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects 
    },
    adddescpanel:function(setting){ 
        setting.$descpanel=$('<div class="gallerydesc"><div class="gallerydescbg"></div><div class="gallerydescfg"><div class="gallerydesctext"></div></div></div>') 
            .css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'}) 
            .find('div').css({position:'absolute', left:0, top:0, width:'100%'}) 
            .eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div 
            .eq(1).css({color:'white'}).end() //"gallerydescfg" div 
            .eq(2).html(setting.longestdesc).end().end() 
            .appendTo(setting.$wrapperdiv) 
        var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext') 
        setting.descpanelheight=$gallerydesctext.outerHeight() 
        setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'}) 
        return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object 
    },
    getCookie:function(Name){ 
        var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair 
        if (document.cookie.match(re)) //if cookie found 
            return document.cookie.match(re)[0].split("=")[1] //return its value 
        return null 
    },
    setCookie:function(name, value){ 
        document.cookie = name+"=" + value + ";path=/" 
    } 
}
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({ 
    wrapperid: "simplegallery1", //ID of main gallery container, 
    dimensions: [600, 300], //width/height of gallery in pixels. Should reflect dimensions of the images exactly 
    imagearray: [ 
        ["RESİM URLSİ", "Resmin gideceği adres", "_new", "BAŞLIK 1"],
        ["RESİM URLSİ", "Resmin gideceği adres", "_new", "BAŞLIK2"],

        ["RESİM URLSİ ","Resmin gideceği adres", "_new", "BAŞLIK 3"],

        ["RESİM URLSİ", "Resmin gideceği adres", "_new", "BAŞLIK 4"],

        [RESİM URLSİ", "Resmin gideceği adres", "_new", "BAŞLIK 5"]
    ], 
    autoplay: [true, 2000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int] 
    persist: false, //remember last viewed slide and recall within same session? 
    fadeduration: 500, //transition duration (milliseconds) 
    oninit:function(){ //event that fires when gallery has initialized/ ready to run 
        //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")) 
    }, 
    onslide:function(curslide, i){ //event that fires after each slide is shown 
        //Keyword "this": references current gallery instance 
        //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML) 
        //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc) 
    } 
})
</script>
<div id="simplegallery1"></div>
- Yukarda 600 , 300 yazan yere sliderın boyutlarını ayarlayın.
 - Kırmızı renkle belirttiğim RESİM URLSİ kısmına resimlerin url adreslerini ekleyin.
-  Resmin gideceği adres yazan yerede resme tıklandığında hangi adrese gideceğini ekleyin.
-  BAŞLIK yazan yerlere ise resimlerin açıklamasını yazın.


Yardım için yoruma yazabilirsiniz... Sağlıcakla Kalın...

Gonzo Blogger Teknoloji Teması Türkçe

Cuma, Haziran 26, 2015 35 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar,
bu yayınımda sizlere muhteşem bir blogger temasından bahsedeceğim.Gonzo Responsive blogger teması teknoloji,haber,magazin gibi alanlarda kullanabileceğiniz güzel bir tema.

Temanın Özellikleri
-Responsive Blogger Tema
-Türkçe Tema
-Hazır Reklam Yerleşimi
-Facebook Yorum Sistemi
-Seo Destekli
-Haber,Magazin,Teknoloji Alanları İçin İdeal


Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın..

Daily News Blogger Haber Teması Türkçe

Perşembe, Haziran 25, 2015 6 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar,
bu yayınımda sizlere Daily News responsive blogger temasından bahsedeceğim.Haber,magazin veya istediğiniz herhangi bir alanda kullanabileceğiniz muhteşem bir tema.

Temanın Özellikleri
-Responsive Tema
-Türkçe Tema
-Reklam Yerleşime Uygun
-Slider Özellikli
-Facebook Yorum Sistemli
-Haber,Magazin alanına uygun


Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın..

Blogger İçin Geliştirilmiş Sekmeli Widget

Çarşamba, Haziran 24, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda blogunuz için muhteşem bir eklentiden bahsedeceğim.Blogunuzda etiketler,popüler yayınlar vb. gibi widgetleri yanyana koymak için ve blogunuzda hem güzel görüntü hemde blogunuzun sade görünmesi için güzel bir eklenti nasıl yapılacağından hemen bahsedeyim.

Nasıl yapılır?
-Blogger Admin Panel > Şablon > Html'yi Düzenle diyoruz ve </head> kodunun hemen üstüne aşağıdaki kodu ekliyoruz.



-Daha sonra yine kodlardan ]]></b:skin>   kodunu buluyoruz ve aşağıdaki kodları hemen üstüne ekliyoruz.



Şimdide kodlardan Variable definitions kodunu buluyoruz ve hemen altına aşağıdaki kodları ekliyoruz.



Geldik son aşamaya kodlardan id='sidebar-wrapper'> kodunu  arayın ve hemen altına aşağıdaki kodları ekleyip kaydedin.


-Son aşamadayız şimdi Blogger Admin Panel'inden Yerleşim diyoruz ve sağda widgetler de aşağıdaki resimdeki gibi tablar oluşacaktır.Sizde oradan tab1 den başlayıp tab 4 e kadar istediğiniz widgetleri ekleyin.


Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...





Revoltify Responsive Blogger Teması Türkçe

Salı, Haziran 23, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizler Revoltify Alternate responsive blogger temasından bahseceğim.Sade ve zarif görüntüsüyle her alanda kullanabileceğiniz süper bir tasarım.

Temanın Özellikleri
-Responsive Tema
-Türkçe Tema
-Hazır Sosyal Paylaşım Eklentili
-Hazır Reklam Yerleşimi
-Seo Destekli
-Basit Düz Tasarım
-Yeni Yorum Sistemli
-Reklam Yerleşime Uygun

Temayı kurarken bannerdaki resmi değiştirmek için aşağıdaki adımları uygulayın.
Adım 1: Tema kodlarından png yazarak aşağıdaki resimde yere gelin ve okla gösterilen yere kendi bannerinizin urlsini ekleyin...
Temayı yüklerken problem yaşarsanız yardım için yoruma yazabilirsiniz...İyi Bloglamalar...

Sağdan Açılır Facebook Beğen Eklentisi

Sağdan Açılır Facebook Beğen Eklentisi

Pazartesi, Haziran 22, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere sağdan açılır Facebook beğen eklentisinden bahseceğim.Bloglarda önemli olan şeylerden biri sosyal medyada takipçi kazanabilmektir.Bunu bu eklenti sayesinde yapabilirsiniz blogunuza giren ziyaretçinin gözüne çarpan bu eklenti hangi sayfada olursanız olun sağda görenecektir.

Peki bu eklenti nasıl eklenir?

Adım 1:
Blogger Admin Panel > Yerleşim > Widget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz.

Yukarda http%3A%2F%2Ffacebook.com%2Fkodblogcum yazan yere kendi facebook adresinizi yazıyorsunuz.

Adım 2:
Blogger Admin Panel > Şablon > Html'yi Düzenle diyoruz ve </head> kodunu bulup hemen üstüne aşağıdaki kodu ekliyoruz.


Hepsi bu kadar sağlıcakla kalın....İyi bloglamalar...

LifeHack Responsive Blogger Teması Türkçe (3 Renk Seçenekli)

Pazartesi, Haziran 22, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizler LifeHack responsive blogger temalarını sunacağım.3 renk seçeneği ile her alanda kullanabileceğiniz sade ve şık temaları sunmaya başlayayım.

LifeHack Turuncu Responsive Blogger Teması   


-Turuncu Renk Seçeneği
-Responsive Tema
-Türkçe Blogger Tema
-Hazır Facebook Eklentili
-Reklam Yerleşime Uygun


LifeHack Yeşil Responsive Blogger Teması   


-Yeşil Renk Seçeneği
-Responsive Tema
-Türkçe Blogger Tema
-Hazır Facebook Eklentili
-Reklam Yerleşime Uygun



LifeHack Mavi Responsive Blogger Teması   


-Mavi Renk Seçeneği
-Responsive Tema
-Türkçe Blogger Tema
-Hazır Facebook Eklentili
-Reklam Yerleşime Uygun
Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz....

Minima Colored Responsive Blogger Teması Türkçe

Pazartesi, Haziran 22, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar ,
bu yayınımda sizlere Minima Colored responsive blogger temasını sunacağım.Her alanda kullanabileceğiniz sade ve türkçe tema.

Temanın Özellikleri

-Responsive Uyumlu
-Seo Destekli
-Türkçe Blogger Teması
-Yukarı Çık Eklentili
-Reklam Yerleşime Uygun
-Her Alanda Kullanabilirsiniz..



Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz....

Magation Responsive Blogger Teması Türkçe

Cumartesi, Haziran 20, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere Magation responsive blogger temasını sunacağım.Geniş ve sade özelliği ile kullanabileceğiniz en iyi temalardan birisi olabilir.Her alanda kullanabileceğiniz muhteşem tema.

Temanın Özellikleri
-Responsive Tema
-Türkçe Tema
-Magazin ve resimli bir blog için ideal.
-Seo Destekli
-Beyaz Ağırlıklı


Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz....

Blogger Düzenle(Wrech) İkonunu Kaldırma

Cumartesi, Haziran 20, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere bloggerda bazı temalarda başımıza gelen bir sorundan bahsedeceğim.Sorunumuz düzenle (wrech) ikonu;
 temayı yükledikten sonra önizleme dediğimiz zaman widgetlerin sağ alt kısmında anahtar ve tornavida ikonlarını görürüz ve bu da hem bizi hem de kullanıcıyı rahatsız eder.Aslında bu hem iyi birşeydir hemde kötü iyi olan tarafı hızlı bir şekilde widgeti düzenleriz kötü olan tarafı ise temayı önizle dediğimiz zaman widgetin altında görünmesi bizi ve rahatsız eder.Peki biz bunu bu şekilde yapmak istemiyoruz.Bu ikonun nasıl kaldıralacağından hemen bahsedeyim.

Düzenle(Wrech) Nasıl Kaldırırım?

Blogger Admin Panel > Şablon > Html'yi Düzenle diyoruz ve Ctrl + f tuşlarına basarak <b:include name='quickedit'/> kodunu buluyoruz ve siliyoruz.

Artık böyle bir sorunumuz yok...Sağlıcakla Kalın...

Ravia Responsive Blogger Teması Türkçe

Cumartesi, Haziran 20, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar ,
bu yayınımda sizlere Ravia responsive blog temasını sunacağım.Açık renk ağırlıklı galeri,kişisel vb. alanlarda kullanabileceğiniz Türkçe responsive tema.

Temanın Özellikleri

-Türkçe tema
-Hazır Sosyal Medya Eklentili
-Responsive 
-Seo Destekli
-Açık Renk Ağırlıklı
-Galeri,Kişisel vb. Alanlarda kullanılabilir.



Yardım için yoruma yazabilirsiniz....

Sendigo Responsive Blogger Teması Türkçe

Cuma, Haziran 19, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere Sendigo Responsive blog temasını sunacağım.
Çeşitli alanlarda kullanabileceğiniz güzel bir tema.

Temanın Özellikleri

-Responsive Tema
-Türkçe Editlenmiş 
-Hazır Reklam Alanları
-Beyaz ağırlıklı
-Her alanda kullanabileceğiniz şık tema
-Hazır Facebook yorum sistemi




Yardım için yoruma yazabilirsiniz....