Membuat Featured Post Menggunakan Widget HTML/Javascript
November 4, 2015
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.
Cara Membuat Featured Post di Hompage Blog
- Klik "Layout" > "Add a Gadget" > pilih "HTML/Javascript."
- Isi judul (Widget Title) dengan "Featured Posts" atau kosongkan.
- Klik "Rich Text". Jika ada menu "Edit HTML" berarti Anda sudah ada di mode "Rich Text".
- Klik icon "hyperlink" di Toolbar antara "text color" dan tombol "blockquote" (tanda kutip)
- Ketik atau Copy & Paste link posting yang akan dijadikan Featured Post
- Klik "Save"!
- 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
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!
Demiiian Cara Membuat Featured Post Menggunakan Widget HTML/Javascript. Good Luck! (http://www.contohblog.com).*
Demiiian Cara Membuat Featured Post Menggunakan Widget HTML/Javascript. Good Luck! (http://www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
ini maksutnya mode Rich Text atau Edit HTML?
ReplyDeletemode Rich Text
Delete