Cara Membuat Link Judul Artikel Bergerak Saat di Klik

Cara Membuat Link Judul Artikel Bergerak Saat di Klik

Mungkin kalian pernah melihat blog seseorang yang pada saat link judul artikelnya kalian klik, maka judul artikel nya tersebut bereaksi dengan bergerak. Jika diterapkan pada blog kita, tentu hal ini akan memberikan kesan yang menarik dan terlihat lebih profesional terhadap blog kita.

Bagaimana cara membuat link judul artikel bergerak saat di klik, tentu hal ini tidaklah sesulit yang kalian bayangkan. Karena kalian hanya membutuhkan sedikit kode html yang perlu kalian sematkan pada blog kalian.

1. Masuk ke Menu Blog

2. Pilih Tema

3. Kemudian pilih Edit HTML

4. Tempelkan kode dibawah ini tepat dibawah kode <head> atau diatas kode </head>

Tapi saran saya, jika kalian menggunakan tombol dark mode (mode gelap) di blog kalian, sebaiknya letakkan kode tersebut tepat di bawah kode <head> agar tombol mode gelap nya pun dapat bekerja dengan baik.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

5. Kemudian simpan perubahan

Gampang kan?..

Cara Membuat Tulisan Berjalan di Blog (Marquee)

Kalian juga bisa membuat tulisan berjalan atau running text di blog kalian seperti yang terdapat diatas judul artikel saya ini dengan cara menaruh kode marquee dibawah ke menu Tata Letak blog kalian.

Terserah mau diletakkan di bagian mana yang kalian kehendaki, tapi biasanya diletakkan pada Widget Bawah Header seperti yang saya lakukan pada blog saya ini.

Untuk kode scriptnya bisa kalian salin/copy kode html yang saya berikan dibawah ini. Kalian tinggal mengganti tulisan yang berwarna merah dengan kata-kata kalian sendiri.

<div style="background: #FFFFFF; border: 0px solid #FFFFFF; color: #000000; font-size: 45px; font-weight: bold; letter-spacing: 0.15em; padding: 8px;"><marquee align="center" direction="left" scrollamount="4">InfoRmAsi SepuTaR OjEK OnlinE & TutoRiaL</marquee><br /></div>


<center><h1> </h1> </center>
<marquee direction='left' style='background:#FF0000'> <font color='white'>
⬜⬜ MOHON MAAF JIKA ADA KESALAHAN DALAM PENULISAN ⬜ BLOG INI BERISI INFORMASI SEPUTAR DRIVER OJEK ONLINE, INFORMASI TEKNOLOGI, TUTORIAL ANDROID, TUTORIAL BLOGGING, TIPS DAN TRIK 🟥🟥 TERIMA KASIH 🟥🟥
  </font>
  </marquee>

Itulah tadi Cara Membuat Link Judul Artikel Bergerak Saat di Klik. Semoga tutorial ini bermanfaat dan semakin memperindah tampilan blog kalian. Jika ada pertanyaan, silahkan tanyakan di kolom komentar yang tersedia dibawah.

Selamat Mencoba!

Kalian juga bisa bergabung di Grup Telegram sebagai sarana berbagi ilmu seputar Dunia Blogging dan juga saling Kunjung Blog (Blog Walking) guna meningkatkan pendapatan Adsense dan sebagai bahan perbandingan dengan Blog yang kalian miliki.

GABUNG DISINI!

Terima Kasih & Salam Blogger Pemula!