BLOG-ADSENSE
Tutorial
√Cara Merubah Warna Menu Header Blog Template Viomaqz
1. Langkah pertama silahkan anda buka akun blogger anda
2. Pada menu dashboard blog pilih menu “Tema”
3. Kemudian Pilih tulisan “edit HTML”
4. Setelah itu silahkan anda cari kode script di bawah ini pada kotak script, untuk memudahkannya ketikkan CtrL + F pada keyboard kemudian ketikkan kodenya lalu tekan enter.
#header-container
5. Perhatikan kode yang ada di bawah kode #header-container tersebut akan terlihat kode seperti di bawah ini :
background: linear-gradient(to right, #5b86e5, #36d1dc);
6. Untuk mengubah warna pada menu header maka silahkan anda ganti kode warna tersebut (#5b86e5, #36d1dc) dengan warna yang anda inginkan.
Untuk mengetahui kode warna yang anda sukai silahkan anda lihat di google color picker
7. Jika anda hanya ingin menggunakan satu warna saja maka silahkan anda masukkan 1 kode warna saja pada script background saja dan hapus script yang bertuliskan background: linear-gradient(to right, #5b86e5, #36d1dc); , namun jika anda ingin memasukkan 2 warna atau lebih maka silahkan anda masukkan 2 kode warna atau lebih pada script background: linear-gradient dan hapus kode yang bertuliskan background: #5b86e5; Perlu diingat bahwa untuk setiap kode warna di batasi dengan tanda koma.
Sebagai contoh jika menggunakan 1 warna saja maka kode script yang akan di simpan adalah sebagai berikut :
Jika ingin menggunakan 2 kode warna maka kode script yang akan di tulis sebagai berikut :
Jika ingin menggunakan 3 kode warna maka kode script yang akan di tulis sebagai berikut :
8. Jika sudah, jangan lupa untuk menyimpan tema tersebut agar hasil perubahan dapat terlihat.
Untuk mengetahui hasilnya maka silahkan anda cek blog anda kemudian perhatikan pada tampilan menu header blog anda yang mana kini tampilannya akan menghasilkan warna yang sesuai dengan warna yang anda inginkan.
Cukup mudah bukan ?
Nah, semoga postingan ini dapat bermanfaat bagi anda yang sedang mencari informasi mengenai cara merubah warna tampilan menu header blog yang menggunakan template viomaqz.
Jangan lupa untuk selalu mengunjungi blog IndoINT.blogspot.com karena masih banyak informasi lainnya seputar blog dan adsense yang telah saya bagikan pada blog tersebut dan jangan lupa untuk meninggalkan komentar apabila ada tanggapan yang perlu di sampaikan yang berhubungan dengan artikel ini.
Sumber http://kherysuryawan.blogspot.com/
Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.
-->
BLOG-ADSENSE
Tutorial
2 Cara Menambahkan/Membuat Label Admin di Komentar Blog │Viomaqz
1. Cara bagi template di luar viomaqz
Cara ini dapat anda lakukan bagi anda yang tidak menggunakan template viomaqz di dalam blog anda agar pada kolom komentar pemilik blog dapat menggunakan nama label admin.
Berikut ini langkah-langkahnya :
- Silahkan anda masuk ke blogger anda
- Pada dashboard blog pilih menu "Tema"
- Kemudian pilih "Edit HTML" Seperti pada gambar di bawah ini
- Silahkan anda cari kode </style> atau kode ]]></b:skin> di dalam script template anda
- Setelah itu silahkan anda tambahkan kode css di bawah ini di atas kode </style> atau kode ]]></b:skin>
/* Admin Mark on Blogger Comments by igniel.com */
#comments .comments-content .icon.blog-author:after{
content: 'Admin';background-color: #118ff9;color: #fff;font-size: 12px;display: inline-block;margin: 0px 7px;padding: 2px 5px;border-radius: 3px;
}
- Jika sudah maka silahkan simpan tema anda dan lihatlah hasilnya, kini anda akan melihat label admin tertera pada nama komentar pemilik blog
2. Cara bagi pengguna template viomaqz
Pada pengguna template viomaqz Sebenarnya label admin pada komentar pemilik blog sudah terpasang namun masih menggunakan font awesome (berbentuk tanda centang atau check) pada label admin, sehingga masih terlihat kurang memuaskan sehingga untuk menambahkan label admin yang lebih menarik maka Cara ini dapat anda lakukan bagi anda yang menggunakan template viomaqz di dalam blog anda.
Berikut ini langkah-langkahnya :
- Untuk langkah pertama hingga langkah ke tiga sama dengan langkah-langkah di atas yang sudah saya jelaskan.
- Langkah ke empat silahkan cari kode script seperti di bawah ini:
.comments .comments-content .icon.blog-author:after {content:"\f058";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right:4px;color:#49ACE1;}
- Kemudian silahkan anda ganti kode tersebut dengan kode yang saya bagikan di bawah ini :
.comments .comments-content .icon.blog-author:after{ content: 'Admin';
background-color: #118ff9;
color: #fff;
font-size: 12px;
display: inline-block; margin: 0px 7px; padding: 2px 5px; border-radius: 3px;}
Anda dapat mengganti background warna pada nama admin tersebut dengan cara mengganti jenis background-color sesuai dengan keinginan anda.
Untuk mengetahui kode warna anda dapat melihatnya di google color picer.
- Apabila anda sudah mengganti kode script tersebut jangan lupa untuk melakukan simpan Tema, agar tema yang baru dapat di terapkan
Dengan melakukan seluruh langkah-langkah diatas maka anda dapat melihat hasilnya dimana kini tampilan pada kolom komentar di blog anda telah muncul nama label Admin.
Demikianlah tutorial mengenai cara membuat dan menambahkan label admin pada komentar blog sehingga pengunjung dapat membedakan antara komentar si pengunjung blog dan komentar si pemilik blog. Semoga postingan ini dapat bermanfaat dan dapat menjadikan blog anda menjadi lebih mantap lagi.
Sumber http://kherysuryawan.blogspot.com/
Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.
-->