Channel Erianto Anas

Cara Menyulap Gambar Header Blog Berjalan Otomatis

Cara Menyulap Gambar Header Blog Berjalan Otomatis


Sebelumnya, anda telah membaca bagaimana Cara Membuat Judul Blog Bisa Berjalan di Header. Tapi sekarang, bagaimana pula caranya agar gambar header yang berjalan seperti contoh diatas? Silahkan ikuti beberapa langkah dibawah ini:


Seperti biasa silahkan login dulu ke halaman dasbor Blogger anda. Setelah dasbor blog anda terbuka, lihat pada menu-menu yang terdapat di sebelah kiri. Tampilannya seperti ini:


Cara Menyulap Gambar Header Blog Berjalan Otomatis


Sekarang kliklah pada menu Tema, sehingga terbuka tampilan seperti gambar di bawah ini:


Cara Menyulap Gambar Header Blog Berjalan Otomatis


Nah seperti gambar diatas kliklah pada tombol Edit HTML, sehingga terbuka form edit HTML template anda seperti ini:



Cara Menyulap Gambar Header Blog Berjalan Otomatis


Nah di sinilah semua script atau kode yang membentuk template anda tersimpan, termasuk kode untuk mengatur tampilan header blog anda. Sekarang carilah kode seperti dibawah ini, yang letaknya satu rumpun dengan kode header:


<!--Show the image only-->


Yang dibawahnya ada kode seperti ini:



<div id='header-inner'>



Jika anda kesulitan mencari kode tersebut diantara ribuan kode yang ada pada template blog anda, gunakan trik ini: Cara Cepat Mencari Kode pada Form Edit HTML Template.

Setelah anda temukan, tepat dibawah kode <div id='header-inner'> tersebut, sisipkan kode ini:


<marquee direction='left' scrollamount='5'>


Dan diatas kode <!--Show the description--> sisipkan kode ini:



</marquee>




Penulisan lengkapnya adalah seperti ini:


      &nbsp<!--Show the image only-->
      &nbsp<div id='header-inner'>
<marquee direction='left' scrollamount='5'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

</marquee>
        <!--Show the description-->


Tampilan kongkritnya pada form edit HTML template akan tampak seperti ini:



Cara Menyulap Gambar Header Blog Berjalan Otomatis



Cara Menyulap Gambar Header Blog Berjalan Otomatis


Setelah selesai melakukannya, jangan lupa klik Simpan Tema seperti gambar di atas. Lalu tunggu sampai prosesnya selesai. Setelah itu baru lihat apakah gambar hader blog anda sudah berjalan atau belum. Jika belum, coba periksa lagi langkah-langkah dan penulisan kode yang anda lakukan sebelumnya, apakah sesudah tepat seperti semua langkah diatas.

Jika masih belum jalan, kemungkinan proses pemasangan gambar header blog anda bukan melalui fitur Tata Letak, tapi melalui penyisipan URL image melalui form Edit HTML Template. Karena itu penyisipan kode untuk elemen berjalan diatas, berbeda lokasinya. Melainkan harus sebelum dan sesudah URL image tersebut.
1 comments:
avatar
chintia lim August 17, 2019 at 5:57 PM

Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www,SmsQQ,com

Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )

Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66

Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - blogernas