Ana içeriğe atla

Kayıtlar

blogger popüler yazılar etiketine sahip yayınlar gösteriliyor

Blogger Slider- Popüler Yazıları Slayt Olarak Görüntüleme

Popüler yazılarınızı slayt alanı ve 3D dönen küp şeklinde yayınlama imkanını veren kodları daha önce sizlerle paylaşmıştık.Şimdi ise farklı bir görünüme sahip, şık tasarımı olan, blogunuzun başında popüler içeriklerinizden  slayt halinde gösterim yapan eklentiyi sizlere sunuyoruz. Popüler Yazıları Slayt olarak kullanmanızın avantajları; Blogunuza şık ve dikkat çekici bir görünüm kazandırır.Ziyaretçilerinizi  yazılarınızı tıklamaya teşvik eder.Sliderlerde resim boyutlarını slayt alnınıza göre ayarlamak, resim linkini elle girip açıklamaları manuel yazmak zorundasınız.Blogunda slayt alanı kullanmak isteyen arkadaşları Popüler Yazılar Slayt Alanında Görüntüleme eklentisi ile bu uğraştan kurtarıyoruz.Eklenti sayesinde en çok tıklanan yazılarınız hangisi ise otomatik olarak slayt alanında görünecektir.Herhangi bir boyutlandırma yapmanıza,link vermenize açıklama yapmanıza gerek yok  Popüler Yazılar Slayt Alanı  eklentisi herşeyi otomatik olarak yapıyor. Ek...

Blogger Popüler Yazılar-Animasyonlu 2

Popüler Yazılarınızı şekildeki gibi sola doğru kayan şık tasarımlı, animasyonlu slaytta göstermek istermisiniz? Öncelikle blogger hesabınızla giriş yaptıktan sonra Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip Popüler yayınlar eklentisini blogunuza kurmanız gerekiyor, popüler yazılar eklentisini blogunuza kurduktan sonra ufak bir kod eklentisi ile popüler yazılarınız şekildeki gibi şık tasarımlı,animasyonlu,slayt olarak görüntülecek,bu sayede popüler yazılarınız dahada poüler olacak. Popüler Yayınlar Eklentisini kurduktan sonra; Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz. <!-- blogokulu.blogspot.com Kodu Baslat --> <style> @charset "utf-8"; /* CSS Document */ .lof-slidecontent{ position:relative; overflow:hidden; border:#F4F4F4 solid 1px; width:892px; height:300px; } .lof-slidecontent .preload{ height:100%; width:100%; background:#...