Bloggerda Yazı İçerisine Slayt Ekleme

 Blogunda fazla karmaşayı sevmeyenler ve ilginç eklentileri sevenler için yer tasarrufu sağlayacak bir eklenti paylaşıyorum bu eklenti çok hoşunuza gidecek ve bir çok alanda kullanabileceksiniz.

Nasıl Eklenir ?

• Blogger yönetim paneline giriş yapıyoruz.
• Tema→Html'yi Düzenle yolunu izleyerek kodlar bölümüne ulaşıyoruz.
• Kodlar içerisinde her hangi bir yere bir kere tıklayıp Ctrl+F tuşlarına aynı anda basıyoruz.
• Ardından ]]></b:skin> kodunu aratıp üzerine aşağıdaki kodları ekliyoruz.


/* Multiple Page Slide */ a.movepg.nexter,a.movepg.prever{color:#fff} .separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}

• Sonrasında </body> kodunu aratıp onunda yukarısına aşağıdaki kodu ekleyip temayı kaydediyoruz.


<script type='text/javascript'>//<![CDATA[ function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,maxIndex=4;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState(); //]]></script>

• Slayt'ın gözükmesini istediğimiz yere (yazı içerisi veya widget) aşağıdaki kodu ekliyoruz ve içerisine eklemek istediğimiz içeriği (resim , yazı vb.) düzenliyoruz.

<div class="next-wrap"> <div id="photocons" class="instruction"> <div class="slidecontentWrap"> <div class="slidecontent"> 1. Slayt'ın Resimi Yazısı fln. </div><div class="slidecontent"> 2. Slayt'ın Resimi Yazısı fln. </div><div class="slidecontent"> 3. Slayt'ın Resimi Yazısı fln. </div><div class="slidecontent"> 4. Slayt'ın Resimi Yazısı fln. </div><div class="slidecontent"> 5. Slayt'ın Resimi Yazısı fln. </div></div></div><a class="movepg prever">Geri</a><a class="movepg nexter">İleri</a></div>

Eklentide her hangi bir sıkıntı yaşarsaınız yorumlar bölümünden veya iletişim sayfasından belirtebilirsiniz.