Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
No Result
View All Result
Home CSS

Cara Memasang Kotak Pesan Pemberitahuan Dibawah Postingan Blog

10 Maret 2019
in CSS, HTML, Tutorial Blogger
Share on FacebookShare on Twitter

Cara Memasang Kotak Pesan Pemberitahuan Dibawah Postingan Blog – Pada kesempatan kali ini analisyuki akan membagikan cara membuat kotak pesan di bawah postingan blogger. Tutorial ini berbeda dengan tutorial sebelumnya tentang cara membuat pesan formulir komentar.

Kotak pesan pemberitahuan ini sebenarnya memiliki fungsi yang sama dengan pesan formulir yang berada diatas komentar, hanya saja ini sebagai cara alternatif, dikarenakan banyak memiliki beberapa masalah seperti, tidak dapat menampilkan pesan formulir komentar ataupun pesan komentar menjadi di bawah komentar. Oleh karena itu dengan cara ini, kotak pemberitahuan akan selalu tetap berada diatas kolom komentar bahkan kita dapat menempatkannya dimanapun.

Menurut saya cara ini juga lebih baik daripada memasang formulir komentar bawaan blog, dikarenakan bawaan tampilan yang begitu standar. Dengan cara ini kita dapat mengganti warna ataupun teks pada kotak pemberitahuan dan tampilannya lebih menarik dan mudah untuk dilihat oleh para pembaca.

Cara Memasang Kotak Pesan Pemberitahuan Dibawah Postingan Blog

1. Buka Blog anda > pilih menu Tema > kemudian Edit HTML

2. Letakkan kode ini tepat berada diatas </style> atau ]]></b:skin>

/* Notif Box */
.notif-box{background:#fdbdbd;color:#000;font-size:17px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0}

*#fdbdbd : warna kotak pemberitahuan, *#000 : kode warna tulisan, *17px : ukuran tulisan

3. Kemudian letakkan kode ini tepat dibawah kode artikel terkait atau artikel rekomendasi anda

<div class='notif-box'>Mohon maaf jika ada beberapa dari komentar kalian yang saya tidak dapat balas, karena adanya beberapa kesibukan, namun jika ada hal penting yang ingin ditanyakan anda bisa langsung mengirimkan email, Terimakasih</div>

*ubah teks dengan kata-kata anda sendiri

Saya beri contoh, misalnya untuk template VioMagz biasanya dipasang dibawah kode Artikel Terkait seperti ini:

4. Kemudian tinggal Simpan Tema saja

DEMO

Semoga dengan tutorial Cara Membuat Kotak Pemberitahuan dapat menjadi cara alternatif untuk membuat pesan pemberitahuan di atas kolom komentar, Terimakasih.

Leave Comment

You might also like

Cara Setting Robots txt Blogger

Cara Setting Robots.txt di Blogger yang Benar untuk SEO

1 Januari 2021
Template Blogger Terbaik 2021

Template Blogger Terbaik Tahun 2021

1 Januari 2021
Cara Memasang Kode Google Analytics Wordpress

Cara Memasang Kode Google Analytics Terbaru di WordPress

15 Desember 2020
Cara Memasang Kode Google Analytics Terbaru

Cara Memasang Kode Google Analytics Terbaru di Blogger

13 Desember 2020
Cara Update Google Analytics ke Versi Terbaru

Cara Update Tampilan Google Analytics ke Versi Terbaru

13 Desember 2020
Matched Content

Memodifikasi Iklan Matched Content Menjadi Bentuk Grid

2 Desember 2020
  • Disclaimer
  • Sitemap
  • Privacy Policy
  • Contact
Call us: Contact From

© 2020 Analisyuki - All Right Reserved

No Result
View All Result
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer

© 2020 Analisyuki - All Right Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In