Blogger Özel Efektli Slider Otomatik Slayt Manşet Eklentisi, blogger slayt mahset eklentisi, blogger özel manşet ekleme, blogger özel efektli manşet ekleme
Merhabalar;
Bu Konumuzda sizlere Blogger Özel Efektli Slider Otomatik Slayt Manşet Eklentisi 'ni anlatacağım.Birçok kişi sitesinin görsel efektler ile süslemeyi sever şahsen ben öyleyim.Sitenin Ana sayfasında görselliğe önem veririm TeknoWin'den de gördüğünüz üzre.

Bu konumuzda sitenize renk katacak bir eklentiden bahsedicem. Birçok kaynakdan araştırdım ama sorunsuz çalışan yada istedigim eklentileri içiren bir Manşet eklentisi sonunda buldum ve sizlerle paylaşıyım dedim. 
Anlatıma geçmeden önce bu Slayt Manşet  eklentisini diğerlerinden ayıran özelik ise kişiseleştirilebilir olması hem En Yeni Yayınlarınızı hemde isterseniz belirtmiş olduğunuz Kategorileri otomatik manşet halinde göstermesi. Adımları İzleyin

Blogger Özel Efektli Slider Otomatik Slayt Manşet Eklentisi

  • Blogger'e Giriş Yapın
  • Yerleşim>> Gatget Ekle>> HTML/JavaScript Yolunu İzleyin
Aşağıda vermiş olduğum kodu sitenizin hangi bölümünde görünmesini iztiyorsanız o bölümün HTML/JavaScript penceresine ekleyin.Önerim sağa veya sola eklemeniz
<style scoped="" type="text/css">
ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.rcentside{font-size:11px}ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative }ul.rcentside{width:100%;height:500px }ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block }ul.rcentside img{border:0;width:100%;height:auto}ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.rcentside li:nth-child(2){left:0;top:50% }ul.rcentside li:nth-child(3){left:50.5%;top:50% }ul.rcentside li:nth-child(4){width:100%;left:0;top:75% }ul.rcentside .overlayx,ul.rcentside li{transition:all .4s ease-in-out }ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.rcentside .overlayx,ul.rcentside img{margin:3px}ul.rcentside li:nth-child(1).overlayx{background-position:50% 25% }ul.rcentside .overlayx:hover{opacity:.1 }ul.rcentside h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.rcentside li:hover h4{bottom:30px}ul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4{font-size:150% }ul.rcentside .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.rcentside li:hover .label_text{bottom:20px;opacity:1}ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px }
</style>
<div id="featuredpostside"></div>
<script type='text/javascript'>
function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};
//<![CDATA[
FeaturedPostSide({
  blogURL: "https://teknoowin.blogspot.com",
  MaxPost: 8,
  idcontaint: "#featuredpostside",
  ImageSize: 300,
  interval: 5000,
  autoplay: true,
  tagName: false
});
//]]>
</script>
Kodları ekledikden sonra kaydedin.

Kodlar üzerinde değiştirmeniz gereken yerler

Kırmızı İle belirmiş oldugum yerleri kendinize göre degiştirebilirsiniz.
blogURL: "https://teknoowin.blogspot.com", :Buruya kendi adresinizi yazın
  MaxPost: 8, :Buraya Kaç adet yayını göstermek isterseniz o sayıyı yazın(maxsimum 4 
manşet gösterir ama siz 10 yaparsanız geriye kalan yayını sıraya ekler)
  idcontaint: "#featuredpostside",
  ImageSize: 300, :Manşet resim boyutu 
  interval: 5000, :Otomatik Degiştirme hızı
  autoplay: true, :otomatik olarak sıra ile mahsetleri değiştirir oruya false 
yazarsanız manuel olur
  tagName: false :Burasıda belirmiş olduğunuz kategorideki yayınları gösterir 
kategori şeklinde göstermek false yazan yere "Kategori" şeklinde yazmanız yeterlidir.
Bir Blogger Konularının da sonuna geldik umarım işinize yarar.TeknoWin Sundu 😏
Umarım Yardımcı Olmuşumdur Yapamadığınız Bir Yer veya Takıldığınız Bir Sorun Olursa Yorumlarda Belirtin.
Not : Eklentideki kategori belitme seçeneği çalışmamaktadır bunu dikkate alıpda eklentiyi kurunuz. Kategori eklemekde sıkıntı yaşayanlar için yardımcı olamam.
Axact

Admin Ælis

TeknooWin.blogspot.com Bir çok konuda fikir sahibi olduğu kategorilere yönelip kullanıcıya en iyi ve en özgün bilgiyi sunmayı amaç edinmiştir.TeknoWin Olarak Güncel Haber , Teknoloji , İnternet , Program İndirme , Blogger Konuları , Blogger Temaları Magazin Haberleri , İlginç Bilgiler ,Pratik Bilgiler ve Çözümler , Program Hataları ve Çözümleri Film İndir ve Dizi İndir Oyun İndir , Film Dizi Hakkında Öneriler , Videolar Komik Gifler Fotograflar Tüm Bu Kategorileri Baz Alan Genel Güncel Paylaşım ve Portal Sitesidir...

Yorum Yap:

12 Yorum Yapılmış:

  1. Admin eline saglık gerçekten güzel bi konu çok araştırdım hiçbir yerde çalışan haber manşeti yok gerçekten çalışıyor teşekkürler iletişimde sitemin edresini yazdım bu analiz edersen çok sevinirim şimdiden tşkler

    YanıtlaSil
    Yanıtlar
    1. Rica ederim meilinizi aldım detayları size meil ile birdiricem takipte kalın

      Sil
  2. "Kategori" şeklinde . demekten kastınız ne ben u kısmda anlamadım

    YanıtlaSil
    Yanıtlar
    1. "Kategori" Derken yani sitenizdeki hangi kategörileri mansette yayınlamasını istiyorsanız o kategöriyi yazın anlamında bide örnek vereyim mesela TeknoWin'de bu mahset eklentisini göstermek istedigim kategöri "Blogger Temaları" sstemdeki bu kategöriyi belirtim ve manset bu kategöriyi kullanarak yayınları göstercek yani "Kategori" kısmına sitenizde bulunan kategöriyi yazınız. Umarım anlatabilmişimdir

      Sil
    2. örneğin sitemdeki blog atiketine sahip yayınları göstermk istiyorum şöylemi yapcm
      tagName: false bu kod yeri tagName: Blog

      böylemii ?

      Sil
    3. Evet aynen böyle yapcaksın bu şekilde belirlemiş olduğun Blog kategorisindeki yayınları manset şeklinde göstermiş olursun

      Sil
    4. ekledim ama bir türlü sitemde gözükmüyor. hiç kodları değiştirmediğimden eklediğimde ise beli bir süre sonra görünüyor oda bir yayına tıkladığımda sonra görünüyor yardımcı olurmusunuz

      Sil
    5. Adımları sorunsuz bir şekilde yaptığınızdan eminmisiniz peki. Eklentide hiç bir sorun yok muhtemelen bir kodda yanlışlık olmalı kodlar farklı 2 sistemdede çalışmakda
      https://temademov2.blogspot.com.tr/ Burdanda bakabilirsiniz. Birde site linkini yazarken blogspot.com olarak belirtin blogspot.com.tr bu şekilde olmasın hala aynı hatayı alıyorsanız bana link verirseniz bakmak isterim

      Sil
    6. şimdi ise yaptım fakat bi yayına tıkladıktan sonra görünüyor

      Sil
    7. facebook dan sizinle iletişime geçebilirmiyim ?

      Sil
    8. Tabiki https://www.facebook.com/TeknooWin/ Bu adresden mesaj atabilirsin

      Sil
    9. teşekkürler mesaj attım

      Sil

Yorum yazabilmek için:
Yorumlama biçimi seçeneklerinden profil üyeliğiniz yoksa; Adı/URL profilini seçip kendi belirlediğiniz isimle URL kısmını boş bırakarak yorum yazabilir ya da Anonim profili seçeneği ile isimsiz olarak yorum yapabilirsiniz.