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ıtlaSil
  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ıtlaSil
  3. 7. adımdaki 
    kodunu bulamıyorum. Başka bir kod olabilir mi acaba?

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

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

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

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

    YanıtlaSil
  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ıtlaSil
  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ıtlaSil
  10. Nisan Düşleri19 Mayıs 2012 08:57

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

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

    YanıtlaSil
  12. Teşekkürler.

    YanıtlaSil
  13. hiç bir şey olmadı

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

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

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

    YanıtlaSil
  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ıtlaSil
  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ıtlaSil
  19. Kardeş bunu blogengine için nasıl kullanabiliriz? Bir fikir verebilirmisin.

    YanıtlaSil
  20.    

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

    YanıtlaSil
  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ıtlaSil
  22. sanattarihivearkeoloji21 Mayıs 2012 11:49

    hangi temayı kullanıyorsun?

    YanıtlaSil
  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ıtlaSil
  24. hangi temayı kullanıyorsun

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

    YanıtlaSil
  26.  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ıtlaSil
  27. 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ıtlaSil
  28. ben bii tane yorum kodu buldum onu nereye yapıştırıcam lütfen çok lazım??

    YanıtlaSil
  29.  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ıtlaSil
  30.  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ıtlaSil
  31.  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ıtlaSil
  32. 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ıtlaSil
  33. 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ıtlaSil
  34. Celaleddin Karademir2 Haziran 2012 10:38

    Gerçekten Çok Güzel

    YanıtlaSil
  35. 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ıtlaSil
  36. 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ıtlaSil
  37. Kardeş bunu nasıl ortalya alcaz bende sola yatık oldu bi baksana ! 
    http://pcoyuncum.blogspot.com/

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

    YanıtlaSil
  39. tabiki yardımcı oluruz.bu blogu o yüzden açtık zaten.

    YanıtlaSil
  40. 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ıtlaSil
  41. html kodları içerisinde blog kayıtları diye arat.blog kayıtlarının üzerinde bulunan kodlarnın arasında dene mutlaka olur.

    YanıtlaSil
  42. 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ıtlaSil
  43. Acaba widget şablanlarını genişlet dememiş olabilirmisin

    YanıtlaSil
  44. Hocam çok teşekkür ederim süper olmuş

    YanıtlaSil
  45.  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ıtlaSil
  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ıtlaSil
  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ıtlaSil
  48. 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ıtlaSil
  49. 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ıtlaSil
  50. 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ıtlaSil
  51. 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ıtlaSil
  52. 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ıtlaSil
  53. 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ıtlaSil
  54. 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ıtlaSil
  55. 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ıtlaSil

  56. 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ıtlaSil
  57. kodum bozuldu sizin **********************************************************

    YanıtlaSil
  58. tüm emepimin içine s*çtınız.lanet olsun bu siteye

    YanıtlaSil
  59. neyse editörlerim düzeltti.
    gazonenews.blogspot.com

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

    YanıtlaSil
  61. islam dünyası28 Ağustos 2012 20:31

    bune nealaka anlayamadım

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

    YanıtlaSil
  63. bak yukarıda 

    YanıtlaSil
  64. bak yukarıda bloğun yedeğini alın demişler dimi 

    YanıtlaSil
  65. 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ıtlaSil
  66. 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ıtlaSil
  67. 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ıtlaSil
  68. fotoğrafları nasıl değiştireceğim?

    YanıtlaSil
  69. 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ıtlaSil
  70. 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ıtlaSil
  71. 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ıtlaSil
  72. ben yapamadım ama yinede sağol

    YanıtlaSil
  73. Ugurtayberkay2 Ekim 2012 18:37

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

    YanıtlaSil
  74. Ugurtayberkay2 Ekim 2012 18:39

    Hareket Etmiyorr r:(((

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

    YanıtlaSil
  76. belgin aslan15 Ekim 2012 14:08

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

    YanıtlaSil
  77. bizi ziyarete ettiğiniz için biz teşekkür ederiz.

    YanıtlaSil
  78. 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ıtlaSil
  79. 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ıtlaSil
  80. acabagazetesi yazmak istemiştim:)

    YanıtlaSil
  81. 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ıtlaSil
  82. 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ıtlaSil

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