Kita bisa modifikasi teks di belakang Favicon menjadi judul artikel yang saat dibuka atau membuat moving-teks atau marquee dengan teks milik sendiri. Bagaimana cara menampilkan judul posting blogger sehingga muncul title di bagian tab browser (tepat di belakang Favicon)?
Sebelumnya pada bagian tersebut diatas dalam sembarang tampilan blog blogger saya "Website Design" selalu dengan sederetan nama website diikuti beberapa keyword utama seperti setting di halaman code HTML template, yaitu :
<title><data:blog.pageTitle/>|SEO|website|blog|toko online|prestashop</title>
Dan ditampilkan sebagai teks di depan Favicon untuk homepage dan innerpages ebagai berikut :
Sehingga tampilan title sesudah favicon-image blog blogger (lihat baris paling atas tampilan browser atau bagian tab browser) adalah :
PERINGATAN!
Sebelum mencoba tip ini, SANGAT disarankan membuat backup file template dengan cara :
Dashboard >> Template >> klik tombol CADANGKAN / PULIHKAN (sudut kanan-atas)
Tujuannya, jika terjadi sesuatu yang tidak dikehendaki bisa mengembalikan template seperti semula.
Hasilnya bisa dilihat title artikel ada sesudah favicon : pada blog ini.
Menggantikan tampilan bar tab URL artikel sebelum saya lakukan tip ini :
Sebelumnya pada bagian tersebut diatas dalam sembarang tampilan blog blogger saya "Website Design" selalu dengan sederetan nama website diikuti beberapa keyword utama seperti setting di halaman code HTML template, yaitu :
<title><data:blog.pageTitle/>|SEO|website|blog|toko online|prestashop</title>
Dan ditampilkan sebagai teks di depan Favicon untuk homepage dan innerpages ebagai berikut :
Website Design | SEO|website|blog|toko online|prestashop
Sehingga tampilan title sesudah favicon-image blog blogger (lihat baris paling atas tampilan browser atau bagian tab browser) adalah :
JUDUL ARTIKEL | SEO|website|blog|toko online|prestashop
Untuk homepage tetap ditampilkan :
Website Design | SEO|website|blog|toko online|prestashop
Title posting di belakang Favicon website blog Blogger
Beberapa waktu lalu saya ingin mengganti tampilan tersebut dengan judul posting artikel yang sedang dibuka. Lalu apa yang harus dilakukan?PERINGATAN!
Sebelum mencoba tip ini, SANGAT disarankan membuat backup file template dengan cara :
Dashboard >> Template >> klik tombol CADANGKAN / PULIHKAN (sudut kanan-atas)
Tujuannya, jika terjadi sesuatu yang tidak dikehendaki bisa mengembalikan template seperti semula.
Lalu apa yang harus dilakukan?
- Dashboard >> Template >> Edit HTML
- Letakkan (paste) code CSS style berikut ini pada bagian header
.post-outer div.post{
position: relative;
padding-left: 200px !important;
}
- Klik Simpan Template
Menggantikan tampilan bar tab URL artikel sebelum saya lakukan tip ini :
Website Design | SEO|website|blog|toko online|prestashop
(Text sesudah favicon di atas hanya muncul pada Homepage SAJA)
Membuat teks bergerak di belakang Favicon website blog
Masih berkaitan dengan teks pada bar tab (teks di belakang Favicon). Kali ini kita membuat sembarang teks yang bergerak dari kanan ke kiri sebagaimana fungsi "marquee"
Apa yang harus dilakukan? Masih pada halaman edit HTML (template blogger), :
- Gunakan kombinasi tombol Ctrl - F untuk mencari </head>
- Paste kode berikut ini tepat dibawah </head>
<script type="text/javascript">
//<![CDATA[
msg = "SELAMAT DATANG DI BLOG SAYA WEBSITE DESIGN";+ msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);
}
scrollMSG();
//]]>
</script> - Ganti teks warna merah (di antara 2 tanda petik ganda) dengan teks Anda sendiri.
- Klik tombol Simpan Template.