Ana içeriğe atla

Kayıtlar

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

Blogger Popüler Yayınlar Dönerli-Renkli-Animasyonlu

Blogger popüler yayınlar eklentisini görünüm olarak daha estetik bir hale getirmeye ne dersiniz? Bildiğiniz gibi bloggerde eklenti olarak hali hazırda popüler yayınlar eklentisi zaten mevcut, biz ekliyeceğimiz birkaç satırlık kod ile mevcut popüler yazılar eklentisini renkli ve maus ile üzerine geldiğimizde resimleri dönen animasyonlu bir popüler yazılar eklentisi haline getireceğiz.Buyrun,demo görünüme bir göz atalım.Eğer beğenirseniz yazının devamını okuyup renkli animasyonlu blogger popüler yazılar eklentisini blogunuza nasıl ekliyebileceğinizi anlatalım. DEMO GÖRÜNÜM 1-Blogger hesabımızla giriş yapıyoruz. 2- Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretledikten sonra, 3-Html kodları içerisinde Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp buluyoruz. 4-Aşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin>  kodundan önceki kısma yapıştırıyoruz. #PopularPosts1 ul{margin:0;padding:5px 0;list-style-typ...

Blogger Popüler Yazılar Modifikasyonu

Bloggerin kendi kullanıcı panelinde popüler yayınlar gadgeti zaten mevcut.Normal görünüme sahip bu popüler yayınlar gadgetini iki tıklamayla herkes ekliyebilir.Eklediğimiz bu popüler yayınlar gadgetine bir iki kod ekliyerek görünüm ve tasarım farklılığı yaratacağız.Yaptığımız değişiklik sonrasında Popüler yayınlar artık resimdeki gibi yan yana küçük resim ve altında başlık şeklinde görünecek. Poüler Yayınlarınızı bu görünüme kavuşturmak için: 1- Popüler Yayınlar Gadgetinin blogumuzda bulunması gerekir.Eğer Yoksa; Kumanda Paneli>Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip Popüler Yayınlar Gadgetini blogumuza ekliyoruz. 2- Eklediğimiz Popüler Yayınlar Gadgetinin Ayarlarını  resimdeki gibi yapıp kaydediyoruz. 3- Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip HTML kodları içierisinde  ]]></b:skin> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin>  kodundan önceki kısma yapıştırıyoruz. .P...

Popüler Yazılar 3D Dönen Küp Animasyonlu

Popüler Yazılarınızı şekildeki gibi 3D olarak dönen küp üzerinde gösterip ziyaretçilerinizin ilgisini çekip,blogunuzun farklı olduğunu hissettirmeye hazırmısınız? Eklediğimiz eklentiyi blogumuzun kenar çubuğunda kullanarak,alan kullanımını ergonomik bir seviyeye düşürebilirsiniz.3D dönen küplü Popüler Yazılar Eklentisini blogunuza eklemek için;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, 3D dönen küp slaytı olarak görüntülecek,bu sayede popüler yazılarınız dahada poüler olacak. Demo Görünüm için Tıklayın. 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 --...

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:#...