İnternetin vazgeçilmezi haline gelen bloglar, artık ilginç tasarımlarıyla birlikte populerliğini artırmaya devam etmektedir. Hemen hemen her konuda bir blog bulmak mümkün. Spor, sinema, müzik, resim vb. örnekleri çoğaltmak mümkün. Durum böyle olunca blog kullanıcıları ziyaretçilerine daha hoş bir tasarım sunmanın telaşına girmiş durumda. Ben 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ğım. Bu yöntemle sayfanıza giren ziyaretçilere, onların görmesi gereken bir duyuru veya sadece bir karşılama mesajı gösterebileceksiniz. Burayı tıklayarak bir önizleme yapabilirsiniz.

Şimdi ilk olarak 3 dosyaya ihtiyacımız var. Aşağıdaki dosyaları Codebook sitesinden indiriyoruz.

leightbox. css    ( http://mydatanest. com/files/teslaa/14051_cosvv/leightbox. css)

leightbox. js        (http://mydatanest. com/files/teslaa/14048_nyxts/leightbox. js)

prototype. js      (http://mydatanest. com/files/teslaa/14050_eh73x/prototype. js)

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 . js uzantılı dosya upload etmenize izin vermiyor. )Ben sizler için bu dosyaları ekledim. Yukarıdaki linkleri de kullanabilirsiniz. Yok 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şturuyoruz. Hesap oluşturduktan sonra dikkat etmeniz gereken nokta:Dosyaları ortak kullanıma açmayı unutmayın. Yani orada private ve public seçenekleri var. Siz 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    "</head>" kodunu Ctrl+f tuşları yardımıyla buluyoruz. Hemen bu kodun üzerine aşağıdaki kodu yapıştırıyoruz.

<!-Welcome-UnderConstuction-Page-Starts->

<link rel="stylesheet" type="text/css" href="http://mydatanest. com/files/*****/leightbox. css"/>

<script type ="text/javascript" src="http://mydatanest. com/files/*****/prototype. js"></script>

<script type="text/javascript" src="http://mydatanest. com/files/*****/leightbox. js"></script>

<style type='text/css'>

div. leightbox {

color: #fff;

display: none;

position: absolute;

top: 50%;

left: 50%;

margin: -240px 0 0 -380px;

width: 745px; //Keep the WIDTH 5px LESS than the actual width of the image you are planning to use...

height: 400px;

padding: 0 0 0 5px;

border: 1px solid #FFFFFF;

background: url(http://i36. tinypic. com/2w4n40k. jpg) no-repeat;

z-index: 101;

overflow: none;

}

</style>

<!-Welcome-UnderConstuction-Page-Stops-HELP-http://bloggerstop. net->


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 Html/JavaScript seçeneğini seçerek aşağıdaki kodu yapıştırıp kaydediyoruz.

<!———-// POPUP (AUTOLOAD) //———->

<div id="pop01″>

<div>

<h1>Welcome To My Blog</h1>

Kategoriler:

Yapılan Yorumlar

Henüz kimse yorum yapmamış.

Bu sayfada yer alan bilgilerle ilgili sorularınızı sorabilir, eleştiri ve önerilerde bulunabilirsiniz. Yeni bilgiler ekleyerek sayfanın gelişmesine katkıda bulunabilirsiniz.

Yorum Yapın

Adınız:
E-Mail:
Mesajınız:
Doğrulama: Güvenlik Kodu
 
Hosts Dosyası Nedir?     Ekinoks Nedir?     Vista Transformation Pack 5.5     Avedesk 1.3 Bölüm 1     İntel'in Core 2 Duo E6400'ü %56'lık oc ile fiyat-performans kralı     Samsung'un 32 GB Flash Sürücüsü Görücüye Çıktı     İşte Karşınızda Yeni Honda Civic     M-Audio, Avid/Digidesign tarafından satın alındı - İki dev birleşti     M-Audio MobilePre USB - USB Beslemeli, Pre-amplifikatörlü USB Ses Kartı     Cubase 4 - Devrimci bir kilometre taşı Müzik prodüksiyon yazılımı.     Avedesk Bölüm2     VW Touran CCS (BiZEL Motorlu Tek Araç)     StrokeIt 9.5     Windows Vista Güncelleştirme Paketi     NanoTeknoloji Nedir?     Arama Motorları Nasıl Çalışır?     Murat Günak kimdir?     AMD: Fusion ile CPU ve GPU'yu Birleştiriyor.     VW Tiguan ( Küçük Touareg )     Java Destekli Telefonlar için 3D Performans ve Kalite Testleri     C-Metisse (Citroen'in Yeni Bombası)     SSL Nedir? Nasıl Çalışır?     Avedesk Bölüm 3 - Ave Scripter Eklentileri     MouseIMP Pro     Ürün İncelemesi: Toshiba USB 2.0 1GB Flash Bellek     Windows Vista Sidebar     H-racer ve Hydrogen Station     Ürün incelemesi: Saitek P3000 Wireless PRO Gamepad     Beklenen oyun: Trackmania UNITED çıktı!     VISTA TRANSFORMATION PACK 6.0     Ekran Kartları Nasıl Çalışır?     Ürün İncelemesi: APC Back-UPS RS 1000VA Kesintisiz Güç kaynağı(KGK)     AMD FireSTREAM Kartlara Logosunu Verdi     Pardus Linux 2007 Beta 2     Nintendo Wii Haber Kanalı Artık Yayında     Samsung'tan Dünyanın En İnce Cep Telefonu     Saab Bio Power     Apple iPhone     Super Mario artık Nintendo Wii ‘de     Mobility Radeon X1900     10.000 Pardus     Vista'nın da çıkmasıyla beraber 4 çekirdekli işlemciler artık standart hale geliyor     TecrubeliPilotAraniyor.COM     Avedesk Eklentilerin Ayarlanması     Ford Mustang Giugiaro Konsept     Dünyanın İlk Boxer Turbo Dizel Motoru     Yüzyılın yarış oyunu: Test Drive Unlimited!     Microsoft Virtual PC 2007     Dizüstü Canavarı: Monster T2-Rex T72M575U1     Kuantum Bilgisayarlar Geliyor     ATI Catalyst 7.2 Sürücüleri Çıktı!     Kuantum Bilgisayarlar     MSN alternatifi, kullanıcıların yeni gözdesi: Trillian     Video oyunları çocukları zayıflatıyor     Yahoo Messenger Vista !     Vista üzerinde IIS 7.0 Kurulumu     Corel WordPerfect Lightning' in halka açık beta sürümünü yayımlıyor!     Toshiba'dan 51 GB HD DVD     F1'e geri sayım…     Intel 11X Fabrikasını Yenliyor     HP iPAQ Voice Messenger 510 ; Ses tanıma, Wi-Fi, Windows Mobile 6.0 hepsi bir arada     Far Cry'ın devam oyunu, muhteşem grafikleriyle: Crysis     Değişen İklim Değil,Enerji Olsun!..     Küresel Isınmanın Nedenleri? Sebepleri?     IBM Dünya'nın En Güçlü Bilgisayarını Geliştriyor     Yod'm 3D     Elbit Systems VIPeR "avcı-katil" robotu çıkarıyor     Oyunlar yeni bir boyut kazandı: TrackIR!     Hard Disk Pazarının Kralı: Seagate     Vista Aero Reloaded     Hava Kirliliğini Arttıran Sıcaklık İnversiyonu- Bölüm1     Adobe'den Ücretsiz PDF Oluşturma Hizmeti     Hava Kirliliğini Arttıran Sıcaklık İnversiyonu- Bölüm2     Türk insanına has Google Logoları…     Yahoo'dan Sınırsız Email Kapasitesi     AeroClear Glass for Vista Theme     NuSphere PhpED IDE     Google Spreadsheets     Vista'da Farklı Temalar Kullanmak     Ati HD2900XT, Nvidia 8800GTX'a Karşı: Crysis Demo ve 3DMark06 Testleri     İTÜRO     Mucitlerimiz Gün Işığına Çıkıyor     Nükleer Santraller: Nasıl Çalışır? Problemleri Nelerdir?     768MB 8800GTX, 512MB ATI HD 2900XT, 640MB 8800GTS Oyun ve 3DMark06 Testleri     Hovercraft: Sınır Tanımayan Araç     Free Loader güneş pili     Vestel, Tamamen Türk Yapımı Yakıt Pili Üretti     İTÜ Robot Olimiyatları     Adobe CS3 ile Mac'te, Daha Fazla Şey Yapın     Beynimiz Nasıl Öğreniyor?     Kuzey Işıkları'nın Dansı     Yenilenebilir Enerji Kaynakları Nelerdir?     Boğaziçi Üniv. Robot Günleri     Güneş Enerjisi Nedir?     Motorlarda Piston Tipleri ve Kullanılan Malzemeler     Geleceğin Yakıtı, Hidrojen Nedir?     Güneş Enerjisinden Elektrik Nasıl Elde Edilir?     Colin McRae: DIRT     Hidrojen Yakıt Pilleri Nasıl Çalışır?     Crysis'in sahne tasarımlarına bir göz atalım    
Coğrafya
Coğrafya Sitesi
Tarih Sitesi
Türkçe Sitesi
Bilgi Sitesi
Bilgiler