22 Ocak 2017: Pazar

Blogger Highslide Eklentisi {Türkçe}

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 10 Şubat 2011 18 9.738  
Bu Kişisel Blog'da 544 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

Evet arkadaşlar yine bir Blogger İpuçları ile karşınızdayım. Bugün kü eklentimiz resimlerin şatafatlı bir biçimde görünmesini sağlayan highslide eklentisi 🙂 Eklenti ingilizceydi türkçeleştirmesini ben yaptım. Bunu javascript dosyasında görebilirsiniz. Peki bu eklenti ne işe yarıyor diye soracak olursanız blogumda da görmüş olduğunuz gibi resmi seri bir şekilde büyültüp küçültüyor. Bu eklenti bazen çok işe yarıyor. Mesela resmi 150×150 pikselde sol alana gömdünüz ve esas görüntünün ise yine görünmesini istiyorsunuz. İşte bu sırada o küçük resme tıklayarak esas resmi de görebilirsiniz. Yani şu durumda bu eklenti blogger için yapılmış olan otomatik olarak küçültme eklentisinin kurulmasını boşa çıkarıyor desek yanlış söylemiş olmayız. Yani şu eklentiyi blogunuza entegre ettikten sonra otomatik olarak resmi küçülten eklentiye gerek yok bana göre. Ben henüz denemedim ama bu eklentinin ana görevi bu dediğim şeyle aynı yola çıkıyor. İsterseniz bu eklentinin Blogger bloglarınıza nasıl kurulacağını anlatayım hemen:

Blogger blogumuza giriş yaptıktan sonra Tasarım > HTML’yi Düzenle kısmına gelip “Widget Şablonlarını Genişlet” tikin aktif hale getiriyoruz. Sonra da CTRL+F kombinasyonuyla </head> kodundan önce şu kodları yapıştırıyoruz:

<link rel="stylesheet" href="http://konfor.enesilhan.net/js/highslide-turkce/highslide.css" type="text/css" />
<script type="text/javascript" src="http://konfor.enesilhan.net/js/highslide-turkce/highslide.js"></script>

<script type="text/javascript">
    hs.graphicsDir = "http://projects.jesseheap.com/wp-content/plugins/highslide/graphics/";
    hs.outlineType = "rounded-white";
    hs.outlineWhileAnimating = true;
    hs.showCredits = false;
</script>

ve şablonumuzu kaydediyoruz. Evet hepsi bu sadece bu kadar. Bir de bu eklentiyi resminizde nasıl kullanacaksınız hemen onu da söyleyeyim. İşte aşağıdaki kodda herhangi bir resim eklemek istediğiniz zaman kullanacağınız kod olacak. (isterseniz bir yere kaydedebilirsiniz):

<a class="highslide-image" href="Buraya kendi resim adresinizi koyacaksınız" onclick="return hs.expand(this);"><img alt="boşda bırakabilirsiniz burayı" class="alignleft size-thumbnail wp-image-4967" height="193 (Burası resmin yüksekliği)" src="Buraya da yine kendi resim adresinizi koyacaksınız" title="Buraya resmin açıklamasını yazabilrisiniz" width="600 (Burası resmin genişliği)" /></a>

Evet yukarıdaki kodunu parantez içerisinde belirttiğim gibi kopyalayın bir metin belgesine ne olur ne olmaz misali 😉 Birde bu eklentinin farkını net olarak görmeniz için bir fotoğraf ekliyorum:

doga

Evet görmüş olduğunuz gibi resmi çok güzel bir biçimde büyültüp küçültmenin yanı sıra sağa ve sola da taşıyabiliyorsunuz. Herhangi bir sorunda yardımcı olmaya çalışırım, hepinize kolay gelsin..

Bu yazıdan önce yazmış olduğum "Bloggerda Cufon Font Kullanımı" başlıklı yazımı da okumanızı tavsiye ederim.

Enes ILHAN

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

18 Yorum Yapılmış

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir