PASANG IKLAN

Cara Membuat Pesan Pembuka Diblog



Gambar diatas merupakan salah satu contoh yang telah admin buat pada blog Mas Dickey tentang share yang bermanfaat :3 .Gimana tertarik kah kawan-kawan blogger ? mari kita ikuti langkah-langkah untuk membuat salam pembuka untuk pengunjung blog kita.


  • Silahkan langsung saja anda edit template blognya.
  • Cari Kode ]]></b:skin> , lalu letakan kode dibawah persis diatas ]]></b:skin>
 /* CSS Pesan */
#welcomebox {position:fixed;top:5%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{background:#fff;color:#888;font-family:&#39;Playfair Display&#39;;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-top:60px solid #f35d5c;border-bottom:4px solid #222;transition:all 0.4s linear;}
#welcomebox p:hover{color:#666;}
.welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222;padding:10px 25px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;}
.welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;animation: pulse .4s ease-in;
animation: pulse .4s ease-in;animation: pulse .4s ease-in;}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://www.animemox.com/wp-content/uploads/2014/07/HD-Wallpapers-Anime-Wallpapers.jpg) no-repeat top center;}

  • Silahkan ganti kode warna merah dengan url gambar yang anda inginkan.
  • Selanjutnya anda cari kode </body> , letakan kode dibawah persis diatas </body>
 <div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;Selamat Datang Blog Mas Dickey&#8221;<br/>
      Saya Dickey selaku admin Blog mas dickey<br/>
&quot;Selamat Hari Ulang Tahun RI Ke-69, 17 Agustus 2014 Hari Raya Kemerdekaan Republik Indonesia.&quot;</p>
    <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Lanjutkan &#8594;</div>
  </div>


  • Silahkan diganti juga warna merah diatas dengan kata-katan ucapakan yang anda inginkan.
  • Terakhir anda Simpan dan silahkan anda lihat hasilnya.
Jadi begitulah langkah-langkah untuk membuat pesan pembuka untuk selamat datang atau pesan kata mutiara agar bisa dilihat oleh pengunjung blog langsung. Dan ini juga bisa dimanfaatkan untuk memasang iklan atau untuk like fanspage, karena setiap orang yang masuk ke blog kita pasti terbaca oleh mereka.

Jika masih ada hal-hal yang ingin anda tanyakan tentang tutorial mengenai pembahasan tentang Cara Membuat Pesan Pembuka Selamat Datang Di Blog ini silahkan berikan komentarnya baik itu melalui komentar via facebook, yahoo, google plus dan sebagainya.

Terima kasih telah bisa meluangkan waktu anda untuk membaca postingan tentang Cara Membuat Pesan Pembuka Selamat Datang Di Blog yang singkat ini untuk dijadikan ilmu pengetahuan buat kita semua, semoga saja bisa selalu bermanfaat dan silahkan dipergunakan sebaik-baik mungkin untuk mempercantik blog anda.
Previous
Next Post »
Thanks for your comment
Foto Saya
My Photo
Males Banget