Sebagai sesama Umat muslim,alangkah baiknya kita mengucapkan Selamat Hari Raya Idul Adha kepada orang yang kita temui. Baik secara tidak langsung maupun melalui Media internet,seperti yang akan kita buat di artikel ini yaitu Cara Pasang Ucapan Selamat Hari Raya Idul Adha di Blog ala Mbak Arlina dengan tujuan kita dapat mengucapkan selamat kepada umat muslim yang sudah membuka Blog sobat.
Dan Berikut adalah cara Memasang ucapan Selamat Lebaran Tersebut :
Note : Disaran sobat untuk melakukan Backup Template sobat untuk menghindari terjadinya kode yang tertimpah,terhapus,hilang dan sampai salah mempastekan kode atau hal yang tidak diinginkan
1. Login akun Blogger dan pada Menu Dasbord, sobat Buka Tema - Edit HTML.
2. Di menu Edit HTML,Sobat cari kode </head> pada template tersebut dengan cara menekan CTRL+F (Find) untuk memudahkan sobat ketika mencarinya.
3. Copy Kode dibawa,lalu Paste kode tersebut Tepat di diatas </head> .yang untuk mengatur tampilan
Klik 2x pada Kode berikut untuk Memblock Otomatis
<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/* Pop Up Idul Adha */
@keyframes zoomIn{from{opacity:0}50%{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0%)}}
#myModal{display:none}#arlinapuasa2019ku{line-height:1.55;display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:600px;box-shadow:0 0 2.5rem -1.5rem rgba(0,0,0,0.5);z-index:1001;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 1s}#arlinapuasa2019ku .puasa19{position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;left:0;right:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)}#arlinapuasa2019ku .puasa19 p{margin:10px auto;font-style:italic;font-family:Georgia}#arlinapuasa2019ku .puasa19 .ramadhan2019{font-size:2.5rem;font-style:normal}#arlinapuasa2019ku a.close-popup{background:#428bca;position:absolute;bottom:20px;right:20px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:13px;padding:4px 14px;min-width:60px;transition:all 0.3s}#arlinapuasa2019ku a.close-popup:hover{background:#336d9e;color:#fff}#arlinapuasa2019ku a.close-popup:active{opacity:.9}
.ketupat{position:absolute;left:0;right:0;top:-12px;margin:auto;width:10px;height:10px;background:#B9E937;box-shadow:10px 0 0 #57D131,10px 10px 0 #B9E937,0px 10px 0 #57D131,5px 5px 0 10px #fff;display:inline-block;text-align:center;transform:rotate(45deg);z-index:2}.ketupat.duaa{top:initial;bottom:3px}#hiding{background:#3979b0;position:absolute;bottom:20px;right:78px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:20px;padding:0 10px;line-height:28px;min-width:28px;transition:all 0.3s}#hiding:hover{background:#336d9e;color:#fff}.matilampuku{position:fixed;top:0;background:rgba(0,0,0,0.35);left:0;right:0;bottom:0;margin:0;z-index:1000;animation:zoomIn 1s}
@media screen and (max-width:768px){#arlinapuasa2019ku .puasa19{font-size:1rem}#arlinapuasa2019ku .puasa19 .ramadhan2019{font-size:1.5rem}#arlinapuasa2019ku{min-height:260px;left:20px;right:20px}}
</style>
</b:if>4. Cari lagi kode </body> pada template tersebut dengan menekan CTRL+F.
5. Lalu Copy dan pastekan kode berikut tepat diatas </body>.
Klik 2x pada Kode Berikut untuk Memblock Otomatis
<b:if cond='data:view.isHomepage'>
<div id='arlinapuasa2019ku'>
<div class='ketupat'/>
<a class='close-popup' href='#' title='Close this message'>Close</a>
<div class='puasa19'>
<p>Selamat Hari Raya</p>
<p><span class='ramadhan2019'>Idul Adha 1440 H</span></p>
<p>Mohon Maaf Lahir dan Batin</p>
</div>
<div class='ketupat duaa'/>
</div>
<script type='text/javascript'>
//<![CDATA[
$(window).bind("load",function(){$("#arlinapuasa2019ku").animate({top:"25%"},1e3),$("a.close-popup").click(function(){return $(this).parent().fadeOut(1e3),!1})});
//]]>
</script>- Sobat dapat merubah kalimat ucapan sesuai yang diinginkan dengan merubah kode diatas yang sudah diberi warna Merah.
- Untuk merubah atau mengganti kata "Close" untuk menutup ucapan tersebut,sobat dapat mengganti pada kode diatas yang sudah diberi warna Hijau.
6. Jika sobat sudah mempastekan dua kode diatas sesuai yang langkah. Maka sobat dapat menyimpan template dengan cara menekan Tombol "Simpan Tema"
Hasilnya seperti berikut :
Demikian Tutorial dari Masrinaldo.com mengenai "Cara Pasang Ucapan Selamat Hari Raya Idul Adha di Blog" yang semoga dapat membantu sobat untuk mengucapkan selamat kepada sesama Umat Muslim melalui Blog atau Website sobat.
Post a Comment