Membuat Pesan Pembuka Blog
Thursday, July 9, 2015
Add Comment
Link sudah terenkripsi, bertujuan agar link aman untuk dikunjungi. Tunggu hingga loading selesai
Membuat Pesan Pembuka Di Blog - Cara ini kebanyakan di gunakan oleh admin blog sebagai pesan dari untuk para pembacanya, dan biasanya pesan tersebut bisa berupa ucapan selamat, ucapan terimakasih dan lain - lain, dan bisa juga di tambah dengan atribut seperti gambar dan sebagainya, seperti halnya saya yang menerapkanya pada blog ini.
untuk demonya kalian bisa melihatnya di awal kalian melihat blog ini atau tepatnya di HomePage Blog ini.
mungkin tidak perlu panjang lebar lagi ya saya harap kalian paham dengan ulasan di atas tadi dan sekarang mari kita tengok tentang cara Membuat Pesan Dan Gambar Di Blog :
Membuat Pesan Pembuka Blog
- Silahkan Login dulu ke Blogger Dashboard, kemudian pilih menu Template > Edit HTML
- Jika sudah masuk ke menu Edit HTML, Silahkan Copy Kode di bawah ini tepat di atas
]]></b:skin>atau</style>( Untuk memudahkan pencarian silahkan tekan tombolCtrl + F)
/*CSS Pesan Pembuka Hot-news01.blogspot.com*/
#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:#07162d url(Taruh URL Gambarmu di sini) no-repeat top center;}
3. Setelah CSS diatas sudah terpasang, Kmudian agan Copy kode HTML di bawah ini kemudian taru di bawah kode
<body>
<div id='welcomeoverlay'/><div id='welcomebox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Muhammad Fikriansyah selaku admin Hot News01 mengucapkan<br/>
"Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin."</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>Continue Reading →</div>
</div>
Untuk pesannya silahkan sesuaikan dengan keinginan agan.
4. Jika agan menginginkan Pesan Pembuka ini hanya ingin muncul saat di Homepage saja, Silahkan ganti kode HTML diatas dengan kode dibawah ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“Marhaban Ya Ramadhan”<br/>
Saya, Muhammad Fikriansyah selaku admin Hot News01 mengucapkan<br/>
"Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin."</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>Continue Reading →</div></div></b:if>
Mungkin sekian dulu dari saya tentang Membuat Pesan Di Blog semoga artikel ini dapat berguna sekaligus bermanfaat untuk kita semua trimakasih
Link tersedia dalam 15 detik.
Selamat! kamu sukses mendapatkan link yang terenkripsi.
0 Response to "Membuat Pesan Pembuka Blog"
Post a Comment