Membuat Daftar Isi Blog (2)

Pada kesempatan tedahulu saya pernah mengulas bagaimana cara membuat daftar isi

pada blog saya posting di sini,
namun karena daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading
blog sehingga yang saya sendiri tidak memasangnya di blog ini dengan alasan tidak mau blog ini terlalu berat
ketika di akses oleh para pengunjung. Untuk mencari alternatif lain, kita bisa menggunakan engine pencari
blogger sendiri. Namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template.
Sudah tidak sabar untuk membuat daftar isi di blog? caranya seperti ini :



Langkah #1

1. Sign in di blogger dengan ID anda





2. Bilsa sudah berada di halaman dashboard, klik Layout.





3. Klik tab Edit HTML






4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).





5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.











6. Lihat ke bagian body template, lalu cari kode seperti ini :












<b:include data='post' name='post'/>









7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :













<br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <a expr:href='data:post.url'><br /> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <br /> <data:post.title/></div></a><br /> <b:else/><br /> <b:include data='post' name='post'/><br /> </b:if><br /> <b:else/><br /> <b:include data='post' name='post'/><br /> </b:if><br /> <br />






8. Klik tombol Simpan Template.





9. Selesai. Langkah pertama sudah selesai.

Langkah #2

1. Klik tab Elemen Halaman.





2. Klik tulisan Tambahkan sebuah Elemen Halaman.






3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.






4. Copy lalu paste kode berikut :









<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>










5. Ganti NamaBlogAnda nama blog anda sendiri.
   Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor
   yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.





6. Klik tombol Simpan Perubahan.






7. Selesai.

Keterangan tambahan :



Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini,
apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah
kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :



<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">





Untuk melihat contoh seperti apa daftar isi ini? silahkan klik → Daftar isi »



Artikel ini dapat juga di jumpai pada blog teman saya OOM (sorry om ga ngelink ke artikelnya, saya
cari-cari ga ketemu, apa dah di hapus ya?)



Selamat berkreasi !

Cara Pasang Musik Pada Blog

Mohon maaf, karena artikel ini sudah lama sekali di buat maka situs-situs yang saya contohkan banyak yang sudah tidak aktif.

Rupanya ada salah seorang sobat kita yang tertarik memasang musik pada blog dan
belum mengetahui caranya. Oleh karena itu dalam kesempatan kali ini, saya akan coba membahas tentang bagaimana cara memasukan musik ke dalam blog.



Untuk memasang musik di blog, kita bisa memanfaatkan situs penyedia musik gratisan yang banyak bertebaran
di internet, yang penting kita jeli untuk mencarinya. Pada intinya ada tiga jenis situs penyedia musik yaitu :

1. Situs tersebut menyediakan berbagai pilihan lagu yang bisa kita pilih sesuai dengan selera kita




2. Situs tersebut tidak menyediakan lagu, tapi kita harus upload lagu dari komputer kita




3. Situs tersebut menyediakan berbagai pilihan lagu, atau bisa juga kita upload lagu dari komputer

Tentu diantara ketiganya ada kelebihan dan kekurangannya. Keuntungan menggunakan jasa situs yang pertama yaitu kita tidak perlu mempunyai lagu sendiri, kita tinggal pilih lagu yang di sukai lalu ambil kode HTML nya kemudian masukan ke blog kita, prosesnya sangat cepat dan praktis. Tapi kekurangan nya yaitu terkadang lagu yang kita sukai tidak tersedia di situs tersebut.



Untuk situs kedua, keuntungannya yaitu kita bisa memasukan lagu yang kita sukai tanpa harus tergantung dari situs tersebut jadi apapun lagunya pasti bisa yang penting ya kita harus mempunyai file lagu yang harus di upload. kekurangannya yaitu karena kita harus upload lagu ke situs tersebut maka dalam proses upload biasanya memerlukan waktu yang cukup lumayan lama, sehingga sedikit membosankan ketika melakukan proses upload juga tentunya biaya berinternet kita jadi semakin bengkak.



Untuk situs ketiga, untuk saat ini saya baru mengetahui satu situs saja, tolong kepada para sobat yang mengetahui situs-situs yang masuk kategori ini untuk menginformasikan pada kotak komentar agar di ketahui oleh para sobat lainnya. Nah untuk situs ini kelebihannya ya kita lebih bisa memilih, mau pake lagu yang tersedia atau mau upload juga bisa. tapi ada kekurangannya yaitu tidak di sediakannya panel kontrol untuk para pengunjung, jadi lagu yang kita pasang tidak bisa di apa-apakan oleh para pengunjung sehingga akan jalan dengan sendirinya, yang perlu kita pikirkan adalah lagu yang kita sukai belum tentu di sukai oleh para pengunjung, sehingga ini akan mengganggu kenyamanan bagi para pembaca blog ita.



Yo'i sobat, kayanya terlalu lama dengan fendefinisian ya, agak basi jadi membosankan...sorry bos. Kita kembali ke (laptop) topik bahasan semula yakni memasang lagu pada blog. Contoh yang pertama adalah memanfaatkan situs yang telah menyediakan berbagai lagu tanpa harus upload terlebih dahulu, saya ambil contoh www.song2play.com. silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi www.song2play.com




2. Masukan judul lagu yang anda inginkan pada search engine yang tersedia. Contoh : Hotel California. Atau menuliskan nama penyanyi atau grup bandnya. Contoh the Eagle





3. Jika judul lagu belum muncul, biasanya ada tulisan Click here to get more Result. klik aja tulisan tersebut




4. Setelah terlihat beberapa judul lagu, klik pada judul lagu yang sedang sobat cari, secara otomatis akan ditampilkan kontrol navigasi dan lagu yang dipilih tadi akan di perdengarkan




5. Di pojok kiri bagian bawah ada kotak yang sudah di beri tanda centang, yaitu AutoStart, Show song Title. AutoStart artinya ketika pengunjung mengunjungi blog sobat, maka lagu akan langsung play. Nah jika tidak mau langsung play alias memberi kesempatan kepada pengunjung untuk memilih sendiri apakah mau mendengarkan lagu atau tidak, sobat hilangkan tanda centang tadi dengan cara mengkliknya




6. Show Song Title artinya pada panel navigasi akan di munculkan judul lagu yang di muat. Jika tidak mau muncul ya hilangkan saja tanda centangnya





7. Copy seluruh kode HTML yang di sediakan pada text area, paste pada notepad. Silahkan close window situs tersebut




8. Langkah selanjutnya yaitu sobat tinggal masukan kode HTML yang diberikan tadi ke dalam blog, nah untuk memasukan kode HTML ke dalam blog sudah sering saya bahas pada postingan terdahulu, jika sobat lupa silahkan klik di sini

Untuk contoh silahkan klik tombol play pada panel navigasi di bawah, ini sengaja saya setting tidak Auto Start :

Song:

The Eagles - Hotel California

Sedikit tambahan, jika sobat ingin menyesuaikan lebar panel navigasi agar sesuai dengan sidebar blog sobat, sobat bisa merubah nilai yang ada pada kode HTML lagu tersebut yaitu nilai width=...px.
Contoh : didalam kode tersebut ada kode width=310px, untuk memperkecilnya kita tinggal perkecil nilai px nya. Contoh : width=200px.





Situs yang serupa dengan ini adalah www.songhere.com. Mungkin pemiliknya memang sama. Nah langkah-langkah mendapatkan kode HTML dari situs ini mirip dengan langkah-langkah diatas,


Contoh panel navigasi dari www.songhere, silahkan klik tombol play nya :

Song: White Lion - When the children cry

Tambahan lagi, untuk yang di situs www.songhere ini tidak di sediakan pasilitas untuk memilih fasilitas AutoStar atau tidak, jadi kalau kita memakainya akan langsung play tanpa harus di klik oleh pengunjung, untuk mengakalinya
kita harus mengganti sendiri kode nya, silahhkan sobat cari di dalam kode lagu tersebut yang bertuliskan autostart=true, ganti tulisan true menjadi false sehingga kode tadi akan menjadi seperti ini autostart=false, contoh hasil kode yang sudah saya rubah adalah lagu dari white lion di atas, yang untuk menjalankannya harus di klik dulu tombol play nya.





Nah itu tadi contoh situs yang menyediakan berbagai lagu yang bisa kita pilih, sekarang contoh situs yang harus meng upload lagu dari komputer kita salah satunya adalah www.tunefeed.com



Untuk langkah-langkahnya, silahkan ikuti seperti di bawah ini :

1. Silahkan buka situs www.tunefeed.com




2. Klik kotak di sebelah tulisan widget Color, pilih warna panel navigasi yang sobat sukai





3. Klik tombol yang ada tulisan Click here to share your music




4. Klik tombol yang bertuliskan Add Music or Photos




5. Masukan file foto atau pun lagu yang sobat miliki




6. Klik tombol upload




7. Sambil menunggu proses upload, sobat isi data-data diri sobat pada kolom yang di sediakan





8. Tunggu sampai proses upload selesai




9. jika proses upload selesai, sobat akan di minta untuk mngecek email di berikan tadi




10. silahkan buka email dari www.tunefeed.com bila sudah sampai




11. Klik link ntuk melakukan aktivasi keanggotaan, nah dengan mengklik link tadi otomatis sobat sudah berada pada halaman acount sobat




12. Klik tulisan Share This Tunefeed




13. Pilih volume yang diinginkan pada menu dropdown di samping tulisan Select Volume





14. Pilih mode player, mau autoplay atau tidak pada menu dropdown di samping tulisan auto-play, sebaiknya pilih No




15. Copy seluruh kode yang di berikan pada text area kemudian paste di notepad




16. Klik tulisan Log Out untuk keluar dari halaman account sobat




17. Silahkan close window browser sobat





18. Tugas selanjutnya yaitu memasukan kode HTML yang sudah diberikan ke dalam blog. Untuk caranya sudah saya bahas pada tulisan di atas




19. Selesai

Cara Membuat Blog Iklan Gratis Di Blogger

Sudah ada dua orang yang bertanya ke Muhamad Nur Rifa'i , bagaimana cara membuat blog iklan gratis di blogger? Muhamad Nur Rifa'i lihat contoh blog yang di berikan, sepertinya kang Rohman juga bisa membuat blog seperti itu. Setelah melakukan sedikit percobaan, akhirnya jadi juga membuat sebuah blog iklan gratis di blogger. Anda ingin mengetahui triknya? simak ulasan lengkapnya!

Cara kerja blog iklan gratis adalah si pemilik blog menyediakan sebuah form pesan yang dapat diisi oleh pengunjung blog tersebut, isi dari pesan tersebut secara otomatis akan di posting dan tampil pada blog itu. lalu bagaimana caranya membuat blog seperti ini?

Di blogger, untuk membuat sebuah postingan ada beberapa alternatif, yaitu dengan secara langsung melalui post editor blogger, dengan menggunakan tool pihak ketiga semisal Windows Live Writer, wbloggar, scribe fire dan lain-lain. Selain itu masih ada lagi cara untuk posting ke blogger yaitu dengan melalui email. Alternatif email inilah yang memungkinkan kita untuk membuat sebuah blog yang menerima posting secara otomatis.

Hal lain yang perlu di pikirkan yaitu ada suatu fasilitas yang bisa mengirimkan pesan secara otomatis ke alamat email tersebut, dan ini jatuh pada kontak form yang biasanya bisa mengirim pesan secara otomatis ke email kita. Masih bingung? duhhh.. kacau deh jadinya. Ya sudah, berikut langkah lengkapnya biar tidak tetap bingung.

• Buat sebuah blog baru

Untuk mempraktekan apa yang akan saya terangkan, silahkan anda buat sebuah blog baru yang khusus untuk sarana iklan gratis.

• Setting Email di blogger

Nah ini dia, kita perlu membuat sebuah alamat email unik untuk blog tersebut, caranya seperti ini :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Pengaturan.

   

3. klik tab Email. Dibagian sebelah bawah ada tulisan Alamat Mail-ke-Blogger yang di sebelahnya ada kotak kosong. Isilah kotak kosong tersebut dengan yang anda mau. Contoh : iklangue. Beri tanda pada radio button di samping tulusan Publikasikan segera email, dan akhiri dengan klik tombol SIMPAN SETELAN. Berikut ilustrasinya :

   

4. Terlihat dari ilustrasi di atas bahwa alamat yang saya buat adalah Templateforyou.iklangue@blogger.com. Catatlah alamat tersebut untuk nanti di pakai ( tentunya alamat email yang anda buat ).

5. Selesai.