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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtL-XWkZfOTX1WbPceRDFHyIOISAL8Gk53RTwBWBmW2wBrQ03NWvC8Fs_affFdHB7zEqGo-PXsk9Fv5eX915r6bSw5pmPy2055sllFt6z6xNWl6ECJrc-rKU88F6H5eOQTXmWVcKVecw/) 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjB5XNir-IRelkcSk1MdhV6SgxA7c8mzTbqFpdCA0PBhX1tqlKa-FssMkQk7GAoIZIbUSC1CmzlFp4DPCMUr0lFHa9n8T8GQJXPDy87oPJsR-f6GTTh8zNwSE2QaYXgpd2EmISkot8xw/);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
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
Anonim mengatakan... 27 Oktober 2013 pukul 07.58
Okeh keren gan, thanks agan :)
Reply Delete
keren mas ,, jangan lupa kunbal nya dong
http://cecepdotcom.blogspot.com
Reply Delete

Posting Komentar

Cancel Reply