BLOG OKULU

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

Önceki yayınlarımızda   açılan kalp içerisinde sosyla paylaşım sitelerine ait butonları blogunuza eklemeyi sizlere anlatmıştık.Şimdi ise koordinat olarak onunla aynı yerde bulunan fakat görünümü ve açılımı farklı olan sosyal paylaşım butonlarını blogunuza eklemeyi sizlere anlatacağız.Görünüm olarak sayfanın dışında sol alt tarafta bulunan, maus ile üzerine tıkladığınızda açılan bir buton.Bu butonu blogunuza eklemek için, Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip ediyoruz.Aşağıdaki kodu kopyalayyıp açılan gadgetin içerisine yapıştırıyoruz.

Blogunuzda sol tarafta,boşlukta sayfayla birlikte hareket eden, istediğiniz renk ve boyut ayarlamasını yapabileceğiniz sosyal paylaşım butonlarını blogunuza eklemek için aşağıda bulunan modüldeki ayarlar kısmından gerekli düzenlemeleri yaptıktan sonra oluştur ve ardından bloguna ekle butonlarına tıklayarak bu sosyal paylaşım butonlarını blogunuza ekliyebilirsiniz.Renk kodlarına burdan ulaşabilirsiniz.

Blogger için tasarlanmış müthiş görünümlü, renga renk maus üzerine geldiğinde dönen yaprak şeklinde menü.Blogunuza eklemek için;

Film şeridi gibi yatay olarak hareketli bir şekilde kayan, blogger kullanıcıları için tasarlanmış etiket bazlı çalışan 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 şerit 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şı şablonumuzun yedeğini almayı unutmuyoruz. 3- Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz. 4- Kodlar içerisinde Ctrl+F yardımı ile  ]]></b:skin> kodunu aratıp buluyoruz. 5- Aşşağıdaki kodu kopyalayıp bulduğumuz  ]]></b:skin...

İmlecinize ışıltı vermeyi daha önce anlatmıştık şimdi ise imlec ile hareket eden mesaj yada notunuzu blogunuza eklemeyi anlatacağız.Örnek olarak blogunuza gelen ziyaretçi imleci hareket ettirdiğinde peşinden hoş geldiniz yazısı çıkacak.bu yazının rengini, tipini ve boyutunu da yaptığımız anlatımla kendinize göre düzenliyebileceksiniz. İmlec efektini blogunuza eklemek için; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip açılan gadgetin içerisine aşşağıdaki kodu kopyalayıp yapıştırıyoruz. <!-- Start Gadget Code From http://www.blogokulu.blogspot.com/ --> <style type="text/css"> /* Circle Text Styles */ #outerCircleText { font-style: normal; font-weight: normal; font-family: 'comic sans'; color: #FF0080 ; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type=...

Blog Okulundan blogunuza farklı bir görünüm kazandıracak yeni bir eklenti daha.Blogunuza ait resim, icon yada sizinle özdeşleşen bir simgeniz var ise bunu başlıklarınızda görüntüleyebilirsiniz.Blogunuza ekliyeceğiniz bir cümlelik koddan sonra simgeniz bütün başlıklarınızda görünecektir. Blog başlığınıza resim yada icon eklemek için; Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz. Ctrl+F yardımı ile kodlar içerisinde aşağıdaki kodu buluyoruz. <a expr:href='data:post.url'><data:post.title/></a> Bulduğumuz <a expr:href='data:post.url'> kodu ile <data:post.title/></a> kodu arasına aşşağıdaki kodu ekliyoruz. <img src=" Resminizin URL adresi "/> Kodumuzun son hali aşşağıdaki gibi olacak. <a expr:href='data:post.url'> <img src=" Resminizin URL adreasi "/> <data:post.title/></a> "Resminizin URL adresi...