Bumerang - Yazarkafe

Blogger Kayan Yatay Şerit Halinde Hareketli Slayt Alanı (Film Şeridi Tarzında)


Film şeridi gibi yatay olarak hareketli bir şekilde kayan, blogger kullanıcıları için tasarlanmış etiket bazlı çalışan slayt alnını blogunuza uygulamayı anlatacağız.Bu slayt alanını uygulamadan önce bir etiket seçiyorsunuz, biz slayt etiketini seçtiğinizi varsayarak anlatıma devam edelim, slayt alanında görünmesini istediğiniz yazıların etiketlerinden bir tanesine seçtiğimiz slayt kelimesini yazıyoruz.Bu şekilde slayt alanında slayt etiketi yazdığımız yazımız görünecektir.
Adım adım blogger için kayan yatay şerit halinde hareketli slayt alanını blogunuza eklemeyi anlatalım:
DEMO GÖRÜNÜM

1-Blogger Hesabımızla Giriş Yapıyoruz.
2-Uyarı!Her ihtimale karşı şablonumuzun yedeğini almayı unutmuyoruz.
3-Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
4-Kodlar içerisinde Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp buluyoruz.
5-Aşşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodundan önceki kısma yapıştırıyoruz.
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}
kod içerisinde width(genişlik), height (yükseklik) değerlerini değiştirerek sadece şablon boyutunu ayarlayabilirsiniz.
6-Html kodları içerisinde </head> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.
<!-- Start Horizantl Slider Gadget Code From http://www.oyun04.com/ -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://blogokuluslider.googlecode.com/files/yatayslaytalani.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 15;
label1 = "slayt";

function removeHtmlTag(strx,chop){
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);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>
<!-- End Horizantl Slider Gadget Code From http://www.oyun04.com/ -->
kod içerisinde:
numpostsl=15 slayt alanında görüntülenecek resim sayısını belirtir.Bu değeri arttırıp azaltabiliriz.
labell="slayt" Yukarıdaki anlatımda yatay slayt alanının etiket bazlı çalıştığını söylemiştik, slayt alanında görüntülenmesini istediğimiz yazılar için etiketi burdan belirliyoruz.Örnek: labell="slayt" yerine labell="resim" yazdığımızı varsayalım:slayt alanında görünmesini istediğimiz yazımızın etiketlerinden bir tanesini "resim" olarak girdiğimiz zaman, yazımız slayt alanında görüntülenecektir, eğer yazıyı slayt alanından kaldırmak istersek yayınladığımız yazıdaki "resim" etiketini silmemiz yeterli olacaktır.Burdaki etiket seçimi size kalmış.
7-Son olarak yine html kodları içerisinde Ctrl+F yardımı ile  <div id='main-wrapper'> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz <div id='main-wrapper'> kodundan önceki kısma yapıştırıyotruz.
Not:Eğer kodlar içerisinde <div id='main-wrapper'> kodunu bulamazsanız; <div class='column-center-outer'> kodunu bulun ve aşağıdaki kodu kopyalayıp bu kodun bir üst satırına yapıştırın.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>    
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,    
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)    
</script>
</b:if>
kod içerisinde:
visible:5 değeri birkerede slayt alanında görüntülenen resim sayısını gösterir.Eğer 5. adımda bahsettiğimiz genişlik ayarları ile oynarsanız burdaki değeride duruma göre değiştirmeniz gerekebilir.
8-Son olarak şablonumuzu kaydedip çıkıyoruız.Eğer yukarıdaki adımları doğru olarak uygularsanız yatay slayt alanı blogunuzda yada sitenizde görünecektir.
Gördüğünüz gibi uygulamsı çok basit ve bir okadar kullanışlı olan bir eklenti, eğer takıldığınız yer olursa yorumlardan bize sorabilirsiniz.Umarım faydası olur.:)
VİDEOLU ANLATIM:
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

86 yorum:

  1. Hocam nasıl uygulanacağını gayet iyi anlatmışsınız ve çok şık bir özellik olacak, ancak bu eklenti sitenin neresinde yer alacak bunu biz belirleyebiliyor muyuz yoksa otomatik olarak kendisi üst kısmamı yerleşiyor.Teşekkürler.

    YanıtlayınSil
  2. Ayrıca bunu eklemek için daha önce sitede yer alan popüler yazılar eklentisini kaldırmalı mıyız.Çakışır mı?
    Ben eklediğim de ön izlemede aynı kimliğe sahip birden çok widget bulundu yazısı çıkıyor yani hata veriyor.

    YanıtlayınSil
  3. 7. adımdaki 
    kodunu bulamıyorum. Başka bir kod olabilir mi acaba?

    YanıtlayınSil
  4. olmadı  kod içerisinde 
        bu kod yok yardımmm

    YanıtlayınSil
  5. kodunu bulamadıysanız bu kodun üstüne yapıştırmayı deneyin.

    YanıtlayınSil
  6.  onun yerine <div class='column-center-outer'> kodunu bulun.

    YanıtlayınSil
  7.  onun yerine <div class='column-center-outer'> kodunu bulun.

    YanıtlayınSil
  8.  Bu haliyle ana başlığın hemen altında, yani üst kısma yerleşiyor,istediğiniz yerde görüntüleyebilmeniz için de size yardımcı oluruz.

    YanıtlayınSil
  9.  Çakışıp çakışmıyacağını bilemiyorum,denemedim.fakat verdiği aynı kimliğe sahip birden çok widget bulundu uyarıda hangi widget olduğunuda söylemiştir, kodlar içerisinde bu widgeti bulup ismini değiştirmeniz problemi çözecektir.Örnek:html 8 başlıklı widget vardır, bunu buluphtml 9 yaparsınız.

    YanıtlayınSil
  10. Nisan Düşleri19 Mayıs 2012 08:57

    ben ekledim ama sitemde yayınları göstermiyor yardımcı olabilirmisiniz

    YanıtlayınSil
  11. Admin Başka Ne Zaman Yayın Yapacaksın Senin paylaştığın Kodlar Mükemmel.

    YanıtlayınSil
  12. Teşekkürler.

    YanıtlayınSil
  13. hiç bir şey olmadı

    YanıtlayınSil
  14. http://televizyondakidizi.blogspot.com/ yaptım bu bloguma

    YanıtlayınSil
  15. http://www.facebook.com/pages/Yemek-El-Kitabi/149384611761849

    YanıtlayınSil
  16. Merhaba konuyla alakası yok ama ben yazılarımı sizinki gibi nasıl çerçeve alıcam ?

    YanıtlayınSil
  17.  html kodları içerisinde .post{kodunu bul.
    .post{border:2px solid #002FFF eğer çerçeve eklemek istiyorsan kodu bu şekilde düzenlemelisin.border:2px çizgi kalınlığı
    solid #002FFF ise çizginin rengi.Renk kodlarını burdan bulabilirsin.

    YanıtlayınSil
  18. Teşekkürler diğer yorumlarda buldum. Çok tıklananları nasıl yapıcam bi tane konunuz vardı slaytlı eklenti lakin genişliğini boyutunu ayarlama rağmen bloguma sığmadı slaytta oluşmadı sizinki gibi slaytsızda olabilir birde çok oluyorum ama ÇOK TIKLANANLAR rengi turuncu karenin içine alınmış o tasarımla mı alakalı yoksa ona benzer bişey yapabilirmiyiz

    YanıtlayınSil
  19. Kardeş bunu blogengine için nasıl kullanabiliriz? Bir fikir verebilirmisin.

    YanıtlayınSil
  20.    

    bu kodların ıkısınıde bulamıyorum dıv

    YanıtlayınSil
  21. sanattarihivearkeoloji21 Mayıs 2012 11:48

    5. ve 6. adımdaki kodları bütün blog ve sitelerde bulabilirsin, yani aynı şekilde bu adımları uygulayabilirsin 7.adımdaki kodu ise başlığın (header) hemen altına  uygularsan bu iş olur.

    YanıtlayınSil
  22. sanattarihivearkeoloji21 Mayıs 2012 11:49

    hangi temayı kullanıyorsun?

    YanıtlayınSil
  23. 5. ve 6. adımdaki kodları bütün blog ve sitelerde bulabilirsin, yani aynı şekilde bu adımları uygulayabilirsin 7. adımdaki kodu ise başlığın (header) hemen altına  uygularsan bu iş olur.

    YanıtlayınSil
  24. YAA HOCAM BENİM POPÜLER YAZILAR RESİMLİ OLARAK ÇIKMIYOR RESİMLİ İŞARRETLİYORM OLMUYOR ???

    YanıtlayınSil
  25.  yayınladığın yazının ilk satırında resim varmı? Bazen resimler ilk satırda olmayınca çıkmayabiliyor.Ama bu çok nadiren olan bir durum göster:küçük resim kutucuğunu işaretledin mi?

    YanıtlayınSil
  26. SİTEMDE AYNI ANDA BAŞKA SLAYTA DA OLDUĞU İÇİN ÇAKIŞIYOR.İSİM DEĞİŞTİRDİM YİNE OLMADI. İKİSİNİ DE KULLANMAK İSTİYORU.ADRESİM:
    www.okulsoru.com

    YanıtlayınSil
  27. ben bii tane yorum kodu buldum onu nereye yapıştırıcam lütfen çok lazım??

    YanıtlayınSil
  28.  SİTEMDE AYNI ANDA BAŞKA SLAYTA DA OLDUĞU İÇİN ÇAKIŞIYOR.İSİM DEĞİŞTİRDİM YİNE OLMADI. İKİSİNİ DE KULLANMAK İSTİYORU.ADRESİM:
    www.okulsoru.com

    YanıtlayınSil
  29.  7. adıma kadar anlattığmız gibi uygulayın, 7.adımdaki kodu html kodları içerisinde sizin sitedeki üst menünün (ana sayfa,zümreler...) bittiği yerin hemen altına yerleştirin (menünün sonundaki kodunu bulun bu koddan sonraki kısma yerleştirmeye dikkay edin)

    YanıtlayınSil
  30.  6.adımdaki kod ile ilgili bir sorun var.o kodu yerleştirdiğim zaman.sadece görüntüler geliyor.slaytların ikiside duruyor.ilerlemiyor.

    YanıtlayınSil
  31. o zaman 6. adımdaki kodu 
    ]]> kodunun hemen altına yerleştirmeyi deneyin.İki slaytın script kodu bir biri ile çakışıyor demekki.Yakında bir slayt alanı yayınlıyacağım yatay slayt alanı ile uyumlu çalışan, olmazsa slayt olarak onu denersiniz.

    YanıtlayınSil
  32. o zaman 6. adımdaki kodu 
    ]]></b:skin> kodunun hemen altına yerleştirmeyi deneyin.İki slaytın script kodu bir biri ile çakışıyor demekki.Yakında bir slayt alanı yayınlıyacağım yatay slayt alanı ile uyumlu çalışan, olmazsa slayt olarak onu denersiniz.

    YanıtlayınSil
  33. Celaleddin Karademir2 Haziran 2012 10:38

    Gerçekten Çok Güzel

    YanıtlayınSil
  34. 7.adımdaki kodu dediğiniz yere ekliyorum fakat sidebarın üstünü kapatıyor. bunu tam üstteki linklerin altına eklemem lazım nasıl yapabilirim acil lütfen yardım edin

    YanıtlayınSil
  35. eğer kodlar içierisinde <div id='lsidebar-wrapper'> kodunu bulursanız 7.adımdaki kodu bu kodun hemen üstüne yapıştırın.Bulamazsanız da <b:section class='crosscol' id='crosscol' showaddelement='yes'/></div>kodunu bulun ve 7.adımda verdiğimiz kodu bu kodun hemen altına yapıştırın.

    YanıtlayınSil
  36. Kardeş bunu nasıl ortalya alcaz bende sola yatık oldu bi baksana ! 
    http://pcoyuncum.blogspot.com/

    YanıtlayınSil
  37. ben yeniyim blogumugüzelleştirmek istiyorum çeşitli şeler eklemk istiyorum bana yardımcı olurmusunuz

    YanıtlayınSil
  38. tabiki yardımcı oluruz.bu blogu o yüzden açtık zaten.

    YanıtlayınSil
  39. Hocam bende iki son durumda bende  bu iki kodta yok :(  '' kodunu bulamazsanız; ''Acaba baska çözüm yolu var mıdır? yada başka kodun altına veya üstüne yerleştirmemiz mümkün müdür??

    YanıtlayınSil
  40. html kodları içerisinde blog kayıtları diye arat.blog kayıtlarının üzerinde bulunan kodlarnın arasında dene mutlaka olur.

    YanıtlayınSil
  41. Bu slayt alanını daha önceden ekleyipte sonradan slayt alanı bozulan çalışmayan arkadaşlar var ise,
    6.adımda verdiğim kod içerisnde ufak bir değişiklik yapıldı,bu değişikliği bloglarında yaptıkları zaman slayt alanı çalışmaya devam edecektir.önceden 6.adımda kırmızı renkle verdiğim yerde http://kauman.googlecode.com/files/jcarousellite.js adresi bulunuyordu bu adresle http://johny-template.googlecode.com/files/jcarousellite.js bunu değiştirdiklerinde sorun kalmayacaktır.

    YanıtlayınSil
  42. Acaba widget şablanlarını genişlet dememiş olabilirmisin

    YanıtlayınSil
  43. Hocam çok teşekkür ederim süper olmuş

    YanıtlayınSil
  44.  kardeşim bu slayt alanını çalıştıran js yi senmi yüklüyorsun bi yerlere emeğine sağlık öncelikle ama daima çalışsa daha güzle olur hiç silinmeyecekbi yere upload edersen sebiniriz, ayrıca yorum formunuza hayran kaldım, süper bi siteniz var Takipçinizim...

    YanıtlayınSil
  45. hocam ben malesef bukez bulamadım defalardır baktım sizi n videonuzu izledim kodu bulmak için bıryere yazdınız asagıdan html den cıktı kod onu nasıl yuklerız nerden bulabılırım

    YanıtlayınSil
  46. hocam ben malesef bukez bulamadım defalardır baktım sizi n videonuzu izledim kodu bulmak için bıryere yazdınız asagıdan html den cıktı kod onu nasıl yuklerız nerden bulabılırım

    YanıtlayınSil
  47. hocam ben malesef bukez bulamadım defalardır baktım sizi n videonuzu izledim kodu bulmak için bıryere yazdınız asagıdan html den cıktı kod onu nasıl yuklerız nerden bulabılırım

    YanıtlayınSil
  48. zannedersem 7. basamaktaki kodu bulamadınız, ozaman html kodları içerisinde blog kayıtları diye aratın ilk <div></div>kodları arasına 7. basamaktaki kodu yerleştirin.

    YanıtlayınSil
  49. NEREYE YAZACAGIM BLOG KAYITLARI DERKEN html demı blog kayıtları vıdeonuzda izlrdim arama yaptıgınız sekıl bende yok altta olanyazıp html dosyasındahemen cıktı ben nasıl yapabılırım eklentımı o hocam

    YanıtlayınSil
  50. HOCAM EKLEDIM  DAHA ONCEDE LAKIN KOD ORTADA CIKIYOR  BUNU KATEGORILERIN TAM ALTINA NASIL ALABILIRIM 
    GADGET OLARAK KAYDIRAMADIGIMIZDAN SLAYTIN USTUNDE SLAYT OLARAK ACILIYOR 
    http://www.izleburadan.com/ 

    YanıtlayınSil
  51. Hasan Yildirim 5519 Ağustos 2012 21:12

    hocam ben bu uygulamayı yaptım ama sağ tarafa çekme yaptı kodlardan nasıl düzeltebiliriz tam ortalayamadım siteniz çok güzel takipcilerinizdenim

    YanıtlayınSil
  52. kardesım yine bozuldu ya, bi çözüm bul bu koddaki js calsmyr. Sıtenızın daımı takıpcısıyım sıteme bı bak www.bizdenfilmizle.com kardesım kalcı bı cozum beklyrm

    YanıtlayınSil
  53. hocam bne orjınal tema yukledım temada var lakın hareket etmıyor okadar ınceledım kategorı ekleyemedım slayta orjınalınde label yok ne yapmalıyım
    www.izleburadan.com

    YanıtlayınSil
  54. Benim bloğumda takır takır çalışan sistem bir süre sonra bozuldu nedeni ne olabilir acaba. Başka bir kod falanda eklemedim şablona birden bozuldu hocam ?

    YanıtlayınSil

  55. http://johny-template.googlecode.com/files/jcarousellite.js

    bu kodu sil aşağıdakini yaz çalışacak buda benden olsun :D

    http://k003.kiwi6.com/hotlink/3q00uv54so/jcarousellite.js

    YanıtlayınSil
  56. kodum bozuldu sizin **********************************************************

    YanıtlayınSil
  57. tüm emepimin içine s*çtınız.lanet olsun bu siteye

    YanıtlayınSil
  58. neyse editörlerim düzeltti.
    gazonenews.blogspot.com

    YanıtlayınSil
  59. Eyvallah birader. Bir yabancı siteden bulup yenilemiştim. Ama cevabın için sağol yine de.

    YanıtlayınSil
  60. islam dünyası28 Ağustos 2012 20:31

    bune nealaka anlayamadım

    YanıtlayınSil
  61. Bloguma uyguladım güzel oldu ancak sağ sol yön tuşları çalışmıyor. yardımcı olabilir misiniz acil?

    YanıtlayınSil
  62. bak yukarıda bloğun yedeğini alın demişler dimi 

    YanıtlayınSil
  63. merhaba, bloguma ekledim güzel oldu fakat sadece belli resimler sabit duruyor, slayt çalışmıyor, yön tuşlarıyla da hareket etmiyor. neden olabilir acaba

    YanıtlayınSil
  64. 6 . adımda head kodundan önce eklenen kodlar içerisinde kırmızı renkle yazdığım adresi değiştirerek düzenledim tekrar yüklerseniz çalışacaktır.

    YanıtlayınSil
  65. 6 . adımda head kodundan önce eklenen kodlar içerisinde kırmızı renkle yazdığım adresi değiştirerek düzenledim tekrar yüklerseniz çalışacaktır. 

    YanıtlayınSil
  66. fotoğrafları nasıl değiştireceğim?

    YanıtlayınSil
  67. arkadaşlar benim blogum http://markapazarlamagirisim.blogspot.com burada slaytı göreceksiniz, bu slayttaki fotoğrafları nasıl değiştirebiliriim. 2 gündür uğraşıyorum kafayı yemek üzereyim.

    YanıtlayınSil
  68. abi ben dediğiniz her şeyi uyguladım ama bende şöyle bir şey oluyo bi yardım ederseniz sevinirim
    More than one widget was found with id: HTML3. Widget IDs should be unique. 

    YanıtlayınSil
  69. Merhaba, 

    Öncelikle bu kadar detaylı bir şekilde videolu anlatımınız için çok teşekkürler, elinize emeğinize sağlık. 

    Ben kodları bloguma uyguladım gayet de güzel çalışıyor şu anda. Sıkıntım şu ki kayan resimlerin width'i geniş olduğundan basık bir görüntüleri var. Bunu düzeltme şansım var mıdır? Yardımcı olursanız sevinirim. 

    Blogum : http://internet-alisverisi.blogspot.com/

    YanıtlayınSil
  70. ben yapamadım ama yinede sağol

    YanıtlayınSil
  71. Ugurtayberkay2 Ekim 2012 18:37

    Bendede Aynı Hata Oluyor Lütfen Acil Yardımm Plsssss !!!

    YanıtlayınSil
  72. Ugurtayberkay2 Ekim 2012 18:39

    Hareket Etmiyorr r:(((

    YanıtlayınSil
  73. şu andaki haliyle eklediyseniz çalışması lazım.çünkü demo blog olarak yeni bir blog oluşturdum gayet sağlıklı çalışıyor?

    YanıtlayınSil
  74. belgin aslan15 Ekim 2012 14:08

    siteniz süper..emeği geçenlere sonsuz teşekkürler..
    :)

    YanıtlayınSil
  75. bizi ziyarete ettiğiniz için biz teşekkür ederiz.

    YanıtlayınSil
  76. Eklenti çalıştı. Ancak bir ricam var. Bundan 2 tane eklemek istiyorum.
    Biri sitemin altına biri de üstüne. Ekleyeceğim yerlere kodları uyguladım. İskeleti oldu ama resimler 1. de göründü, 2.de görünmedi.

    #carousel #previous_button #next_button ve #container kodlarını yeniden isimlendirdim. Yine değişmedi. Acaba sorun scriptin 2 defa kullanılması yüzünden çakıştı mı? Bunu 2 sefer uygulamanın bir yolu olmalı.
    Lütfen yardım.

    YanıtlayınSil
  77. Hocam bu slaytı daha önce siteniz sayesinde kullanıyordum çok teşekkür ederim ancak son 2 gündür çalışmıyor nedeni ne olabilir?   acabagaztesi.blogspot.com

    YanıtlayınSil
  78. acabagazetesi yazmak istemiştim:)

    YanıtlayınSil
  79. Hocam .js dosyasında sıkıntı var silinmiş sanırım eklenti bu yüzden çalışmıyor. Onun güncel halini paylaşabilir misiniz ?

    YanıtlayınSil
  80. Merhaba ben blogumu açalı daha bir ay olmadı, sayenizde bayağı ilerlettim işi :) Fakat bu slayt sağa yapışık gözüküyor, genişliğiyle oyna demişsiniz başka yorumda ama genişletince de sağa doğru sayfayı aşarak genişliyor, sola gitmiyor :( 
    Ortalasa çok memnun olurum.
    Daha bir ay olmayan blogları desteklediğinizi yazmıslar işte ben de buradayım o zaman :)

    yenibirsoyadimoldu.blogspot.com

    YanıtlayınSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...