Home » » Membuat Featured Post Menggunakan Widget HTML/Javascript

Membuat Featured Post Menggunakan Widget HTML/Javascript

Membuat Featured Post Menggunakan Widget HTML/Javascript
Cara Membuat Featured Post SEO Friendly & Fast Loading Menggunakan Widget HTML/Javascript

HALAMAN depan blog merupakan "etalase" yang menampilkan "produk terbaik, unggulan, dan terbaru". Posting unggulan atau terbaik di blog bisa ditampilkan di Featured Post.

Banyak kode dan tutorial membuat Featured Posts di halaman depan blog, hampir semuanya berupa kode HTML, CSS, dan Javascript yang tentu mempengaruhi loading blog.

Berikut ini tips membuat Featured Post dengan cara sangat mudah dan fast loading, yakni dengan memanfaatkan widget "HTML/Javascript" bawaan blogger. Contoh atau demonya bisa dilihat di Koleksi Kode.

Cara Membuat Featured Post di Hompage Blog

  1. Klik "Layout" > "Add a Gadget" >  pilih "HTML/Javascript." 
  2. Isi judul (Widget Title) dengan "Featured Posts" atau kosongkan.
  3. Klik "Rich Text". Jika ada menu "Edit HTML" berarti Anda sudah ada di mode "Rich Text".
  4. Klik icon "hyperlink" di Toolbar antara "text color" dan tombol "blockquote" (tanda kutip)
  5. Ketik atau Copy & Paste link posting yang akan dijadikan Featured Post
  6. Klik  "Save"!
  7. Klik juga "Save arrangement" 
Silakan klik "View Blog" atau buka blog Anda dan Featured Post sudah muncul di halaman depan.

Fetaured Post Gambar
Jika ingin menampilkan featured post berupa gambar, seperti SS di bawah ini:

Maka caranya juga dengan menambahkan widget:

1. Layout > Add a Gadget > pilih HTML.Javascrpit
2. Masukkan kode berikut ini:

<span style="color: #cc0000;"><table bgcolor="" border="0" cellpadding="4" cellspacing="16" style="width: 290px;"><tbody></tbody></table>
</span></div>
<span style="color: #cc0000;"></span>
<span style="color: #cc0000;"> </span>
<center>
</center>

<span style="color: #cc0000;"> <a href="https://www.blogger.com/POST%20URL%201" rel="nofollow"><img alt="POST TITLE" border="0" height="125" src="POST IMAGE URL" width="125" /></a></span>
<span style="color: #cc0000;"> </span>
<span style="color: #cc0000;"></span>
<center>
</center>

<span style="color: #cc0000;"> <a href="https://www.blogger.com/POST%20URL%202" rel="nofollow"><img alt="POST TITLE" border="0" height="125" src="POST IMAGE URL" width="125" /></a></span>

<span style="color: #cc0000;"></span>
<center>
</center>

<span style="color: #cc0000;"> <a href="https://www.blogger.com/POST%20URL%203" rel="nofollow"><img alt="POST TITLE" border="0" height="125" src="POST IMAGE URL" width="125" /></a></span>

<span style="color: #cc0000;"></span>
<center>
</center>

<span style="color: #cc0000;"> <a href="https://www.blogger.com/POST%20URL%204" rel="nofollow"><img alt="POST TITLE" border="0" height="125" src="POST IMAGE URL" width="125" /></a></span>

<span style="color: #cc0000;"></span>
<div>
</div>

3. Ganti POST URL dan POST TITLE
4. Save!

 Good Luck! (http://www.contohblog.com).*

Thanks for reading & sharing Membuat Featured Post Menggunakan Widget HTML/Javascript

Previous
« Prev Post

0 comments:

Comment Page:

Post a Comment

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox