Ana içeriğe atla

Kayıtlar

blogger slayt alanı etiketine sahip yayınlar gösteriliyor

Blogger Yatay Slayt Alanı-2 (Hareketli Otomatik)

Film şeridi gibi yatay olarak hareketli bir şekilde kayan, blogger kullanıcıları için tasarlanmış bir slayt alanını daha önce sizlerle paylaşmıştık,şimdi ise kullanım ve çalışma prensibi olarak aynı fakat görünümü ve hareketliliği farklı olan bir yatay slayt alanını sizlere tanıtacağız.Yine etiket bazlı çalışan yatay kayan slayt alnını blogunuza uygulamayı anlatacağız.Bu slayt alanını uygulamadan önce bir etiket seçiyorsunuz,biz slayt etiketini seçtiğinizi varsayarak anlatıma devam edelim, slayt alanında görünmesini istediğiniz yazıların etiketlerinden bir tanesine seçtiğimiz slayt kelimesini yazıyoruz.Bu şekilde slayt alanında slayt etiketi yazdığımız yazımız görünecektir. Adım adım blogger için kayan yatay film şeridi halinde hareketli slayt alanını blogunuza eklemeyi anlatalım: DEMO GÖRÜNÜM 1- Blogger Hesabımızla Giriş Yapıyoruz. 2-Uyarı! Her ihtimale karşı blogger şablonumuzun yedeğini alalım. 3- Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edip widget şablon...

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 Slayt Alanı Ekle-2

İlk anlattığımız slayt alanını görmediyseniz burdan ulaşabilirsiniz.İlk slayt alanı anlatımında slayt alanlarının, siteler ve bloglar için önemini anlattan kısa bir açıklama yapmıştık.Şimdi ise kullanım olarak aynı, tasarım olarak farklı olan ikinci blogger slayt alanı ekleme ile ilgili bir anlatım yapacağız. Ekliyeceğimiz blogger slayt alanı demosu için tıklayın. Blogunuza ekliyeceğimiz blogger slayt alanının anlatımını iki adımda yapacağız 1.Adım: Blogger hesabımızla giriş yapıyoruz. Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip ediyoruz, widget şablonlarını genişlet kutucuğunu işaretliyoruz. Ctrl+F yardımı ile kodlar içerisnde </head> kodunu aratıp buluyoruz ve aşşağıdaki kodu kopylayaıp bulduğumuz </head> kodundan önceki satıra yapıştırıyoruz <script src='https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js' type='text/javascript'></script> <script type='text/javascript'> //<![CD...

Blogger Yayınlarınızdaki Resimleri Slayt Gösterisi ile Sergileyin (Resim Geçişleri Sayfa Çevirme Animasyonlu )

Blogunuza eklediğiniz yazılara ait resimleri şekildeki gibi slayt gösterisi olarak gösteren,üstelik sayfa çevirme animasyonu ile geçiş yapan, isteğinize göre boyutlandırabileceğiniz sayfa çevirme animasyonlu slayt gösteri alanını   blogunuza çok basit bir işlem olan Gadget Ekleme yöntemi ile ekleyebilirsiniz; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıyoruz.Kod içerisinde kırmızı renkle yazdığımız blogokulu.blogspot.com yere kendi blog adresimizi yazıp kaydediyoruz.Eklentimizi blogumuzda görünmesini istediğimiz yere sürükleyip bırakıyoruz. <!-- blogokulu.blogspot.com Kodu Baslat --><script type="text/javascript"> // 7 variables to control behavior var Book_Image_Width = 140 ; var Book_Image_Height = 225 ; var Book_Border =true; var Book_Border_Color ="gray"; var Book_Speed =15; var Book_NextPage_Delay =1500; //1 second=1000 var Book_V...