Tampilkan postingan dengan label Membuat judul blog berjalan. Tampilkan semua postingan
Tampilkan postingan dengan label Membuat judul blog berjalan. Tampilkan semua postingan

Cara Membuat Judul Posting Berjalan di Blogspot

Cara Membuat Judul Posting Berjalan di Blogspot atau blogger sebelumnya pernah kita bahas di sini, namun sekarang kita akan bahas dalam versi lain. Cara ini hanya berfungsi untuk blogspot atau blogger, sementara di wordpress tentu saja caranya lain.

Berikut cara membuat judul teks berjalan pada postingan atau artikel bergerak di blogger:
  • Pertama log in dulu di blogger.com.
  • Pilih menu Rancangan.
  • Pilih Edit HTML.
  • Centang Expand Template Widget dan back up dulu template dengan cara copy seluruh template lama Anda dan simpan di Notepad, dan baru Anda paste code yang di bawah ini.
  • Cari kode seperti di bawah ini :
<b:if cond='data:post.title'> <h3 class='post-title entry-title'><b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3></b:if>


Atau seperti kode di bawah ini:



<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
 </b:if>

  • Lalu ganti dengan kode di bawah ini :
<b:if cond='data:post.title'> <h3 class='post-title entry-title'><marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/> <data:post.title/> </b:if> </b:if> </marquee> </h3></b:if>
  • Setelah itu silahkan klik SIMPAN TEMPLATE. 
Nach demikian tutorial singkat tentang cara membuat judul posting berjalan di blogspot atau blogger, dan semoga tutorial ini bisa bermanfaat untuk sobat semua.

Membuat Judul Atau Title Blog Berjalan di Blogspot

Berkreasi dengan kode HTML dan php, memang merupakan sesuatu yang sangat mengasyikkan bagi yang mengerti tentang itu. Kita bisa memainkan tampilan website atau blog kita sesuka hati dengan pernak pernik yang menarik.

Kali ini kita bermain-main sedikit tentang kode html untuk membuat judul atau title blog berjalan di blogspot atau blogger. Sebenarnya ini juga bisa di pakai di blog wordpress, hanya saja cara membuatnya tentu agak berbeda dengan blogspot.Caranya begini:
  • Login ke dashboard blogspot Anda.
  • Pilih menu Rancangan.
  • Lalu pilih menu Edit HTML.
  • Klik kotak Expand Template Widget.
  • Cari kode ini: <title><data:blog.pageTitle/></title> (bila susah mencarinya silahkan tekan tombol Ctrl dan tombol F di keybord komputer Anda, lalu perhatikan monitor Anda, nanti akan muncul kotak, maka silahkan masukkan kode tadi ke dalam kotak tersebut. Nanti akan otomatis akan muncul kode yang di cari).
  • Kalo sudah ketemu ganti kode itu dengan kode yang ini:
<b:include data=’blog’ name=’all-head-content’/>
<script language=’JavaScript’>
var txt=”<data:blog.pageTitle/>”;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(“bergerak()”,kecepatan);}bergerak();
</script>
  • Setelah itu silahkan klik tombol SIMPAN TEMPLATE.
Nach sekarang silahkan buka blog Anda dan silahkan perhatikan tampilan Judul atau title blog Anda di browser Anda.

Dan untuk mengatur kecepatan jalan hurufnya, silahkan ganti angka yang 100-nya sesuka Anda. Semakin besar angkanya maka semakin pelan jalan tulisannya. Begitu juga sebaliknya.

Gampang chan membuat judul atau title blog berjalan di blogspot atau blogger ??? Hanya dengan kode yang sedikit itu, bisa mempercantik tampilan blog kita.

Selamat berkreasi!!!