Title post Blogger otomatis muncul di tab bar browser|SEO|website|blog|toko online|prestashop

24 September 2014

Title post Blogger otomatis muncul di tab bar browser

02.29 yusufzul No comments

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 :

Untuk homepage tetap ditampilkan :

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

Aplikasi pada blog saya seperti gambar berikut :

Hasilnya bisa dilihat title artikel ada sesudah favicon :

pada blog ini.
Menggantikan tampilan bar tab URL artikel sebelum saya lakukan tip ini :

(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.

Source

Selamat mencoba - Happy blog blogger

SITEMAP

PETA WEBSITE DESIGN

THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW. Please drop your comment and questions ……

Anda sedang membaca Title post Blogger otomatis muncul di tab bar browser