Cara membuat pesan ramadhan di blog

Cara membuat pesan ramadhan di blog


Akhirnya script ini selesai juga, semoga saja ini bermanfaat untuk kalian semua. Yo pada kesempatan kali ini saya akan membagikan cara membuat pesan ramadhan di blog,  jadi kegunaan script ini bukan hanya menampilkan Jam dan tanggal saja tetapi juga menampilkan pesan tepat ketika kita sedang berbuka puasa, shalat terawih, sahur, dan shalat subuh. oh iya kalian tidak perlu mengedit edit lagi script ini karena pesan ramadhan ini sudah responsive :) yuk langsung saja berikut ini demonya.

[ DEMO ]

TUTORIAL

1. Seperti biasa masuk ke blog kalian
2. Masuk ke Template -> edit HTML
3. lalu cari  ]]> </ b: skin> stelah itu copy pastekan script css ini

#messagepuasa{background:rgba(0,0,0,0.6);z-index:99999;width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;border:0;display:none;}#messagepuasa span{color:#fff;font-size:25pt;font-weight:bold;bottom:0;right:0;top:35%;left:0;position:absolute;text-align:center;font-family:Arial;}#messagepuasa span#PJMwaktu{padding-right:190px;}#messagepuasa span#jam{padding-left:350px;}#messagepuasa span#pesan{padding-top:55px;padding-left:50px;}#messagepuasa span#author{position:absolute;top:0;font-size:10pt;}#messagepuasa span#author a{color:#fff;text-decoration:none;margin-right:5000px;}#messagepuasa img{position:absolute;width:50%;bottom:0;left:28%;}@media screen and (max-width:320px){
#messagepuasa span{font-size: 8pt;}
#messagepuasa span#jam {padding-left: 125px;}
#messagepuasa span#PJMwaktu {padding-right: 50px;}
#messagepuasa span#pesan {padding-top: 15px;padding-left: 20px;}
}
@media screen and (min-width:400px) and (max-width:800px){
#messagepuasa span{font-size: 13pt;}
#messagepuasa span#jam {padding-left: 185px;}
#messagepuasa span#PJMwaktu {padding-right: 90px;}
#messagepuasa span#pesan {padding-top: 25px;padding-left: 20px;}
}

3. Simpan Template
4. Jika sudah disimpan sekarang saatnya kita membuat gadget, gadget ini bertujuan untuk memanggil script yang terdapat dalam hosting gratisan caranya klik Tata letak -> Tambahkan gadget -> HTML/Javascript Lalu copy pastekan script di bawah ini ke dalam kolom gadget tersebut
<script type="text/javascript" src="http://yourjavascript.com/41212001275/puasa.js"></script>
5. Terakhir simpan gadget

Share this

Related Posts

Previous
Next Post »

2 komentar

komentar
13 July 2014 at 14:20 delete

wah bagus juga nih,pas dg momen ramadhan.. tak cobain ya :)

Reply
avatar

Peraturan Komentar
• Menggukan Kata Kata yang Halus
• komentar Dilarang Berbau SARA
• komentar Dilarang FLODDING,SPAM Dan Lain Lain
• komentar Dilarang Memasukan Link Hidup
• Dan Terakhir Keep Smile ^_^