Zatykhan Blog: CARA MEMBUAT PESAN RAMADHAN PADA SAAT MEMBUKA BLOG

Wednesday 16 July 2014

CARA MEMBUAT PESAN RAMADHAN PADA SAAT MEMBUKA BLOG

Seperti biasa pada hari-hari raya besar para admin-admin media sosial termasuk admin blog akan membuat pesan-pesan tertentu kepada pengunjungnya. Mulai dengan Tulisan marquee, banner, dialog box dan lain-lain. Dan pada sore hari ini saya akan membagikan sesuatu yang beda dari yang di atas tadi yang dimana pesan ini akan memenuhi layar pada browser pengunjung dan dilengkapi dengan tombol masuk agar para pengunjung bisa mengakses blog yang ingin para pengunjung akses.

BERIKUT CARANYA

Masuk Ke Dasbor Blog Sobat,
Klik Menu Template,
Klik Menu Edit Template,
Masukan Kode CSS Dibawah Ini Diatas kode </style>

/* CSS Pesan Ramadhan */
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background-color:#aaa}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://1.bp.blogspot.com/-19vOQibfxVQ/U6f5ZZfFtdI/AAAAAAAAdIA/-3kB-n9pUkA/s1600/Wallpaper.jpg) no-repeat top center;}

Jika Sudah Masukan Kode Dibawah ini Diatas Kode <body>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>&#8220;Marhaban Ya Ramadhan&#8221;<br/>
Saya, Zatykhan selaku admin dari Blog Zatykhan mengucapkan<br/>
&quot;Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin.&quot;</p>
<div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Continue Reading &#8594;</div>
</div>
</b:if>

Jika sudah, Simpan template dan Refresh Browser soba.

Kode diatas sudah dengan tag kondisional jadi pesannya hanya muncul di halaman Home saja. Jika sobat ingin merubahnya silahkan ganti tag kondisionalnya

1 comment:

Unknown10 February 2015 at 14:37
terimakasih banyak sob, sangat membantu sekali tutorialnya...

http://obattpenyakit.com/
ReplyDelete
Replies

Add comment

Peraturan Dalam Berkomentar :
[+] Marilah Kita Budayakan Berkomentar Sesudah Membaca Artikel.
[+] Dilarang Menghina, Promosi Atau Iklan, Menyelipkan Link Aktif Dan Non Aktif
[+] Dilarang Berkomentar Yang Mengandung Unsur Porno, Spam, Sara, Politik, Profokasi.
[+] Budayakan Berkomentar Dengan Sopan, Bijak, dan Sesuai Artikel (Dilarang Berkomentar Diluar Topic).
[+] Jika Kalian ingin bertanya di luar topic anda bisa kunjungi link tersebut
http://zatykhan.blogspot.com/p/blog-page.html