iltasyazilim
FD Üye
İnternetin vazgeçilmezi haline gelen bloglar, artık ilginç tasarımlarıyla birlikte populerliğini artırmaya devam etmektedirHemen hemen her konuda bir blog bulmak mümkünSpor, sinema, müzik, resim vb örnekleri çoğaltmak mümkünDurum böyle olunca blog kullanıcıları ziyaretçilerine daha hoş bir tasarım sunmanın telaşına girmiş durumdaBen de bu yazımda blogger sahiplerine, sitelerinin anasayfasında ziyaretçilerine bir karşılama mesajı olacak şekilde resim nasıl eklenir onu göstermeye çalışacağımBu yöntemle sayfanıza giren ziyaretçilere, onların görmesi gereken bir duyuru veya sadece bir karşılama mesajı gösterebileceksinizBurayı tıklayarak bir önizleme yapabilirsiniz
Şimdi ilk olarak 3 dosyaya ihtiyacımız varAşağıdaki dosyaları Codebook sitesinden indiriyoruz
leightboxcss*** ( http:mydatanestcomfilesteslaa14051cosvvleightboxcss) leightbox******* (http:mydatanestcomfilesteslaa14048nyxtsleightbox) prototype***** (http:mydatanestcomfilesteslaa14050eh73xprototype)
Bu dosyaları bilgisayarımıza kaydettikten sonra dosyaları upload etmek için MyDataNest sitesinden ücretsiz hesap oluşturuyoruz(Neden bu site derseniz her site css ve uzantılı dosya upload etmenize izin vermiyor)Ben sizler için bu dosyaları ekledimYukarıdaki linkleri de kullanabilirsinizYok eğer ben kendi hesabımı oluşturmak istyorum diyorsanız anasayfada sign up yazısını tıkladığımızda karşımıza gelen ekranda free olanı seçip gerekli bilgileri girerek hesabımızı oluşturuyoruzHesap oluşturduktan sonra dikkat etmeniz gereken noktaosyaları ortak kullanıma açmayı unutmayınYani orada private ve public seçenekleri varSiz klasörünüzü public olarak ayarlıyacaksınız
Evet buraya kadar sorun yoksa şimdi blogger dan hesabımıza giriş yaparak Yerleşim(Layout) Html yi Düzenle(Edit Html) kısmına gelerek*** “ kodunu Ctrl+f tuşları yardımıyla buluyoruzHemen bu kodun üzerine aşağıdaki kodu yapıştırıyoruz
Yukarıda kırmızı renkli yerlere gerekli linkleri, (yukarıda verildi) mavi renkli kısımda genişliği ve yüksekliği ve hemen onun altındaki mor renkli kısıma da hangi resmi göstereceksek onun adresini yazıyoruz
Şimdi şablonu kaydedip Layout(Yerleşim) Page Elements(Sayfa Elemanları) Add a Gadget(Gadget Ekle) seçeneğinden HtmlJavaScript seçeneğini seçerek aşağıdaki kodu yapıştırıp kaydediyoruz
h 1Welcome To My Blog
A blog by http:niceyasamcomhttp:bloggerstopnetBloggerStopNet
http:niceyasamcom#Enter The Blog
Evet hepsi bu kadarBuraya kadarki işlemleri doğru yaptıysanız eğer blogunuzun önizlemesini yaptığınızda anasayfanızdaki değişikliği görmeniz gerekirBen iki ayrı blog için yaptım ve ikisinde de herhangi bir problemle karşılaşmadım
Yalnız gadget eklerken mümkünse konu yayınladığınız yerin üstündeki bir yere (resimdeki gibi navbarın hemen altına)* HtmlJavaScript gadget’ı ekleyinÇünkü diğer widget lardan önce yüklenmeli
Kaynak: http:bloggerstopnet09displayyourhomepagelikebinghtml
Şimdi ilk olarak 3 dosyaya ihtiyacımız varAşağıdaki dosyaları Codebook sitesinden indiriyoruz
leightboxcss*** ( http:mydatanestcomfilesteslaa14051cosvvleightboxcss) leightbox******* (http:mydatanestcomfilesteslaa14048nyxtsleightbox) prototype***** (http:mydatanestcomfilesteslaa14050eh73xprototype)
Bu dosyaları bilgisayarımıza kaydettikten sonra dosyaları upload etmek için MyDataNest sitesinden ücretsiz hesap oluşturuyoruz(Neden bu site derseniz her site css ve uzantılı dosya upload etmenize izin vermiyor)Ben sizler için bu dosyaları ekledimYukarıdaki linkleri de kullanabilirsinizYok eğer ben kendi hesabımı oluşturmak istyorum diyorsanız anasayfada sign up yazısını tıkladığımızda karşımıza gelen ekranda free olanı seçip gerekli bilgileri girerek hesabımızı oluşturuyoruzHesap oluşturduktan sonra dikkat etmeniz gereken noktaosyaları ortak kullanıma açmayı unutmayınYani orada private ve public seçenekleri varSiz klasörünüzü public olarak ayarlıyacaksınız
Evet buraya kadar sorun yoksa şimdi blogger dan hesabımıza giriş yaparak Yerleşim(Layout) Html yi Düzenle(Edit Html) kısmına gelerek*** “ kodunu Ctrl+f tuşları yardımıyla buluyoruzHemen bu kodun üzerine aşağıdaki kodu yapıştırıyoruz
Yukarıda kırmızı renkli yerlere gerekli linkleri, (yukarıda verildi) mavi renkli kısımda genişliği ve yüksekliği ve hemen onun altındaki mor renkli kısıma da hangi resmi göstereceksek onun adresini yazıyoruz
Şimdi şablonu kaydedip Layout(Yerleşim) Page Elements(Sayfa Elemanları) Add a Gadget(Gadget Ekle) seçeneğinden HtmlJavaScript seçeneğini seçerek aşağıdaki kodu yapıştırıp kaydediyoruz
h 1Welcome To My Blog
A blog by http:niceyasamcomhttp:bloggerstopnetBloggerStopNet
http:niceyasamcom#Enter The Blog
Evet hepsi bu kadarBuraya kadarki işlemleri doğru yaptıysanız eğer blogunuzun önizlemesini yaptığınızda anasayfanızdaki değişikliği görmeniz gerekirBen iki ayrı blog için yaptım ve ikisinde de herhangi bir problemle karşılaşmadım
Yalnız gadget eklerken mümkünse konu yayınladığınız yerin üstündeki bir yere (resimdeki gibi navbarın hemen altına)* HtmlJavaScript gadget’ı ekleyinÇünkü diğer widget lardan önce yüklenmeli
Kaynak: http:bloggerstopnet09displayyourhomepagelikebinghtml