1 Temmuz 2015 Çarşamba

Yukarı Çık Eklentisi

Blogunuza Yukarı Çık Eklentisi Ekleyin. Blogunuz Ziyaretçileri Sayfanın Alt Kısmına Geldiğinde Hızlı Bir Şekilde Yukarı Çıkmalarını Sağlar. Demosu Sayfanın Sağ Alt Kısmındadır. Şık Ve Güzel Bir Eklentidir. Yapılımıda Çok Basittir.

Aşağıdaki Yeşil Yazıları Bloggerınızın Şablon Kısmından </head> Kodunu Bulup (CTRL+F ile) Üstüne Yerleştirin.

<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/AVvXsEik7eRpObC8FoGZa3qvkSFKy7vvvI787HG9sVmIh_S9tYv7FVy1Bl7YEralvYD404gJWLZkG7BSfAeSkrxoSGl24YQrfXDwDqP9kPLRU3gCtIXh2aOkj7eJUG4ic9jz4ttijFS_0P9OT4M/s1600/FiftyDosyam_Yukar%25C4%25B1_Git_Eklenti.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>

Benzer Yazılar

Blogunuz İçin Olmazsa Olmaz Bir Eklenti. Şık Ve Sadedir. Blogunuzdaki Yayınlarda Bulunan Aynı Etiketlere Sahip Başka Yayınları Gösterir. Blog Ziyaretçilerinizin Hoşuna Gidecek Bir Eklenti. Yapılımı İse Şöyledir:






Aşağıdaki Mavi Yazıları </head> Kodunu Ctrl+F İle Bulup Üstüne Boşluk Bırakıp Koyun.

<!-- Benzer Yayinlar Eklentisi Blogum Icin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type="text/css"> 
#related-posts { 
float:center; 
text-transform:none;
 height:100%; 
min-height:100%; 
padding-top:5px; 
padding-left:5px; 

#related-posts h2{ 
font-size: 1.6em; 
font-weight: bold; 
color: black; 
font-family: Georgia, &#8220;
Times New Roman&#8221;, 
Times, serif; margin-bottom: 0.75em;
margin-top: 0em; padding-top: 0em; 

#related-posts a{
 color:black; 

#related-posts a:hover{ 
color:black; 

#related-posts a:hover { 
background-color:#d4eaf2; 

</style> 
<script type='text/javascript'> var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg"; var maxresults=4; var splittercolor="#d4eaf2"; var relatedpoststitle="Benzer Yazılar"; </script> <script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/> </b:if> <!-- Benzer Yayinlar Eklentisi Blogum Icin -->

Yukarıdaki Kırmızı Yazının Ordaki 4 Gösterilcek Yayın Sayısını Ayarlar.
Şimdi Aşağıdaki Yeşil Yazılardan Birini Ctrl+F İle Bulun. Sonra Turuncu Yazıları Seçtiğiniz Yeşil Yazının Altına Koyun.
<div class='post-footer-line post-footer-line-1'> yada <p class='post-footer-line post-footer-line-1'>


<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:loop values='data:post.labels' var='label'> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a href='http://alfadosyam.blogspot.com/2014/08/benzer-yazlar-eklentisi.html' style='display:none;'>Resimli Benzer Yazı Ekleme</a><a href='http://alfadosyam.blogspot.com.tr/' style='display:none;'>blogger yardım</a> </b:if></b:if> 
<!-- Benzer Yayinlar Eklentisi Alfa Dosyam -->
Eklenti Çalışmazsa Diğer Yeşil Yazıyı Seçin. Yine Olmazsa Yeşil Yazılardan Blogunuzda Sadece Bir Tane OLMAMASI Lazım. Deneyin.

30 Haziran 2015 Salı

Devamını Oku Eklentisi

Bloggerınıza Devamını Oku Ekleyin. Blogların Yaklaşık %95'inde Bulunur. Temanızın Dağınıklığını Giderir. Hazır Tema Kullanacaksanız Olmazsa Olmaz. Başka Yerden Yüklediğiniz Temalarda da Bozuk Çıkabiliyor Veya Devamını Oku Eklentisi Olmuyor. Şimdi Yapılışını Göstereceğim.

Aşağıdaki Kodları (CTRL+F İle) </head> Kodunun Hemen Üstüne Yerleştirin.

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 140;
img_thumb_width = 140;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="http://1.bp.blogspot.com/-gL37DI0AlJY/TjmThr0YhVI/AAAAAAAAAjY/y601RxVhXw8/s000/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>  

Şimdi İse <data:post.body/> Kodunu Bulun. (Not: Bu Koddan Birden Fazla Olabilir. İlki Olmazsa İkincisini Deneyin.)

<!-- Devamını Oku Başlangıcı -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Devamını oku...</a>
</b:if>
</b:if>
<!--Devamını Oku Bitişi -->

Devamını Oku Alanına Resim Eklemek İstiyorsanız Mavi Alana <img src="#"/> Şeklinde Eklersiniz.

8 Nisan 2015 Çarşamba

Otomatik Manşet Eklentisi

Blogunuza Aşırı İlgi Çeken Bir Eklenti Yani Manşet Eklentisi Ekleyin. Otomatiktir Ayar Gerektirmez. Aşağıdaki Gri Arkaplanlı Yazıları </head> Kodunun Üstüne Yerleştirin. Sonra Kırmızı Yazının Orda Mavi Yazı Yazan Yere Sitenizin Adresini Yazın. Kırmızı Yazılarıda Nereye Koyacağınız En Zoru. Yerleşim Alanında Uygun Bir Yer Varsa Deneyin. Olmadı main-wrapper Yazısını Arayın Bulduğunuz Kodun Altına Yerleştirin.
<style type="text/css">

          .camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.camera_wrap tr,.camera_wrap th,.camera_wrap td
          .camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thumbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
          .camera_wrap{display:none;float:left;position:relative;z-index:0;width:96%;padding:4px;background:#f3f3f3;border:1px solid #fff;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;margin:10px 0 0 2px}
          .camera_wrap img{max-width:none!important}
          .camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-index:1}
          .camera_src{display:none}
          .cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1}
          .cameraContents{position: relative;height: 100%;-webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);}
          .cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
          .cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%}
          .camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0}
          .camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}
          .camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}
          .camera_target_content .camera_link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R-EWeclkC77sAVwSX-dHnm4amx21Np3h_9wOmiNGwTbm7kKL-Vz9xp3tYZj1uB-fZNRpnU7N664VfLMwZ-7FwV99I-ZZ38VuyWJD013zwt5k3xJvXN_yVXUPgXGP1uE3VQ0SJWw5JTk/s1600/blank.gif);display:block;height:100%;text-decoration:none}
          .camera_loader{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2poCqZ3pNHuzCK_ARRzCMJT7-1jd9pp62LpM4eSqt_jbhFrleruNrM07E5eo525le-rYDZch_B48OvQKYf1GX6h7wUFZQmEgKxCZtZ7QU3WSpVXx71U4vGkiPw_rQj9ZQ4ftq8EVUz4I/s1600/camera-loader.gif) no-repeat center;background:rgba(255,255,255,0.9) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2poCqZ3pNHuzCK_ARRzCMJT7-1jd9pp62LpM4eSqt_jbhFrleruNrM07E5eo525le-rYDZch_B48OvQKYf1GX6h7wUFZQmEgKxCZtZ7QU3WSpVXx71U4vGkiPw_rQj9ZQ4ftq8EVUz4I/s1600/camera-loader.gif) no-repeat center;border:1px solid #fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}
          .camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}
          .camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto}
          .camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%}
          .camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}
          .camera_caption{bottom: 0;display: block;position: absolute;width: 100%;}
          .camera_caption > div{max-width:450px;font-size:16px;line-height:23px;margin-bottom:50px;background: #333;background: rgba(51, 51, 51, 0.65);-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
          .camera_caption a{color:#fff;font:bold 18px Arial;margin:0 0px 10px 0;padding:5px 10px;display:block;background:#eb4938;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
          .camera_caption a:hover{color:#ccc}
          .camera_caption .comt{font:11px Tahoma;margin:5px 0 0;color:#ccc;padding:0 10px}
          .camera_caption p{font:12px Arial;margin:5px 0 0;padding:0 10px 10px}
          .camerarelative{overflow:hidden;position:relative}
          .imgFake{cursor:pointer}
          .camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_prevThumbs div{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat -160px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_nextThumbs div{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat -190px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_command_wrap .hideNav{display:none}
          .camera_command_wrap{left:0;position:relative;right:0;z-index:4}
          .camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:center;}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li > span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0}
          .camera_pag_ul li img{display:none;position:absolute}
          .camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute}
          .camera_prev,.camera_next,.camera_commands{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2}
          .camera_prev{left:0}
          .camera_prev > span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat 0 0;display:block;height:40px;width:40px}
          .camera_next{right:0}
          .camera_next > span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat -40px 0;display:block;height:40px;width:40px}
          .camera_commands{right:41px}
          .camera_commands > .camera_play{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat -80px 0;height:40px;width:40px}
          .camera_commands > .camera_stop{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gHDp-H5aVvtr_L2eU0BcTEFbCA0-E3_PoK46rB1s4kYT2pY_OuZx62PWnclR2UzridPl0Jzyhl1gfsezBngfs-3BD_uOUdqDkhbWKC5eJHW_QLlrYtbi-0ugstSuqQIe9KI31heDMYs/s1600/camera_skins.png) no-repeat -120px 0;display:block;height:40px;width:40px}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:13px 5px 0;position:relative;text-indent:-9999px;width:16px;}
          .camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;position:relative;width:100%}
          .camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_thumbs_cont > div{float:left;width:100%}
          .camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;text-align:center}
          .camera_thumbs_cont ul li{display:inline;padding:0 4px}
          .camera_thumbs_cont ul li > img{border:1px solid;cursor:pointer;margin-top:5px;vertical-align:bottom}
          .camera_clear{display:block;clear:both}
          .showIt{display:none}
          .camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}
          .pattern_1 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMpU_U3WVn5JDunmtvZ9xvKOP-wg6kqU7kI7eWRG5RIQWTwbzi84sp17EBcnrmfnxgAfC7QwenT900KYlBU77SfKkiwvzeLjth7wwhytS5rPfMgsCjwGGjNePHq4sXgVvqOLuQlmrmO0/s1600/overlay1.png) repeat}
          .pattern_2 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GcTPqB3DAFubpTnVui3a-hSJl2Gef29fiPuIqtrbspGASGHdeSHu5fWukMCQjYn2_CJc7qouU04krHH5RJ0rxmUpK4Wq8gJ4JbIRbPXYBCTiIx3fcPCqZTJtv0J06aAcr0Vv4aArryQ/s1600/overlay2.png) repeat}
          .pattern_3 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKAmtVnEd2-Zsan7ESJ3ucQW9lePt6XQpTVHNW56hIaHH1MmMYOzlJN26iFDwOf4bMtCOSuF6sGudvJTyrPx9fpJoFM2eYbiDK7RHrAAYbM5h1GEyC20p70wEOnE-3tjX5znvETK64EE/s1600/overlay3.png) repeat}
          .pattern_4 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqPIKrlxo17zUNCYvTnMAwnDYir3x84udepa3S7XxnmdpsalwEUa2z7cyj668KGFchD6OEl6-cgNd42Cx53n_5dy5OQ016vv-uy8ksNFSGJRldnIoI2qncam_Ke1Hfe3gKIxxlaTf7ew/s1600/overlay4.png) repeat}
          .pattern_5 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVI8khVhO1uxSWJbOa9N84eS_5D0P37P9h113RknAPgVjIzjPpD7RICE1q0IBKZabt-9mEYcJGTBAbm9gf_gW-7KagQcxtxd-pimTt_PEp3xz4Qyz4nkvWeGG1BqYtAdTM7gHPsmu16_w/s1600/overlay5.png) repeat}
          .pattern_6 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkd0z1CcMeTEZtj0dNKL0avSwx_rKVQFgVBkFEzNce9bKhA6Pt6pkyTC6OuMQE1EUk632EY8AtJ25XsPis3l3aYTnnsm3JgKLZsC50jds3Y6lVYwd5Xv3owv-WhUa4VKV4IZTMcDyIFs/s1600/overlay6.png) repeat}
          .pattern_7 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxGQ1Q-YxsAdnrAHRTmhToFI4KmhIJXEvVDTcSP4lnrwW4V8HY5nzxTa0LTeBEvBn5ruiZI-0tzb48f0UkmgBSz6cteWbeH3opuVRHAu1OvSksifslDzBlsLcgvxCY7yLDjmVM5TWJ0I/s1600/overlay7.png) repeat}
          .pattern_8 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmmY5E9hdHe6OLzvphI_lUwPaYRmySklkkCMFwij6JxmngEa0nwLBAM85xXts9IXs0gpGTpHrPKNNTULuCWIEc8ZnBBxd288R1bkvTeHe5mWIcnjTv4eTm1wdAuE3cw6vWDrr9Qy3yV3g/s1600/overlay8.png) repeat}
          .pattern_9 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBW44xuAbAb81AnJ3rLAiNntYIUxziahuow9k79POs0k3eYNLmvsYwkPyw2dC77Dcushk2vE9bvDz63qjXZST2MXXYr66wWkUaNAUUGrKRx8jzC858Nk1BxUnXnmhyI1TncuNEhUsmvTo/s1600/overlay9.png) repeat}
          .pattern_10 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFknj-zN-QHJld_AIm4tG_nOVBvBbwSVCjJCwkZ4BhH7UKEWn7U91dakovF9fggybMb6HU8p265lSdfg8k2adtEvcXC5y_OIROJatg5jNur47q8eHC1S2nLGjxpNMlEfU0dHmDC8aiX6M/s1600/overlay10.png) repeat}
          .camera_caption{color:#fff}
          .camera_caption > div{background:(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVTA54DNosejOX4qmYaMNJnHiIfFdUZgLuf8MqjvpHmLrXLv7BTfVPX57xyOMEzst4PAjRdT1iM-3_Of-vhRYp70kW6VU9p9ctoNncjKCxaS-_GCEetQXxCiOY38RLVnFpuFGl2sIGje4/s1600/transparant.png)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#eb4938}
          .camera_pag_ul li img{border:3px solid #fff;-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5)}
          .camera_pag_ul .thumb_arrow{border-top-color:#fff}
          .camera_prevThumbs,.camera_nextThumbs,.camera_prev,.camera_next,.camera_commands,.camera_thumbs_cont{background:#fff;background:rgba(216,216,216,0.85)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#fff;box-shadow:0 1px 3px #c3c3c3; -moz-box-shadow:0 1px 3px #c3c3c3; -webkit-box-shadow:0 1px 3px #c3c3c3}
          .camera_thumbs_cont ul li > img{border-color:1px solid #000}
          /*ORANGE SKIN*/
          .camera_orange_skin .camera_prevThumbs div {
            background-position: -160px -920px;
          }
          .camera_orange_skin .camera_nextThumbs div {
            background-position: -190px -920px;
          }
          .camera_orange_skin .camera_prev > span {
            background-position: 0 -920px;
          }
          .camera_orange_skin .camera_next > span {
            background-position: -40px -920px;
          }
          .camera_orange_skin .camera_commands > .camera_play {
            background-position: -80px -920px;
          }
          .camera_orange_skin .camera_commands > .camera_stop {
            background-position: -120px -920px    ;
          }
          @media screen and (max-width:980px) {
            .post{margin:5px 9px 5px 5px;width:28%;padding:10px;height:auto;}
            .post h1,.post h2{font:14px Oswald;}
            .post-body{font:11px tahoma;height:auto}
          }
          @media screen and (max-width:800px) {
            .post{margin:5px 0 5px 5px;width:45.8%;padding:5px;}
          }
          @media screen and (max-width:620px) {
            .post{width:46%}
          }
          @media screen and (max-width:460px){
            .post{margin:14px 12px 0;width:auto;padding:10px}
            .cutter{max-height:120px}
            .camera_caption p{display:none}
          }
          @media screen and (max-width:310px){
            .post{width:86%;margin:10px;padding:8px}
          }
        </style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/11325639179/camera-slider.js' type='text/javascript'/>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
              <div id='randompost'/>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function () {
                  CameraSlider({
                    blogURL:'http://blogumicin.blogspot.com.tr/',
                    idcontaint:"#randompost",
                    NumCharacter: 160,
                  });
                });
                //]]>
              </script>
            </b:if>

Resimli Rastgele Yayınlar Eklentisi

Resimli Rastgele Yayınlar Eklentisi İle Widget Alanınızda Sayfa Değiştikçe Farklı Farklı Yayınlar Gözükecek. Çeşitli Bloglarda İhtiyacınız Olabilir. Aşağıdaki Gri Arka Planlı Yazıları Html Java Script'e Ekleyin Yeter. Etiket Yazan Yerede İstediğiniz Etiketi Yazın Seçtiğiniz Etikete Ait Rasgele Yayınlar Gözükecek. Tüm Yayınların Gözükmesini İstiyorsanız Kırmızı Yerleri Silin.


<style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}</style>
<ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Yorum';
    var rdp_disable='Yorum Yok';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default/-/Etiket?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5HRzCnfeE3mGUg0B2ekYE8FvzNtt08h_D7FdheCdfeW7CWa2d9OJhGM42RsdW-Vb2lNd9d41EzgRFjL672pV2mM0uLolXnEZ5vLuYVzYsY78E9xCOVUlBuW-DdqSGnauQ09Eo2xgQT4A/s48/resim-yok.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default/-/Etiket?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>

5 Ocak 2015 Pazartesi

Dairesel Paylaş Butonlar

Dairesel Paylaş Butonlar Çok Lüks Bir Eklenti. Blogunuzda Olması Gereken Eklentilerden Biri.

Demosu Sol Alt Köşededir

Yapımı İçin Şablon Html'yi Düzenleye Gelin. Ctrl+F İle <body> Kodunu Bulun (Bulamazsanız <body yazın) <body> nin Altına Aşağıdaki Beyaz Kodları Yerleştirin

<!-- Dairesel Paylaş Butonu Blogumİcin.Blogspot.Com Başlangıcı -->
<div class="shr_ss shr_publisher">

</div>
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>

<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- Dairesel Paylaş Butonu Blogumİcin.Blogspot.Com Bitişi -->

Blogger Bu Yazıyı Okudunuz Mu Eklentisi


Blogunuzdaki Herhangi Bir Sayfanın Altına Rasgele Yayın Eklentisi Eklemek İster Misiniz?

Demosunu Sayfanın En Altında Bulabilirsiniz.

Yapılışı İçin İlk Olarak Gadget Ekleden Html Java Scripts'e Aşağıdaki Beyaz Yazıları Ekleyin

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Bu Yazıyı Okudunuz mu ?</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://yourjavascript.com/22209113892/recom.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://blogumicin.blogspot.com" target="_blank"><img src="https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png" alt="Bu yazıyı okudunuz mu" /></a>

Sonra Şablon dan Html'yi Düzenleye Tıklayıp Aşağıdaki Mavi Yazılardan Birini Bulun.
<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

<data:post.body/> 

Bulduğunuzun Altına Aşağıdaki Beyaz Yazıları Yerleştirin

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Bu yazıyı okudunuz mu

Bu Sayfayı Paylaş



Popüler Yayınlar