Cara Pasang Ucapan Selamat Hari Raya Idul Adha di Blog

Cara Memasang Ucapan Selamat Hari Raya Idul di Blog dan Website ala Mbak Arlina Redesign Mas Rinaldo
Cara Pasang Ucapan Selamat Hari Raya Idul Adha di Blog - Allahuakbar Allahuakbar Allahuakbar, Laillahailallah Huallahuakbar Allahuakbar Walilla Ilham, Mas Rinaldo Mengucapkan Selamat Hari Raya Idul Adha 1440 Hijriyah. Sekilas dari Hari Raya Islam ini biasa disebut juga dengan Lebaran Haji,yang merupakan sebuah hari untuk memperingati Peristiwa. Dimana Nabi Ibrahim Mengorbankan seorang anaknya (Ismail) kepada Allah SAW,dengan cara menyembelih anaknya. Tetapi ketika Nabi Ibrahim hendak menyembelih anaknya, Allah menggantikan anaknya dengan seekor Domba atau kambing.

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 :
Contoh Mengucapkan Selamat Hari Raya di Blog atau Website ala mas rinaldo

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.

Artikel Terkait

0Comments

Previous Post Next Post