Banyak dari blogger berkeinginan untuk menginstall widget Post Terbaru serta widget komentar terbaru di bagian sidebar blog mereka, untuk hal tersebut beberapa blogger menciptakan sebuah widget Post Terbaru dan komentar terbaru dengan menggunakan javascrip seperti yang pernah saya posting di sini, namun sebenarnya memasang berbagai widget dengan menggunakan javascript sangat berpotensi sekali untuk memperlambat loading blog serta tidak terlalu baik untuk search engine, dan di samping itu pula apabila loading blog kita terlalu berat untuk di akses, maka sangat besar kemungkinan blog kita akan langsung di tinggalkan oleh para pengunjung.
Untuk keperluan hal ini, ada alternatif lain selain memakai javascript yaitu engan menggunakan alamat feed kita sendiri. Untuk Post Terbaru bisa menggunakan feed post, dan untuk komentar terbaru bisa menggunakan feed comment. berikut ini adalah alamat feed untuk Post serta feed komentar asli kepunyaan blogger. Alamat feednya adalah sebagai berikut :
Alamat Post Terbaru : http://NamaBlogAnda.blogspot.com/feeds/posts/default
Seseorang bertanya, bagaimana caranya agar pada posting-an bisa menampilkan video dari YouTube ataupun dari website lainnya? Untuk menampilkan video dari youtube sangat mudah sekali, karena you tube memang menyediakan kode yang bisa copy dan di pasang pada website atau blog kita. Nah jika masih bingung, caranya seperti ini :
Langkah #1
Silahkan anda kunjungi situs http://www.youtube.com.
Cari video favorit anda yang sekiranya mau di pasang. Jika masih bingung, anda tinggal tuliskan kata kunci pada mesin pencari di bagian sebelah atas. misal : humor. Setelah muncul pilihan video, tinggal di klik aja link nya.
Alihkan perhatian anda ke bagian sebelah kanan layar. Temukan tulisan → Embed. Misalkan gambarnya seperti ini :
Copy kode yang ada di bawah tulisan → Embed tadi. Paste pada notepad atau text editor lainnya. Simpan kalau perlu.
Silahkan tutup jendela situs youtube jika anda mau.
Langkah #2
Silahkan sign in ke blogger dengan ID anda.
Klik Posting Baru.
Klik tab Edit Html, jangan pada posisi tab Compose.
Copy kode embed yang ada pada notepad tadi, lalu paste pada kolom untuk posting.
Klik tombol MEMPUBLIKASIKAN POSTING
Selesai. Silahkan lihat hasilnya.
Berikut ini adalah contoh video yang saya dapat dari you tube.
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
Sign in di blogger dengan ID anda
Bilsa sudah berada di halaman dashboard, klik Layout.
Klik tab Edit HTML
Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.
Lihat ke bagian body template, lalu cari kode seperti ini :
<b:include data='post' name='post'/>
Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
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.
Klik tombol Simpan Perubahan.
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) :
Magazine Template 1 adalah free blogger template yang mengusung tema majalah atau magazine. Dengan tesedianya multi kolom anda dapat dengan luluasa menyimpan berbagai widget yang anda inginkan. Berikut screen shot dari Magazine Template 1:
Spesifikasi :
Type : Blogger beta template (XML)
Column type : Multy column
Background color : black (default)
Template color : white
Template Width : 900 pixel
Sidebar width : 300 pixel
Leftsidebar_1 : width : 280 pixel
leftsidebar_2 : width : 270 pixel
bottombar width : 210 pixel
Browser test : IE6, FF3 beta 4, opera 9.25, Netscape 9.0.0.6
Tab menu dropdown ini 100% menggunakan Cascading Style Sheet (CSS), tanpa javascript ataupun skript yang lainnya. Sehingga Menu drop down ini tidak akan membuat blog anda menjadi lambat ketika di loading, dan cocok dalam banyak browser. Bagi anda yang ingin memasang tab menu di bagian headernya, saya sarankan untuk memasang menu drop down ini di blognya. Bagaimana cara untuk membuat menu drop down ini? tentu saja banyak cara untuk membuatnya, namun dalam kesempatan ini saya akan menuliskan dengan 2 cara. Kira-kira caranya seperti ini :
# Metode yang pertama :
langkah #1 :
Login ke blogger dengan ID anda
Setelah berada pada halaman dashboard, klik Layout.
Kemudian klik tab edit HTML.
Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.
Silahkan lihat ke kode template anda, dan temukan kode berikut : ]]></b:skin>
Copy kode di bawah ini, lalu paste di atas kode : ]]></b:skin>
Silahkan lihat ke bagian bawah lagi, lalu temukan kode seperti ini :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/> </b:section>
Ubahlah kode yang saya cetak hijau, sehingga kodenya menjadi seperti ini :
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/> </b:section>
Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda selesai di simpan.
langkah #2
Klik pada tab elemen Halaman yang berada di bagian atas. Perhatikan gambar berikut :
Klik pada Tambahkan sebuah Elemen halaman yang berada di atas elemen header. Perhatikan gambar berikut ini:
setelah window pop up muncul, klik tombol Tambahkan ke blog untuk HTML/JavaScript.:
Copy kemudian paste kode di bawah ini pada elemen yang muncul tadi :
Klik tombol Simpan Template
Selesai. Silahkan lihat hasilnya.
Catatan : untuk beberapa template, cara ini tidak menghasilkan tampilan yang bagus, maka anda bisa mencoba cara berikut.
Metode kedua
Karena desain dari template sangat berbeda antara satu dengan yang lainnya, maka saya hanya mengambil contoh untuk template minima saja (template asli blogger) sebagai gambaran saja. langkahnya adalah sebagai berikut :
Login ke blogger dengan ID anda
setelah berada di halaman dashbord , klik Layout.
Kemudian klik tabedit HTML.
Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.
Silahkan anda beri tanda tik/cek pada kotak kecil di samping tulisan Expand Templates Widget. Tunggu beberapa saat.
Lihat ke kode template anda dan temukan kode berikut : ]]></b:skin>
Copy kode di bawah ini, lalu paste di atas kode: ]]></b:skin>
Delete / hapus kode di atas lalu ganti dengan kode di bawah ini :
Klik tombol Simpan Perubahan
Selesai. Silahkan lihat hasilnya.
Langkah-langkah di atas hanyalah untuk template minima , jadi untuk template anda terkadang kode nya sama dan banyak juga yang berbeda, silahkan di pelajari saja.
Sedikit tambahan :
Pada kode menu drop down yang saya berikan, ada kode seperti ini :
<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>
Perhatikan pada kode <dt> dan <dd>
Kode yang di awali dengan <dt>, adalah judul pada menu utama (tulisan yang muncul di muka).
Kode yang di awali dengan <dd>, adalah judul untuk sub menu (tulisan pada drop menu).
Anda harus mengganti link yang ada dengan link milik anda sendiri, sebagai contoh :
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page"> zero dollars</a></dd>
ganti menjadi :
<dd><a href="http://template-unik.blogspot.com/2007/11/unique-template-r-21.html" title="free template R 1.2">UniQue Template R 1.2</a></dd>
Gara-gara kang rohman sibuk utak-atik template, akhirnya lupa untuk posting artikel tapi sebenarnya ada alasan lain kenapa kang rohman untuk beberapa hari tidak posting, alasannya adalah untuk memberi kesempatan kepada yang beriklan lewat posting agar lebih banyak kesempatan untuk di baca oleh para pengunjung sekalian. Postingan iklan tersebut yaitu postingan yang di sini dengan yang di sini. Jadi bagi yang website atau blognya yang ingin cepat terkenal, sok lah beriklan di blognya kang rohman.
Trus buat para pengunjung di minta keiklasannya untuk sesekali mengunjungi iklan-iklan yang ada di sini bukan apa-apa biar para pengiklan tidak kapok untuk beriklan di sini ya..hihihi...
Eh udah ah, intermezo nya jadi kepanjangan. Pada kesempatan kali ini kang rohman mau membahas pertanyaan dari sobat kang rohman yang masih penasaran tentang membuat menu read more atau menu baca selengkapnya. Katanya beliau ini ingin membuat menu read more yang sejajar dengan paragrap yang ada, tidak seperti yang kang rohman bahas di sini, di sini, atau di sini, yang katanya kurang menarik karena tulisan Read more atau Baca Selengkapnya tidak sejajar dengan paragrap postingan. Mungkin yang di maksud seperti ini kalii yee :
Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ".
Mungkin tulisan Selengkapnya ingin sejajar seperti ini kalii yee :
Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ". Selengkapnya
Bisa engga ya jadi seperti itu? bisa atuh, dan anda tidak perlu meluangkan banyak waktu serta cucuran keringat untuk membuatnya. caranya seperti ini :
Pada postingan yang lalu tentang membuat menu Selengkapnya, kang rohman menuliskan kode seperti ini :
Agar kode read more atau selengkapnya menjadi sejajar dengan postingan, anda tinggal memindahkan kode </p> yang saya cetak merah, sehingga menjadi seperti ini :
Seperti kita ketahui bahwa web directory adalah kumpulan dari situs-situs internet yang disusun berdasarkan kategori dan bukan dengan keywords seperti yang terjadi pada mesin pencari (search engines). Web direktori bukanlah search engine. Jadi sebuah web direktori akan berisikan link-link ke situs-situs internet yang lain dan link-link tersebut tersusun berdasarkan kategori dan subkategori. Sebuah web direktori biasanya akan memberikan kesempatan kepada para pemilik website untuk secara langsung mendaftarkan situs internet mereka di direktori ini.
Dalam perkembangan dunia internet, web directory memegang peranan penting juga, disamping memudahkan bagi para penguna internet untuk menemukan situs-situsinternet yang bermutu, juga sangat bagus untuk meningkatkan link popularity situs internet kita di search engines.
Ada begitu banyak web directory di internet, beberapa di antaranya mempunyai lingkup yang sangat luas dan terdiri dari banyak kategori dan sub kategori. Dan ada juga directory yang mengkhusus pada lingkup yang lebih kecil, biasanya berdasarkan salah satu kategori. Seperti contohnya direktori untuk bisnis, keluarga, kesehatan, olah raga, belanja, komputer, pariwisata (hotel dan travel agent), agama, pemerintahan, seni dan budaya, pendidikan, berita dan media. Ataupun direktori yang mengkhusus pada salah satu wilayah atau bahasa saja, seperti misalnya salvida directory.
Salvida direktori adalah sebuah direktori yang mengkhususkan pada situs-situs internet yang berbasis di Indonesia. Disini kita bisa mendaftarkan situs-situs internet kita pada kategori yang sesuai dgn isi dari website kita itu sendiri. Umpamanya kita menjalankan situs belanja online, hendaknya website kita didaftarkan pada kategori belanja, begitu juga dengan situs komputer, agama, blog, pariwisata, bisnis, kesehatan, keluarga, hobby dan sebagainya.
Salvida Direktori yang dijalankan dengan bahasa Indonesia sebagai bahasa pengantar ini adalah search engines friendly directory. Jadi tidak ada ruginya anda menaruh link di situs ini. Ini juga mampu meningkatkan popularitas situs anda di search engines.
Temukan situs-situs internet bermutu seputar Indonesia di directory ini. Situs-situs yag didaftarkan di web directory ini akan dipilih-pilih lagi sehingga memastikan anda mendapatkan link-link website terbaik dan dapat menemukan situs yang anda cari dengan mudah.
Submit urls - daftarkan website anda
Anda yang memiliki situs internet, silahkan anda daftarkan website anda di Salvida web direktori Indonesia. Pilihlah kategori yang sesuai dengan website anda. Kami tidak menerima situs yang melanggar hukum atau yang tidak sesuai dgn hukum yang berlaku di Indonesia. kelayakan semua website yang anda daftarkan akan ditinjau ulang lagi.