cara membuat ucapan selamat ramadhan 2017 di blogger

cara membuat ucapan selamat ramadhan di blogger

Assalamualaikum selamat siang sobat perampokgoogle.com lagi pada ngapain ne ? Kalau lagi memodifikasi blogger pas banget ne ama tema yang akan saya share siang ini, Hari ini saya mau kasih tutorial mengenai bagaimana cara membuat ucapan selamat ramadhan 2017 di blogger karena sebentar lagi kita akan menjalankan ibadah puasa 2017.

puasa 2017 jatuh pada tanggal 26 mei 2017

Tepatnya bulan ramadhan 2017 kali ini jatuh pada tanggal 26 Bulan mei 2017 , Sudah siapkah sobat menjalankan bulan suci ini degnan penuh ibadah ? , Buat kamu yang beragama islam pasti pengen kan membuat ucapan selamat ramadhan di blog nya, Kalau iya teruskan membaca postingan siang ini yah. .

Untuk kamu yang belum membaca artikel serupa kamu bisa lihat dibawah ini :
cara membuat widget animasi lentera ramadhan 2017 di blogger

widget ucapan selamat ramadhan ini dibuat oleh suhu nya blogger yaitu kompiajaib.com 
http://www.kompiajaib.com/2014/06/membuat-pesan-pembuka-ketika-masuk-blog.html

langkah membuat ucapan selamat ramadhan 2017 di blogger :

1. Masuk ke dashboard blogger masing masing di https://www.blogger.com.
2. Pilih menu template lalu klik edit template.
3. cari kode </style> pada template kamu lalu letakan kode css dibawah ini tepat diatasnya.

#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background-color:#aaa}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmmPvZ9Q2PhSwskYfJt5cObDfrQ_m0I3WVOwufJVZbVZvGH4mgFMl9sfbtrMf8hfyLClWWblYlbHAxCW7E8mhCOSScryI8bXL6Hoq6euoQLTiqf0C5APbtMLSlksMirft6s6-5-UnLD4NP/s1600/Wallpaper.jpg) no-repeat top center;}

   4. cari lagi kode </body> pada template dan letakan kode HTML dibawah ini tepat diatasnya.

<div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;Marhaban Ya Ramadhan&#8221;<br/>
      Saya, Adhy Suryadi selaku admin Kompi Ajaib mengucapkan<br/>
&quot;Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin.&quot;</p>
    <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Continue Reading &#8594;</div>
  </div>

   5. Silahkan simpan template kamu dan lihat hasilnya.

Oke sob cukup sekian dulu ya tutorial mengenai bagaimana membuat welcome banner selamat ramadhan di blogger, semoga bermanfaat bagi kita semua.

Terimakasih kompiajaib.com