Selamat Malam Blogger.
Kali ini saya akan post
Cara Membuat Pop Up Pesan Ramadhan Di Blog
Tidak terasa sebentar lagi Bulan Ramadhan , bulan suci penuh dengan ampunan . Dengan itu kita perlu meminta maaf dan memaafkan orang lain , dalam bentuk apa saja , misalnya : pesan/message , Popup Pesan , dll.
ya dengan itu saya meminta maaf kepada Sobat Blogger semua , kalau ada salah-salah kata atau yang lain mohon dimaafkan , maklum semua manusia juga ada salah :)
Inilah cara membuat Pop Up Pesan/Gambar Spesial Ramadhan :
1. Masuk ke
Blogger > Tata Letak > Tambah Gadget
2. Lalu pilih
HTML/Javascript
3. Masukkan kode widget dibawah ini kedalamnya
<div class='widget-content'>
<style type="text/css">
#aganpopupdiv{display:block;}}
* html #aganpopupdiv {position:absolute;}
#aganpopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJyO69L08MmgqOPYPtKeIA0pWtx7vZQEbm8fANYDY0OFpfRQX0PAcWRxsNKyCJuqEbZL7718slygNfovFaWNC72iODH7f6gOYpRlutmQaLehNKFCIinjvP47G6tE_NBHThVr8LzIbb2w/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#aganpopup {background-color: #fff; overflow:none;}
.aganpopup {width:500px; height:375px; position:fixed; top:50%; left:50%; margin-top:-200px; margin-left:-250px;
background:url(https://lh5.googleusercontent.com/-7m6JoD09p7I/U6mAm6ZwkOI/AAAAAAAAFs4/D5Gk8nhOkdE/h1600/ramadhan+2014.jpg)no-repeat;border:2px solid #fff;}
</style>
<div id="aganpopupdiv">
<div id="aganpopup" class="aganpopup">
<center style="background:#fff;color:#000;cursor:pointer;float:left;margin-left:-2px;margin-top:-29px;padding:4px;font-family:Arial;font-weight:bold;" onmouseup="document.getElementById('aganpopupdiv').style.display='none'">
Tutup X
</center>
<div style='margin:354px 0px 5px 10px;'>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FRebornDeath&width&layout=button&action=like&show_faces=false&share=false&height=35&appId=288329154611945" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;width:60px;" allowtransparency="true"></iframe></div>
<div style='margin:-45px 5px 5px 63px;'>
<!-- Twitter follow button start -->
<a href="http://twitter.com/BagasLPhantom" class="twitter-follow-button"data-show-screen-name="false">Follow @BagasLPhantom</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Twitter follow button end -->
</div>
<div style='margin:-30px 5px 5px 63px;float:right'>
<a href='http://mpriestly.blogspot.com/2014/06/cara-membuat-pop-up-pesan-ramadhan-di.html' target='blank'>Get This Widget</a>
</div>
</div>
</div></div>
Boleh diganti RebornDeath dengan ID fanspage facebook sobat, dan ganti BagasLPhantom dengan ID twitter sobat . Dan jika sobat ingin menambahkan yang lain isi sesuka kreasi sobat .
Ya itulah yang dapat saya share!
Dengan menyambutnya bulan ramadhan , saya selaku Admin Mpriestly Blog mengucapkan minal adizin walfaidzin Mohon Maaf Lahir dan Batin , jika diartikel saya banyak terdapat kata-kata yang menginggung bagi sobat sekalian mohon dimaafkan , wajarlah manusia juga punya salah . Sekali lagi ....
Jika Ada yang ingin ditanyakan , silahkan chat kami di Social Media .
Selamat mencoba , dan liat hasilnya.
Sumber : agan-tutorial
