Membuat Pesan Pembuka Pop Up Spesial Ramadhan

Di malam yang berkah ini saya mau berbagi artikel baru dan masih hangat :v. Sekarang kebanyakan blog sudah dipasang Pesan Pembuka Spesial Ramadhan termasuk Blog ini. Pesan pembuka ini sudah dilengkapi oleh tombol like facebook,G+ dan follow twitter. Pesan pembuka ini sama seperti pesan pembuka pesan full screen hanya berbeda terdapat tombol like facebook,G+ dan follow twitter.

Cara Membuat Pesan Pembuka Pop Up Spesial Ramadhan

1.  Anda Login ke blog anda 

2. Masuk ke Tata Letak >> Tambahkan Gadget

3. Pilih HTML/JavaScript

4. Masukan kode dibawah ini dan jangan lupa di Simpan :D

<style type="text/css">
#trizpopupdiv{display:block;}}
* html #trizpopupdiv {position:absolute;}
#trizpopupdiv {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/AVvXsEiRV5CoMvc_34aqNeIHCUPoXDPTiioA8f7dp5TbYF7zDANa1N6wJCby1n8qppgHGPnn8i2qfinSholFLP6CXwJ6KzyOa_DSffWqYFvtCCrTXljMqeUPO3tGkCFxXoIdOtWSxAUxClwArA/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#trizpopup {background-color: #fff; overflow:none;}
.trizpopup {width:500px; height:375px; position:fixed; top:50%; left:50%; margin-top:-200px; margin-left:-250px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJrkqati87JS6H0iSAdbUQwKaFz_oslWcCMb1w9AlgVo6t8lGTx5xQQ77omn0Gg3D0s9XikRZMnk3fcgeS94jTfRfrX1Gax2OtUjtGjfiN-PmTNzK7V4Hkeq8rKWatJui0UYhAJaIpqaA/s1600/bg+ramadhan2.jpg)no-repeat;border:2px solid #fff;}
</style>
<div id="trizpopupdiv">
<div id="trizpopup" class="trizpopup">
<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('trizpopupdiv').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%2Ftristmation&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;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/all_strezt" class="twitter-follow-button"data-show-screen-name="false">Follow @allstrezt</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://triznowibowo.blogspot.com/2014/06/membuat-pesan-pembuka-pop-up-ramadhan.html' target='blank'>Get This Widget</a>
</div>
</div>
</div>

Keterangan

• Jika ingin ganti gambar, Ganti url https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJrkqati87JS6H0iSAdbUQwKaFz_oslWcCMb1w9AlgVo6t8lGTx5xQQ77omn0Gg3D0s9XikRZMnk3fcgeS94jTfRfrX1Gax2OtUjtGjfiN-PmTNzK7V4Hkeq8rKWatJui0UYhAJaIpqaA/s1600/bg+ramadhan2.jpg dengan url gambar anda
• Ganti tristmation dengan url fanspage facebook anda
• Ganti all_strezt dan @allstrezt dengan url twitter anda

Saya berharap trik ini akan membantu Anda . Tulis komentar Berharga Anda tentang artikel ini dan juga jangan lupa untuk berbagi artikel ini di Jaringan sosial untuk menyebarkan Pengetahuan. 1 klik G+ sangat berguna untuk mengembangkan Blog ini.

Sumur http://agan-tutorial.blogspot.com/2014/06/membuat-pesan-pembuka-pop-up-spesial-ramadhan-di-blog.html

Share this post