Ads Kiri Khusus Desktop

Membuat Pesan Pembuka Blog

Generating Link...

Membuat Pesan Pembuka Di Blog -  Cara ini kebanyakan di gunakan oleh admin blog sebagai pesan dari untuk para pembacanya, dan biasanya pesan tersebut bisa berupa ucapan selamat, ucapan terimakasih dan lain - lain, dan bisa juga di tambah dengan atribut seperti gambar dan sebagainya, seperti halnya saya yang menerapkanya pada blog ini.
untuk demonya kalian bisa melihatnya di awal kalian melihat blog ini atau tepatnya di HomePage Blog ini.
mungkin tidak perlu panjang lebar lagi ya saya harap kalian paham dengan ulasan di atas tadi dan sekarang mari kita tengok tentang cara Membuat Pesan Dan Gambar Di Blog :

Membuat Pesan Pembuka Blog

  1. Silahkan Login dulu ke Blogger Dashboard, kemudian pilih menu Template > Edit HTML
  2. Jika sudah masuk ke menu Edit HTML, Silahkan Copy Kode di bawah ini tepat di atas ]]></b:skin> atau </style> ( Untuk memudahkan pencarian silahkan tekan tombol Ctrl + F )

/*CSS Pesan Pembuka Hot-news01.blogspot.com*/


#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:#07162d url(Taruh URL Gambarmu di sini) no-repeat top center;}


   3. Setelah CSS diatas sudah terpasang, Kmudian agan Copy kode HTML di bawah ini kemudian taru di bawah kode <body>


<div id='welcomeoverlay'/>

<div id='welcomebox'>

<p>&#8220;Marhaban Ya Ramadhan&#8221;<br/>


Saya, Muhammad Fikriansyah selaku admin Hot News01 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>


Untuk pesannya silahkan sesuaikan dengan keinginan agan.

   4. Jika agan menginginkan Pesan Pembuka ini hanya ingin muncul saat di Homepage saja, Silahkan ganti kode HTML diatas dengan kode dibawah ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'>


<div id='welcomeoverlay'/>


<div id='welcomebox'>


<p>&#8220;Marhaban Ya Ramadhan&#8221;<br/>


Saya, Muhammad Fikriansyah selaku admin Hot News01 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>
</b:if>


Mungkin sekian dulu dari saya tentang Membuat Pesan Di Blog semoga artikel ini dapat berguna sekaligus bermanfaat untuk kita semua trimakasih
  • What is Linku?

    safelinku is the security website link or shortener url, you can make your own short link on Linku.ml for free

  • What is Shortener url?

    As the name implies, shortlink or is a short link. Usually these shortlinks are provided by most advertising-based companies, such as Linku.ml and much more. Shortlink own point to shorten a link or url, be it a download link or url to a particular website. For what? of course for easy to remember. For example, I have a link "http: //site*.com/profile.php? HGgyawewihjassd", now I ask, are you easy to memorize the url? there is a once read already memorized and also there are many times read not memorized. Now I try to shorten the url into Linku.ml/iuYS which is shorter and easier to know even though it is a bit complicated, you can customize the shortened url Shortlink or url shortener is very easy to use by its users, because you do not spend a bit, even you who get money.

Ads Kanan Khusus Desktop