Digit Oktavianto Web Log

Catatan Sampah si Digit

Octopress Tips : Tag Cloud and Category Sidebar in Octopress

| Comments

Kali ini saya akan memberikan tips bagaimana cara membuat tag cloud octopress, dan membuat category list pada sidebar octopress. Untuk membuat tag cloud pada octopress dan juga category list pada octopress, saya menggunakan plugin octopress-tagcloud dari sini –> https://github.com/tokkonopapa/octopress-tagcloud. Plugin octopress-tagcloud ini merupakan plugin buatan orang Jepang yang mempunyai ID Tokkonopapa. Baik kita mulai saja step by step untuk membuat tag cloud octopress dan membuat category list pada octopress.

1. Download terlebih dahulu plugin tag_cloud.rb Source code tag_cloud.rb dapat di download pada –> https://github.com/tokkonopapa/octopress-tagcloud/blob/master/plugins/tag_cloud.rb

2. Copy kan file tag_cloud.rb tadi pada folder plugins. –> /octopress/plugins/

3. Buat file bernama tag_cloud.html dan category_list.html

Isi dari file tag_cloud.html anda seperti ini :

[] (tag_cloud.html) download
1
2
3
4
<section>
  <h1>Tag Cloud</h1>
    <span id="tag-cloud">{% tag_cloud counter:true %}</span>
</section>

Isi file catefgory_list.html seperti ini :

[] (category_list.html) download
1
2
3
4
<section>
  <h1>Categories</h1>
    <ul id="category-list">{% category_list counter:true %}</ul>
</section>

Taruh kedua file html tersebut di dalam folder :

/octopress/source/_includes/custom/asides/

dan folder :

/octopress/source/_includes/asides

4. Setelah itu edit file _config.yml :

digit@digit-laptop:~$ nano /octopress/_config.yml

Pada bagian default_asides : tambahkan berikut –>

asides/category_list.html, asides/tag_cloud.html

5. Jangan lupa edit juga pada _config.yml pada bagian category_dir :

Rubah category_dir dari :

category_dir: /categories

menjadi –>

category_dir: categories

6. Silakan generate kembali octopress anda dan deploy

digit@digit-laptop:~$ rake generate

digit@digit-laptop:~$ rake deploy

Selamat Menikmati Tag Cloud dan Category List pada Blog Octopress anda.


Selamat Mencoba :D

Comments