Blog Resimlerini Slayta Dönüştür

Bilgisayarınızdaki birçok resmi blogunuzda slayt olarak kullanabilirsiniz. Blog yazılarınızda kullandığınız resimleri slayt görünümüne çev...

...

Bilgisayarınızdaki birçok resmi blogunuzda slayt olarak kullanabilirsiniz. Blog yazılarınızda kullandığınız resimleri slayt görünümüne çevirerek, blogunuza değişik bir hava yaratmanız da mümkün. Bayan Blogcu arkadaşların yaptığı birçok görsel resimleri (moda, elişi,örgü) slayt olarak hazırlayıp Gadget'inize ekleyerek okuyucularınıza görsel bir şenlik sunmak isterseniz, aşağıda verdiğim kodları kullanarak işe başlayabilirsiniz. Yaratıcı düşüncelerinizi çalıştırarak çok farklı uygulamalarda yapabilirsiniz.
Yapılacak işlem çok basit bir kod içine resim linklerinizi eklemek ve bu kodu blogunuzdaki Gadget'e yapıştırmaktan ibaret.
Aşağıda verdiğim kodları inceleyelim.

KOD

<marquee scrollamount="5"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> <img src="BURAYA RESİM URL"> </marquee>

                                                 CANLI DEMO
Yukarıda verdiğim basit kodları, nasıl kullanacağız ;
Karmaşık bir düzene sahip olmayan bu kodları kullanmak basittir.
→ Yukarıda verilen kodları bir metin dosyasına kopyalayın.Google Drive Dökümanı kullanıyorsanız, Blog editörüm adlı yazımda anlattığım şekilde bu belgeyide kullanabilirsiniz.
→ Kodları kopyaladı iseniz, hemen devam ediyorum.
<img src="BURAYA RESİM URL"> Kod içindeki “Kırmızı” yazının olduğu yere resim linkinizi yapıştıracaksınız.
→ Blog yazılarınız içindeki resimleri kullabilmek için yazınızdaki resime, mausunuza sağ tıklayayıp resim URL’sini kopyalarak, yukarıda bahsettiğim kısma yapıştırın.
→ Çok fazla resim yaıştırmak isterseniz <img src="BURAYA RESİM URL"> bu yazı şeklini alt alta çoğaltarak yapıştırın. İstediğiniz kadar çoğaltarak resim ekleyebilirsiniz.
→ Resimlerinizi Google Drive, Picasa, Box, Windows Skype, gibi barındırıcılarda hesap açarak boyutlarını düzenleyerek, yükleyip URL’sini alarak işe başlamanızda mümkün.
→ scrollamount ( 5 ) değerini düşürüp, çıkararak resim geçiş süresini belirleyin.
→ Online Slayt resim URL’si veren sitelerden resim URL’si kullanmayın. Yarın birgün resimleri iptal ettiklerinde, Slayt için harcadığınız emekleriniz boşa gider, resimler görülmez.
Yukarıda herkesin kullanabileceği kodları verdim.Basit gibi görülen ancak birçok alanda halen kullanılan bir yapıya sahiptir.
→ Blogunuzda Duyurular gibi sağdan sola kayan, soldan sağ kayan, haber başlığı gibi hareket eden kodlarla işiniz olursa, buradan inceleyebilirsiniz. Birçok kişinin aradığı bulup da kullandığı bu kodlar hakkında görüşlerinizi belirtirseniz, memnun olurum. Şimdiden kolay gelsin. Konu hakkında önerileriniz varsa belirtin lütfen.

*********Özel :

Yukarıda yapılan anlatım dışında resime tıklandığında hangi yazınıza gidilmesini istiyor iseniz, ilgili bağlantıyı gitmesini sağlayan kodları yukarıda veriyorum. Hiçbir CSS ve JS kodu kullanmadan tamamen organik çalışan bu kodları kullanmanız için yapılacak işlemler de çok basittir.

Burayasiteadresiniz : Yazan kısma gitmesini sitediğiniz sayfa linkini yapıştırın.

Burayaresmin urlsi  : Yazan kısma yazınız içindeki resmin linkini ekleyin.

Satır bağlantı sayısını dilediğiniz kadar abartmadan çoğaltabilirsiniz.

Verilen kodları metin dosyasına yapıştırın ve gerekli bağlantıları ilave edin.

Bilgisayarınızdaki metin dosya haricinde Notepad++ gelişmiş metin editörü de kullanabilirsiniz.

<marquee scrollamount="5">
<a href="http://burayasiteadresiniz"><img class="" alt="" src="Burayaresmin urlsi" /></a>

<a href="http://burayasiteadresiniz"><img class="" alt="" src="Burayaresmin urlsi" /></a>
</marquee>

Resminize tıklandığında tarayıcı yeni sekmede açılmasını istiyorsanız aşağıdaki kodlama biçimini kullabilirsiniz.

<a target="_blank" href="http://burayasiteadresiniz"><img class="" alt="" src="Burayaresmin urlsi" /></a>

Yukarıda farklı görünümler için istek de bulunan Gül güllerledikiş blog sahibi Gül hanıma teşekkür ederim.