Membuat Pesan Pembuka pada Blog

Membuat Pesan Pembuka pada Blog - Pesan pembuka merupakan ucapan sambutan buat para pengunjung, mungkin trik ini sudah biasa bagi blogger yang sudah profesional tapi TutorWidget akan membahas kembali buat yang pemula/newbie seperti saya. Mari kita simak!!!


Manfaat widget ini memudahkan kita suatu saat jika kita nantinya memberikan suatu informasi yang tentunya ingin di beritahukan kepada pengunjung, baik itu berupa pengumuman, sekedar sapaan, atau bahkan ucapan memasuki pada waktu momen-momen istimewa seperti memasuki Bulan Ramadhan, Hari Raya Idul Fitri, Hari Natal, Tahun Baru dan hari besar lainnya.

membuat pesan selamat datang di blog

Banyak macam dan cara yang digunakan untuk menampilkan pesan-pesan tersebut. Mulai dengan tulisan menggunakan marquee, dialog box, banner, dan lain-lain. Pesan pembuka ini bersifat full windows ketika masuk blog dengan background yang menutupi seluruh tampilan blog dengan tombol untuk melanjutkan membaca artikel.

Jika anda ingin membuat pesan pembuka pada blog anda berikut adalah langkah-langkahnya :

Pertama yang perlu anda lakukan adalah dengan membuka Editor Template, selanjutnya anda cari kode ]]></b:skin>.
Lalu anda terapkan kode CSS dibawah ini diatas kode ]]></b:skin>
#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(http://goldkrilloil.web.id/wp-content/uploads/2013/03/selamatdatang.gif) no-repeat top center;}
  •  Note: Silahkan ganti URL Gambar yang berwarna merah untuk mengganti backgroundnya
Jika sudah, selanjutnya anda cari kode <body>, untuk memudahkan pencarian anda gunakan CTRL+F, => anda copykan kode berikut sesudah kode <body> tepatnya pas dibawah <body>
<div id="welcomeoverlay">
<div id="welcomebox">
<p>“Selamat Datang Di TutorWidget”<br />
Saat ini anda sedang membaca artikel Membuat Pesan Pembuka pada Blog<br />
"Jangan sungkan-sungkan untuk berbagi like dan komentarnya"</p>
<div class="welcomeclose" onclick="document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;">
Continue Reading →</div></div>
  • Note: Silahkan ganti teks yang berwarna merah sesuai keinginan sobat
Demikian Tutorial Cara Membuat Pesan Pembuka pada Blog.

Comments

Post a Comment

Popular posts from this blog

Contact Form diHalaman Statis

Image
 Widget Contact Form Blogger pada Halaman Statis.  Sudahkah anda memasang fasilitas menu "contact form/ contact me/ contact us" di blog, Fitur ini biasanya berupa widget/gadget. Jika belum ada baiknya kamu membuatnya sekarang juga soalnya manfaat dari menu ini cukup penting untuk kita pasang di blog, gunanya untuk memfasilitasi pengujung blog yang ingin mengirimkan pesan kepada kita melalui email sebagai sharing secara personal antara pembaca dan pemilik blog, jika ada yang mau ditanyakan oleh pengunjung kepada pemilik blog atau ada perlu sesuatu lain, maka keberadaan menu contact form ini, keberadaan nya sangat penting dalam suatu blog. Untuk membuatnya sangatlah mudah, karena blogger sendiri sudah menyediakan fasilitas tersebut akan tetapi penempatan Contact Form pada widget ini kayaknya kurang disukai, dan lebih memilih menempatkan contact form pada halaman statis atau halaman posting. Nah dalam kesempatan ini, saya ingin memberikan sedikit trik agar widget Contact For...
Read more

Membuat Profil Blogger keren Seperti Google+

Image
Membuat Profil Blogger keren Seperti Google+ - Widget yang saya maksud adalah sebuah Widget yang menampilkan Foto Profil Google+, Memudahkan seseorang untuk Melingkari Akun anda atau menjadi teman anda, dan juga menampilkan jumlah lingkaran yang anda miliki saat ini. Selain itu google plus merupakan sarana jaringan yang dapat menghubungkan anda dengan beberapa orang untuk mendapatkan info perkembangan terbaru mengenai apa saja yang anda butuhkan sehingga optimasi blog dapat meningkatkan trafik pengunjung. Modifikasi ini terinspirasi dari profil Google yang berada di pojok kanan atas ketika kita login ke akun Google kita. Di pojok kanan atas akan tampak sebuah photo kita yang kecil dan bulat yang apabila di klik akan keluar sebuah kotak yang berisi profil kita. Cara memasang widget profile ala google+ supaya tampil di blogger ini cukup gampang hanya Dengan menambahkan sedikit custom style CSS dan HTML maka widget Google+ pun siap terpasang dan mempercantik blog, penasaran de...
Read more

Mengapa harus ngeblog dari sekarang

Image
Selama ini kita beranggapan bahwa ngeblog hanya sebagai tempat curahan atau sekedar berbagi pengalaman saja. Padahal dalam perkembangan jaman yang semakin pesat blog ini bisa dimanfaatkan sebagi ladang bisnis. Bahkan ada juga yang beranggapan blog adalah investasi yang menjajikan dengan catatan memang benar-benar terurus dan terawat  bukan cuma sekedar pajangan. Ini info sekilas jika dipandang dari segi materi dengan memanfaatkan sebuah blog, dapat dikatakan sangat menguntungkan, karena tidak mengeluarkan modal yang banyak, cukup dengan modal koneksi internet. Dengan membuat blog banyak manfaat yang bisa kita dapatkan, itulah mengapa kita harus mulai ngeblog dari sekarang. Lalu apa saja manfaat dari ngeblog berikut ini akan saya jelaskan: Dapat menambah dan berbagi ilmu pengetahuan Pada dasarnya jika kita ingin mencari info sesuatu dari internet seperti materi pelajaran, berita, gosip,lamaran kerja dan sebagainya maka kita akan diarahkan ketempat halaman website dan sal...
Read more