Cara Membuat Pesan Pemberitahuan Admin Blog

Contoh Pesan Pemberitahuan Admin Blog
Tutorial Belajar Blog - Cara Membuat Pesan Pemberitahuan Admin Blog , Maksud dari Tutorial Blog Pesan Pemberitahuan admin blog ekedar untuk pemberitahuan bahwa Blog kalian sedang dalam perbaikan, entah dalam pengembangan atau sedang menjalani hal-hal sibuk. Jadi kesimpulannya para pengunjung lebih paham mengapa Blog kalian sudah sangat jarang update.

Berikut Langkah - Langkah Untuk Membuat nya

✓ Letakkan di atas kode </body>
<style type='text/css'>
.notification{height:70px;width:480px;display:block;position:fixed;bottom:10px;left:10px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf}
.notification span{background:url(https://lh5.googleusercontent.com/_U0QaeycS3vw/Taqu74WricI/AAAAAAAAAkE/eEcZwcRj0ko/close.png) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;/*Background Gradients*/background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))}
.warning:before{content:url(https://lh3.googleusercontent.com/_U0QaeycS3vw/Taqu7wyV6rI/AAAAAAAAAkI/726O1B0-O94/warning.png);float:left;margin:15px 15px 0 25px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>

Tambahkan kode di bawah ini (letakkan dibawah kode yang di atas tadi)
<script type='text/javascript'>
$(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<p><strong>Pesan Admin :</strong>Selamat Datang Di Tutorial Belajar BLog</p></div></b:if>
✓ Jangan lupa selimuti kode di atas.
1. Hanya muncul di halaman utama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE DI ATAS........
</b:if>
2. Muncul di halaman Posting
<b:if cond='data:blog.pageType == "item"'>
KODE DI ATAS........
</b:if>
Note:
  •  Tulisan bottom yang Berwarna kuning dan left tulisan berwarna merah bisa di ganti dengan keinginan
  • Tulisan berwarna pink silahkan diganti dengan kata-kata kalian sendiri.

sumber : http://www.dte.web.id

12   komentar

mantap blognya euy, kental dgn tut's dari master taufik nurrohman \m/
Reply Delete
mas mau tanya gimana cara ngbuat postingan dua kolom yang kayak home pagenya mas oktri,,

mohon pencerahannya mas.
Reply Delete
keren mas...blognya minimalis banget :)
Reply Delete
terima kasi sudah join berkomentar...
mantap nie ada blogger mampir di blog ane
Reply Delete
haduh gue bingung banget..
heh admin..
maksudnya kode-kode diatas, kode diatas itu apa sebutin dong namanya...
bingung tau,,
jancuk...
Reply Delete
hadeh dasar bocah... ngmng ga pake rahang
Reply Delete
kunjungan malam
Reply Delete
mantabb gan.....
sangat bermanfaat..... :-bd \m/
Reply Delete
y wes dr pd brantem mendingan lihat lah blog ku,..
http://nawwafcom.blogspot.com/
Sekolah yang rajin biar pintar, ya nak. Hahahaha !!!
Delete
Reply Delete
Okeh keren gan, thanks agan :)
Reply Delete
keren mas ,, jangan lupa kunbal nya dong
http://cecepdotcom.blogspot.com
Reply Delete

Posting Komentar

Cancel Reply