Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

24 September 2014

Title post Blogger otomatis muncul di tab bar browser

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 :

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?

  1. Dashboard >> Template  >>  Edit HTML
  2. Letakkan (paste) code CSS style berikut ini pada bagian header

    .post-outer div.post{
    position: relative;
    padding-left: 200px !important;
    }

  3. Klik Simpan Template
Aplikasi pada blog saya seperti gambar berikut :

title artikel dibelakang Favicon blogger
Hasilnya bisa dilihat title artikel ada sesudah favicon : favicon website design pada blog ini.
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), :
  1. Gunakan kombinasi tombol Ctrl - F untuk mencari </head>
  2. 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>
  3. Ganti teks warna merah (di antara 2 tanda petik ganda) dengan teks Anda sendiri.
  4. Klik tombol Simpan Template.
Source

Selamat mencoba - Happy blog blogger



Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading