CARA MUDAH MEMBUAT PESAN UCAPAN MELAYANG DI BERANDA, KETIKA ADA PENGUNJUNG MEMBUKA BLOG KITA

Salam sejahtera sobat Blogger dan, 

SELAMAT DATANG di blog R3N_DESIGN|Digital.net...

Apa kabar sobat Blogger?, InsyaAllah dalam keadaan sehat semua. Aammiinn yaa Rabb...

Sobat Blogger bagi anda yang mau memasang widget "PESAN UCAPAN MELAYANG DI BERANDA, KETIKA ADA PENGUNJUNG MEMBUKA BLOG KITA" seperti yang terlihat pada gambar di atas (lihat tanda panah warna merah), simak tutorialnya berikut ini:

1. Buka blog sobat Disini
2. Buka "Laman Elemen" ~> "Tata letak"
3. klik "Tambahkan Gadget" ~> "HTML / JavaScript"
4. Lalu copy-pastekaann kode dibawah ini ke dalam "HTML / JavaScript"

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -170px;
width:380px;
height:auto;
padding:13px;
background:#00008B;
font:normal Dosis, Georgia, Serif;
color:#FFFF00;
border:2px solid #8B0000;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:3px 3px 3px #00FFFF;(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#8B0000;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#FFFF00;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<justify>
<a class="murub">
ASSALAMU'ALAIKUM WARAHMATULLAH WABARAHKATUH<br />
<br />
Salam sejahtera sobat Blogger dan,
<br />
SELAMAT DATANG di blog: >>>))))R3N_DESIGN|Digital.net):><br />
<br />
Suatu kehormatan bagi saya apabila anda betah untuk berlama-lama disini walau hanya sekedar membaca artikel yang gak penting ini. Heee... >_<<br />
<br />
Blog R3N_DESIGN|Digital.net,...bila ada waktu insyaAllah setiap saat akan senantiasa diupdate untuk artikel-artikel terbarunya...!<br />
<br />
Ohya sobat Blogger, untuk melihat tampilan sempurna blog R3N_DESIGN|Digital.net, saya harap sobat Blogger dapat menggunakan browse GOOGLE CHROME atau MODZILLA FIREFOX dan, mohon maaf bila blog ini baik dalam pembuatan blog ataupun penulisan artikel masih banyak terdapat kekurangannya...!<br />
<br />
TERIMA KASIH atas kunjungannya, Salam persahabatan, selamat membaca dan, SEMOGA HARI ANDA MENYENANGKAN :')<br />
<br />
WASSALAMU'ALAIKUM WARAHMATULLAH WABARAHKATUH<br />
<br />
Hormat saya,<br />
R3N_Namaku</a></justify>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

5. Simpan dan lihat hasilnya.

KETERANGAN:

• Kode warna merah silahkan sobat ganti sesuai dengan warna keinginan sobat.!
• Kode warna kuning silahkan sobat ganti tulisan sesuai dengan kebutuhan sobat.!

Selamat mencoba dan semoga dapat bermanfaat...

TERIMA KASIH atas kunjungannya dan salam... :')