Cara Buat Daftar Isi Pada Blogspot Ditulis Oleh: thecampuraduk |

Baru saja buat page daftar isi, yang saya ambil sumbernya dari sini. Setelah kemarin kemarin buat artikel Cara Buat Recent Post/Artikel Terbaru, saatnya buat daftar isi buat blog n ditulis disini biar suatu saat kalau lupa tinggal ambil :D


Btw, Daftar Isi disini gunanya buat menampilkan seluruh postingan pada satu halaman, memudahkan pembaca untuk melihat lihat seluruh postinganmu tanpa membuka satu satu.
Beberapa bagian kode dari sumber aslinya saya edit dan disesuaikan dengan kebutuhan, lalu saya upload filenya di https://sites.google.com/site/thecampuraduk/recentpost/daftarisi.txt, kalau butuh tinggal download :D

Cara pasangnya masuk ke dasbor blogger, kemudian pilih new post, lalu pilih edit page kemudian pilih new page.
Setelah itu copy kode berikut:

<script style="text/javascript" src="https://sites.google.com/site/thecampuraduk/recentpost/daftarisi.txt"> </script> <script style="text/javascript">var numposts = 1000;var showpostdate = true;var showpostsummary = true;var numchars = 200;var standardstyling = true; </script> <script src="http://thecampuraduk.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=100&callback=showrecentposts"> </script>

Pada bagian showpostdate adalah tampilan tanggal dan showpostsummary adalah ringkasan dari setiap postingan, masing masing dapat bernilai true atau false. Jumlah karakternya ada pada bagian numchars.
Kemudian pada bagian http://thecampuraduk.blogspot.com/feeds/posts/default? ganti yang bercetak tebal dengan alamat blogmu.
Dan pada bagian script&max-results=100&callback, ganti yang bercetak tebal dengan jumlah postingan. Disini saya memakai nilai 100.
Kemudian setelah selesai klik Publish Page. Udah, kayanya gitu aja buatnya, ga perlu panjang panjang postingannya biar ga bosan bacanya :D

Cara Buat Recent Post/Artikel Terbaru Ditulis Oleh: thecampuraduk |

Mungkin ada yang kesulitan/belom tau membuat link recent post, atau link posting artikel terbaru. Sebenarnya ada juga widget yang disertakan oleh blogger, tapi sayangnya tampilannya kurang elegan. Kebetulan bisa sedikit baca bahasa dewa ini, lagipula karena aku juga agak lupa membuatnya, jadi alangkah baiknya ditulis saja. Btw aku lupa ngambil darimana ni source, jadi tolong dimaapken :D


Caranya copy beberapa kode berikut:

<script src="https://sites.google.com/site/thecampuraduk/recentpost/recentpost.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://thecampuraduk.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script>

Kemudian Login ke akun bloggermu, masuk pada bagian Design, kemudian pilih Add Gadget, cari Gadget HTML/Javascript, kemudian pastekan kode di atas.

Pada bagian https://sites.google.com/site/thecampuraduk/recentpost/recentpost.js adalah link dimana javascript tersebut disimpan yang berisi kode pengaturan post, ditampilkan dalam bentuk penomoran.

Jika tidak suka dalam bentuk penomoran, dapat di ganti kode diatas dengan yang ini https://sites.google.com/site/thecampuraduk/recentpost/recentpost1.js

Kemudian pada bagian numpost adalah jumlah post yang ingin ditampilkan (kalau ga salah maksimal 25). Pada bagian showpostdate adalah tanggal postingnya, bisa bernilai true atau false, sedangkan pada bagian showpostsummary adalah kalimat awal postingan, bernilai true atau false,dan jumlah hurufnya adalah 100 terdapat pada bagian numchar.

Nah, pada bagian http://thecampuraduk.blogspot.com/feeds/posts/default ganti yang berwarna merah pada alamat blogmu.

Kalau sudah, liat tampilannya kira kira seperti ini.

recentpost1.js                                   recentpost.js

Oh iya, jika ingin link javascript diatas ingin kamu simpan dan ingin menjadikan milik pribadi, silahkan klik link javascript tersebut, donlod dan save dalam hostingmu (bisa menggunakan hosting https://sites.google.com)

Cara Menampilkan Kode Javasript/HTML Pada Postingan Blog Ditulis Oleh: thecampuraduk |

Alkisah ingin menulis dan menampilkan kode script ini di blog:

<script type="text/javascript" src="http://www.xxxxxxxxx/hhhhh.js"></script>