Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.
Tampilkan postingan dengan label fitur-fitur. Tampilkan semua postingan
Tampilkan postingan dengan label fitur-fitur. Tampilkan semua postingan

Rabu, 28 Desember 2011

Menyimpan Artikel Web/blog Menjadi PDF dengan JoliPrint

Salah satu fitur media pembelajaran yang wajib ada dalam blog pembelajaran berbasis blogspot adalah Tombol Save AS PDF yang berfungsi untuk menyimpan artikel dalam blog pembelajaran guru, seperti misalnya Web2PDF Online yang dah MamGuru postingkan disini. Namun dengan Web2PDF Online terdapat beberapa kelemahan diantaranya membutuhkan waktu yang relatif lebih lama untuk download file pdfnya selain itu Web2PDF Online juga menyertakan berbagai konten yang tidak penting, misalnya iklan, sidebar (menu-menu bagian kiri/kanan), footer (menu/isi bagian bawah), dll, kita hanya ingin isi artikelnya saja. Nah, dengan JoliPrint kita bisa mendapatkan hal ini. Simak baik-baik review tentang Joliprint berikut ini.

Menyimpan Artikel Web/blog Menjadi PDF dengan JoliPrint
Ketika kita membaca sebuah artikel atau tutorial di internet, terkadang kita ingin menyimpan tutorial tersebut sehingga bisa kita baca offline atau sebagai koleksi kita. Ada berbagai cara untuk melakukan hal ini, misalnya menyimpan menjadi gambar, dalam format mhtml, maff dan lainnya. Salah satunya alternatif lain adalah menyimpan dalam bentuk PDF, dan pendatang baru dalam hal ini adalah JoliPrint.

Kini ada alternatif yang patut dicoba untuk menyimpan sebuah artikel/tutorial web menjadi PDF, degan JoliPrint. Ketika menyimpan artikel biasanya kita tidak ingin menyertakan berbagai konten yang tidak penting, seperti misalnya iklan, sidebar (menu-menu bagian kiri/kanan), footer (menu/isi bagian bawah), header dan lainnya, kita hanya ingin isi artikelnya saja. Nah, dengan JoliPrint kita bisa mendapatkan hal ini.

JoliPrint akan menyimpan artikel sebuah web/blog dengan hanya memasukkan link artikel tersebut. Tidak seperti konversi ke PDf lainnya yang biasanya menyertakan semua isi website, termasuk iklan, menu-menu atas, kiri dan bawah termasuk gambar yang bukan bagian artikel, JoliPrint hanya akan membuat halaman PDF untuk konten dan apa yang dianggap penting saja.

Tampilan hasil PDF juga terlihat lebih baik dibanding hasil dari PDFmYURL, karena ditampilkan menjadi 2 kolom dan gambar yang ada ukurannya akan otomatis disesuaikan. Selain tampilan yang lebih bagus dan enak dibaca, ukuran file PDF biasanya menjadi lebih kecil.

Contoh tampilan PDF hasil konversi artikel:
Menyimpan Artikel Web/blog Menjadi PDF dengan JoliPrint
 Ada 2 cara menggunakan JoliPrint. Yaitu sebagai berikut :
    1. Kita bisa langsung memasukkan URL artikel yang ingin dijadikan PDF. Contoh tampilannya seperti di bawah ini :
    2. Cara yang lebih praktis dari nomor 1 ialah membuat bookmark JoliPrint di browser yang anda pakai. Buka web JoliPrint. Lihat bagian “Add Joliprint to your browser” seperti gambar dibawah ini.
      1. Untuk Internet Explorer(IE):
        1. Klik kanan pada button. Pilih “Add to Favorites“.
        2. Pilih “Yes” pada security alert
        3. Kemudian pilih “Favorites Bar” dan klik “Add”
      2. Untuk Firefox dan Safari
        Drag button langsung ke “Bookmark Toolbar
      3. Untuk Google Chrome
        Install Google Chrome Extension “PDF & Print with JoliPrint
        Atau
        Drag button langsung ke “Bookmark bar
Setelah Itu : Kita tinggal menekan tombol bookmark JoliPrint pada saat kita sedang melihat artikel yang ingin kita konversi.
Tampilan hasil PDF juga terlihat bagus karena ditampilkan menjadi 2 kolom dan gambar yang ada ukurannya akan otomatis disesuaikan. Selain tampilan yang lebih bagus dan enak dibaca, ukuran file PDF biasanya menjadi lebih kecil.
Bagi Pemilik Blog/Web

Bagi pemilik web atau blog, kita bisa membuat link yang bisa dipasang di blog kita sehingga pengunjung bisa langsung download artikel versi PDF dengan sekali klik saja. Pengguna WordPress bisa memanfaatkan Plugins yang sudah disediakan ( bisa di dwonload dari halaman JoliPrint plugins ).

Bagi pemilik blog lain, baik bagi yang menggunakan CMS (Content Management System) atau web blog hosting seperti blogger, wordpress.com juga bisa menyertakan link download pdf dengan menambahkan link yang bisa diperoleh dari websitenya. Informasi selengkapnya silahkan kunjungi web JoliPrint.



Sumber :  My Physics Web Blog
READ MORE

Minggu, 21 Agustus 2011

Cara Mengimpor Feed Blog ke Catatan facebook

Salah satu cara jitu untuk promosi blog di facebook yaitu dengan mengimpor feed blog kita ke dalam catatan facebook yang kita punya. Untuk pembelajaran online, impor feed blog kita dapat dimanfaatkan sebagai informasi terupdate pada blog pembelajaran online kita pada siswa-siswa kita yang tentunya sudah kita buatkan dalam satu gorup (kelas virtual).


Untuk mengimpor feed blog ke dalam catatan facebook, cara-nya begini :

  1. Login dahulu ke facebook anda
  2. Buka URL berikut ini : http://www.facebook.com/editnotes.php?import
  3. Akan muncul tampilan seperti ini : import feed blog ke fb
  4. Masukkan alamat feed blog anda ke kolom URL Web. (Format feed blog = http://namabloganda.blogspot.com/feeds/posts/default)
  5. Beri tanda centang pada content “Dengan memasukan ALAMAT, anda menyatakan bahwa anda memiliki wewenang untuk mengijinkan kami me reproduksi dan menyebarkan tulisan atau gambar tersebut di halaman Facebook dan bahwa tulisan atau gambar tersebut tidak melanggar atau di larang.”.
  6. Kalau sudah klik tombol Mulai Mengimpor.
  7. Akan muncul artikel-artikel dari blog anda. Untuk mengonfimasikan impor, klik tombol Konfirmasikan Impor. Namun jika anda ingin membatalkan impor, klik tombol Batalkan. (Tombol-tombol tersebut ada di bagian bawah halaman, lihat gambar)  
 
Finish. Mudah kan??? Selamat mencoba

Sumber : Zifoe
READ MORE

Memasang Fitur Kontak Kami

Blog yang didesain sebagai media pembelajaran online oleh seorang Guru (blogger lain... hehehe) tentunya perlu dukungan fitur penghubung antara pengguna dengan yang empunya blog, misalnya bertanya, mengirim file, atau mengirim tugas, dll.

Untuk Memasang Fitur Kontak atau Hubungi Kami, kita perlu bantuan pihak ke-3 yaitu situs penyedia Email Contact Form yang menurut anda cocok: misalnya :
a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form

Diantara situs-situs penyedia Email Contact Form diatas yang paling banyak digunakan oleh Blogger yaitu Email Me Form.   Berikut screenshoot Email Contact Form dari Situs Email Me Form :












Email Me Form menyediakan fitur kontak kami secara gratis, walaupun ada juga yang berbayar, tentunya pilihan kita sama, yaitu gratis. Bagaimana cara mendapatkannya?

Berikut Langka-Langkah untuk mendapatkannya dan memasangnya pada blogspot :

A.  Cara Mendapatkan Fitur Kontak atau Hubungi Kami pada Blog dari Email Me Form :
  • Silahkan kunjungi situs http://www.emailmeform.com.
  • Arahkan pandangan anda ke sebelah kanan atas monitor.
  • Klik pada tulisan Sign up for free.


  • Isilah form yang ada dengan data diri anda :

  • Klik tomblol sign up.
  • Setelah muncul tulisan Thank you for signing up!, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.
  • Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.
  • Klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.
  • Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun control panel anda.
  • Alihkan perhatian anda ke sebelah Tengah monitor. Klik tulisan Create new form


  • Klik Take me to the Form Builder. I'd like to create my own form.


  • Ada beberapa form yang perlu di sisi  dan di edit sesuka anda :

Klik gambar untuk memperbesar gambar

  • Jika sudah klik Save form

  • Langkah selanjutnya kita hanya perlu mengambil code scripnya,
  • Untuk mengambil codenya ikuti langkah berikut
-Pergi ke tab my form
- Code
-Untuk Html only bisa digunakan di dalam posting, dan untuk yang di dalam css pilih aja HTML with java script/css.



B. Cara Memasang Fitur Kontak atau Hubungi Kami pada Blog

Pastikan bahwa fitur Kontak Kami atau Hubungi Kami yang ingin Anda pasang terletak di halaman postingan atau gadget blog. Jika Anda ingin memasangnya dipostingan maka silahkan paste kode HTML yang telah Anda Ambil dari Email Me Form. Sedangkan, jika Anda ingin memasangnya di gadget blog, silahkan ikuti langkah-langkah berikut ini:
  1. Login di blogger dengan Account blog Anda
  2. Klik Tata Letak
  3. Klik Tambah Gadget
  4. Pilih gadget dengan jenis HTML/JavaScript
  5. Pada bagian Judul silahkan tulis, misalnya: Kontak Kami
  6. Paste kode HTML yang Anda ambil dari Email Me Form
  7. Klik Simpan
  8. Lihat hasilnya pada blog Anda
  9. Selesai
Hasil Kontak Kami atau Hubungi Kami biasanya tidak sesuai dengan ukuran gadget atau postingan, untuk menyesuaiakannya Anda dapat mengubah Kode HTML ukuran lebar terutama pada bidang (Field) pesan yang standarnya cols="60" menjadi misalnya "50" atau lebih kecil lagi.

Selain itu pada bidang (field) yang ditambahkan dengan teks Lampirkan File tidak sesuai dengan namanya (tidak dapat mengambil file) tetapi kategori teks (memasukkan teks), untuk mengubahnya cari di Kode HTML teks "Lamp. File-font-td>-td-input-type="text" kata "teks" diganti menjadi "file".

Selamat mencoba..

Sumber Bugisq Blog dan  Trips and Trik Blogspot dari Mas Uwah



READ MORE

Memasang Buku Tamu dari CBOX

Sebagian besar blog yang ada, terutama blog yang sudah berumur memiliki salah satu fitur yang sangat interaktif, yaitu Buku Tamu. Buku Tamu, istilah yang sering digunakan pada gadget blog merupakan fitur yang sangat bermanfaat terutama dalam melakukan sharing informasi dan komunikasi langung maupun komunikasi sebagai pesan.

Buku Tamu memang sangat penting sebagai fitur pelengkap sebuah blog, untuk itu pemilihan fitur seperti Buku Tamu harus betul-betul dipertimbangkan dalam kemudahan melakukan komunikasi, misalnya ada Buku Tamu yang link-nya tidak berfungsi sehingga untuk mengunjungi link tersebut agak susah apalagi kalau sipemilik pesan baru untuk pertama kalinya berkunjung di blog kita. Oleh karena itu, ditulisan kali ini saya menyarankan menggunakan Buku Tamu dari www.cbox.ws.

Cara Memasang Buku Tamu, sebagai berikut:
  1. Kunjungi www.cbox.ws
  2. Klik Sign Up, untuk melakukan proses registrasi
  3. Isilah data-data berikut ini:
    • Cbox Name, nama buku tamu Anda yang sekaligus sebagai account untuk login di Cbox
    • Email Address, alamat email Anda
    • Password, masukkan password email Anda
    • Confirm Password, masukkan ulang password email Anda
    • Website, ketik alamat blog Anda
    • Language, pilih bahasa English, bahasa Indonesia belum mendukung untuk fitur ini
    • Style, silahkan pilih gaya atau motif Buku Tamu Anda
    • Beri tanda centang pada kotak I have read and do agree to the Cbox terms and conditions of service.
    • Klik Create my Cbox
  4. Jika data-data yang Anda masukkan benar, maka silahkan periksa email pesan yang dikirim oleh Cbox pada email yang Anda masukkan, kemudian klik link yang diberikan. Dengan cara lain, Anda dapat buka kembali www.cbox.ws lalu masukkan Login Name (Cbox Name, bagian 1 pada langkah ke-3) dan password dari email Anda
  5. Klik Publish
  6. Pada bagian Publish, silahkan copy code HTML yang diberikan
Cara di atas adalah cara cepat untuk mendapatkan kode HTML (kode Buku Tamu). Namun, dapat pula Anda mengedit beberapa hal terkait dengan Buku Tamu tersebut, seperti pada menu: Look & Feel, Options, User Access, dan Messages.
Kerja Anda untuk mendaftar pada Cbox yang menyediakan Buku Tamu dan mendapatkan code HTML telah dilakukan, sekarang Anda lanjutkan Memasang Buku Tamu pada blog Anda, dengan cara:
  1. Bukan www.blogger.com dan login dengan account blog Anda
  2. Klik Tata Letak
  3. Pikirkan lokasi gadget untuk Buku Tamu dan klik Tambah Gadget
  4. Pilih HTML/JavaScript
  5. Ketik teks "Buku Tamu" atau sesuai dengan apa nama (judul) yang Anda inginkan pada bagian Judul
  6. Vaste kode HTML yang Anda copy dari www.cbox.ws
  7. Klik Simpan dan lihat hasilnya pada blog Anda
Perhatikan ukuran lebar Buku Tamu yang nampak di blog Anda dengan ukuran gadget Anda, jika lebar Buku Tamu tidak sesuai dengan ukuran gadget. Silahkan edit kode HTML-nya, dengan kode (standart) Width="200" (ada 2 kode ukuran Width, yang selalu sama ukurannya)

Sumber : Bugishq Blog
READ MORE

Membuat Halaman Info Pembelajaran

Halaman Info Pembelajaran merupakan Fitur yang digunakan untuk lokasi papan pengumuman atau berisi informasi pembelajaran yang terbaru, misalnya daftar nilai, daftar tugas, dll. Fitur ini merupakan rancangan Anda sendiri, karena sesuai dengan jenis isi informasi tersebut. Fitur ini posisinya Anda tempatkan pada bagian tertentu atau bisa di bagian footer (bawah), posisinya harus tetap agar lebih cepat ditemukan oleh pelajar dalam mencari informasi terbaru.

Cara membuatnya :
1. Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script"
2. Copy kode di bawah ini :
<table border="3" width="155" height="130" cellpadding="2">

<tr>

<td align="left">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

Hasil Ulangan Harian 2 sudah dapat diakses di blog Physics Class. Untuk siswa yang tidak tuntas diberlakukan Remidial online, jadwal menyusul. terimakasih.

</marquee>

</td>

</tr>

</table>



Teks yang berwarna merah dapat diganti dengan Info Pembelajaran yang dikehendaki.


3. Klik save


Selamat mencoba..
READ MORE

Cara membuat Form "Email Subscriber" / "Berlangganan Via Email"

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita
akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa
berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita.
Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3.
Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika
blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am
a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10.
Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha
kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Sumber : Trik Tips Blogging
READ MORE

Sabtu, 20 Agustus 2011

Memasang Mesin Search di Blog

Bagi Guru yang sedang merancang blog sebagai salah satu sumber belajar online, mungkin tutorial ini berguna bagi hasil rancangan blog Anda. Tutorial kali ini adalah bagaimana kita Memasang Mesin Search di Blog, fitur ini merupakan salah satu fitur yang disediakan secara langsung oleh blogger. Fitur ini berguna untuk menampilkan judul dan sebagian isi postingan terkait dengan teks yang ingin dicari. Berikut ini contoh gambar mesin search yang dipasang di blog.





Fitur search atau biasa disebut sebagai kotak penelusuran, kotak penelusuran ini memiliki tiga fungsi, yaitu:

  1. Mencari postingan  di blog yang dipasangi Kotak Penelusuran
  2. Mencari postingan blog Anda yang di link pada blog lain
  3. Mencari postingan pada blog lain
Cara Memasang Mesin  Search di Blog, sebagai berikut:
  1. Login di blogger dengan account Anda 
  2. Klik Tata Letak 
  3. Klik Tambah Gadget 
  4. Pada kotak dialog Tambahkan Gadget, klik Kotak Penelusuran 
  5. Muncul Konfigurasi Kotak Penelusuran , pada bagian ini beberapa hal yang perlu difahami, yaiu: 
    • Judul, tuliskan judul gadget ini misalnya Kotak Penelusuran 
    • Blog ini, pencarian pada blog Anda
    • Di link dari sini, pencarian postingan pada blog lain tentang postingan Anda 
    • Web, pencarian postingan pada semua blog atau web 
    Silahkan beri tanda centang pada kotak Blog ini, Di link dari sini, dan Web. Hasil pencarian baik di blog Anda, link postingan, dan pencarian umum akan tetap ditampilkan pada blog Anda, hasilnya tinggal Anda setting tentang hasil pencarian.
  6. Klik Simpan
  7. Lihat hasilnya pada blog Anda
Fitur-fitur apa lagi yang perlu Anda tambahkan sebagai pelengkap blog Anda sebagai media pembelajaran online?, silahkan Anda baca tentang Fitur-fitur Media e-learning
READ MORE

Jumat, 19 Agustus 2011

Membuat Menu Horizontal

Isi blog yang lebih dikenal dengan istilah postingan, tidak selamanya akan membahas satu topik tertentu saja. Walaupun pada awal-awalnya kita memegang teguh hanya akan membahas "ini" dan yang "itu" tidak perlu. Tetapi ditengah jalan ngeblog pasti akan tergoda untuk menulis yang "itu". Apa sebab?

Jika cerita di atas benar adanya, maka saatnya Anda memikirkan memasang menu atau biasa disebut navigasi blog, yang dengan sistem menu ini sangat membantu pembaca blog Anda. Dengan klik menu PowerPoint (misalnya), seseorang yang ingin mencari tulisan tentang PowerPoint. maka blog Anda hanya menyediakan tulisan tentang PowerPoint dalam bentuk daftar isi, begitupun dengan klik Excel maka blog Anda menyediakan semua tulisan tentang Excel. Sehingga seorang pengunjung tidak dibingunkan daftar isi yang terlalu banyak apalagi dengan topik-topik yang berbeda.

Gambar 1. contoh menu pada FB
 

















Gambar 2. contoh menu horizontal
   

Beberapa template secara default menyediakan menu, namun beberapa template lagi tidak menyediakan. Untuk membuatnya ikuti langkah-langkah berikut :

1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu. 
2. Cari kode berikut 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>

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan.
teru ganti text yang berwarna hijau sihingga 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>

terus di Save

Cara 1. Menu Horizontal Link ke Blog Lain
1. Copy script berikut ini
<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

2. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.

3. Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.


Cara 2. Menu Horizontal Link ke Label
  1. Login dengan account Anda di http://www.blogger.com/
  2. Pada bagian dasbor, klik tata letak
  3. Tambahkan gadget baru
  4. Catatan: Pilih tambah gadget yang posisinya di bawah header (kebanyakan blog menempatkan menu pada bagian ini)
  5. Pilih jenis gadget HTML/Javascript
  6. Muncul kotak dialog Mengkonfigurasi HTML/Javascript
  7. Pada bagian Judul, silahkan kosongkan
  8. Lalu copy dan vaste script berikut ini
<div id="navcontainer">
<ul id="navlist"><li class="first"><a href="http://bugishq.blogspot.com/">Home</a></li>
<li><a blank="" href="http://bugishq.blogspot.com/search/label/powerpoint" target="-">PowerPoint</a></li> <li><a blank="" href="http://bugishq.blogspot.com/search/label/excel" target="-">Excel</a></li>
<li><a blank="" href="http://bugishq.blogspot.com/search/label/word" target="-">Word</a></li>
</ul>
</div>

Teks yang perlu di edit:
  • bugishsq.blogspot.com, ganti dengan alamat blog Anda
  • powerpoint, excel, dan word, sesuaikan dengan label postingan blog Anda
  • PowerPoint, Excel, dan Word, sesuaikan dengan kata yang ingin tampil pada menu
  1. Klik simpan
  2. Lihat hasilnya pada blog Anda
Catatan:
Teks target="_" blank atau yang semacamnya menunjukkan bahwa jika diklik salah satu menu maka akan membuka halaman baru (namun beberapa software browser tidak mendukung fasilitas ini). Selain itu, Anda dapat menambahkan menu-menu lain dengan copy salah satu menu yang ada dan kemudian paste pada urutan menu yang Anda inginkan.

Silahkan pilih cara membuat menu horizontal sesuai dengan kebutuhan anda. Contoh pada blog ini menggunakan cara 2. yaitu menu horizontal dengan link ke label
Selamat Mencoba....


Sumber : Trik Tips Blogging dan Bugishq Blog











 
READ MORE