Buyblogreviews is a good place for blog advertising

Posted by Unknown on Tuesday, September 29, 2009

Internet has become the most important media to get and read information from around the world. As time goes by, now Internet also becomes one of the best places to promote and sell the products as well as looking for some money by doing online businesses. Getting some money through online business has been started since a few years ago and many people have been successful in doing this business. There are hundreds kinds of ways to earn money and one of them is by paid blogging. Paid Blogging is proven to have give much money to blog owners and have helped many websites to get a lot of visitors and promote their websites, products or services. So, whenever you need to get money or get hundreds of visitors for your website or products, you had better use Blog Advertising.
Description: Buyblogreviews is a good place for blog advertising Rating: 4.5 Reviewer: Unknown - ItemReviewed: Buyblogreviews is a good place for blog advertising
More aboutBuyblogreviews is a good place for blog advertising

Widget Kurs Valuta Asing

Posted by Unknown on Friday, September 25, 2009

Menambahkan Widget Valuta Asing Pada Blog. Postingan kali ini masih seputar aksesoris blog dan kali ini Tips dan Trik Blog akan mengetengahkan widget kurs valuta asing. Sebenarnya widget serupa pernah Tips dan Trik Blog pada kesempatan terdahulu, di sini juga di sini. Dengan postingan kali ini, saya berharap akan memberi banyak pilihan kepada para pengunjung yang ingin menambahkan akesoris blognya dengan kurs valuta asing.

Jika tertarik untuk memasangnya, silakan copy paste kode berikut ini pada side bar blog kita. Langkah-langkahnya, seperti biasa adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy kode berikut ini.


<a href="http://blog.fendiahmad.com/script-kurs-bca" target="_blank"><img alt="kurs bca Script Kurs BCA" src="http://blog.fendiahmad.com/kurs-bca.php" title="Script Kurs BCA" border="0" width="160" height="200"></a>


Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan kurs valuta asing sudah “nangkring” pada side bar blog kita, seperti di bawah ini


kurs bca Script Kurs BCA

Selamat Mencoba!!


Description: Widget Kurs Valuta Asing Rating: 4.5 Reviewer: Unknown - ItemReviewed: Widget Kurs Valuta Asing
More aboutWidget Kurs Valuta Asing

Menambah Widget Polling Pada Blog (bag. 3)

Posted by Unknown on Monday, September 21, 2009

Menambahkan Widget Polling Pada Blog. Untuk menjaga “kelangsungan hidup blog”, kita perlu mengerti dan memahami sedikit (jika tidak mungkin semuanya) keinginan atau apa yang diharapkan pengunjung terhadap blog kita. Untuk tujuan tersebut diperlukan wadah tersendiri. Dan salah satu wadah tersebut adalah kita dapat memasang widget polling pada blog kita.

Sebenarnya Tips Trik Blog sudah pernah mengetengahkan postingan serupa, yaitu Widget Polling Bag. Pertama dan Widget Polling Bag. Kedua. Dan pada kesempatan ini, Tips Trik Blog akan mengetengahkan lagi namun dengan layanan yang berbeda. Dengan postingan ini, saya berharap pengunjung mempunyai banyak pilihan untuk memasang widget polling mana yang paling cocok dengan selera masing-masing.

Pada kesempatan kali ini, Tips dan Trik Blog akan mengetengahkan layanan widget polling yang disediakan oleh Ballot-Box.net. Fitur dari layanan widget polling tersebut sangatlah lengkap untuk ukuran layanan yang gratis, antara lain sebagai berikut.

  • Tampilan Polling yang dapat dikustomasi
  • Support sampai dengan 15 pertanyaan
  • Support sampai dengan 15 jawaban untuk masing-masing pertanyaan
  • Mencegah user melakukan voting dua kali atau lebih
  • Hasil polling yang dapat dibuat privat maupun dipublikasikan
  • Hasil polling dapat diketahui se-real time dan se-update mungkin
  • Pembuatan account yang instant
  • Mengizinkan user untuk meninggalkan pesan
  • Hasil polling ditampilkan dalam popup
  • Dan masih banyak lagi fitur lainnya.

Jika tertarik, silakan ikuti langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.ballot-box.net/

Kedua, lakukan sign up (pendaftaran) dengan cara geser ke menu yang berada di sisi sebelah kanan kemudian pilih sign up.

Ketiga, isilah semua data pada form yang disediakan dan jangan lupa centangi pada “I agree to the Terms of Service” kemudian lanjutkan dengan menekan button “sign up”

Keempat, setelah sukses melakukan sign up, kemudian lakukan login dengan user dan password yang baru saja kita buat.

Kelima, untuk mulai membuat widget polling, pada menu yang ada di sebelah kiri, klik “Create New Poll

Keenam, klik “next” hingga kita harus memilih jumlah pertanyaan yang akan kita buat pada polling tersebut.

Ketujuh, pilih jumlah pertanyaan yang akan kita buat pada widget polling tersebut kemudian lanjutkan dengan menekan “next”.

Kedelapan, kita akan mendapat pemberitahuan bahwa polling telah sukses dibuat juga tentang ID polling kita tersebut.

Kesembilan, lanjutkan dengan menekan “next”.

Kesepuluh, isikan Judul dan URL blog kita kemudian lanjutkan dengan “next”

Kesebelas, buat pertanyaan sekaligus opsi jawaban yang dapat dipilih oleh user atau pengunjung. Jika menginginkan, kita dapat memilih bentuk “question style”, misalnya “radio buttons”, “check boxes”, atau “drop menu”.

Keduabelas, buat pertanyaan sekaligus opsi jawaban untuk yang kedua dan seterusnya sesuai dengan jumlah pertanyaan yang kita setting sebelumnya.

Ketigabelas, pilih satu dari beberapa “sceme” polling widget yang ada kemudian lanjutkan dengan “next”

Keempatbelas, kita akan mendapati preview dari widget polling yang baru saja kita buat tersebut.

Jika dirasa kurang cocok tampilannya, klik “edit” untuk melakukan pengeditan seperlunya.

Jika ingin melakukan pengeditan pada pertanyaan maupun jawabannya, klik “prev”.

Jika sudah cocok, silakan klik “done”.

Kelimabelas, setelah itu kita akan mendapat konfirmasi bahwa pembuatan polling telah selesai, seperti screenshot di bawah ini.


Keenambelas, untuk melihat hasilnya silakan klik “view the poll” dan untuk memasang widget polling pada blog, silakan klik “get the poll HTML code

Ketujuhbeas, klik button “get code

Kedelapanbelas, kemudian kita akan mendapati code HTML widget polling tersebut.

Kesembilanbelas, copy dan pastekan pada sidebar atau pada halaman blog.

Keduapuluh, jika berhasil, hasilnya seperti di bawah ini.




My Ballot Box
Mengenal Blog ini melalui




Bagaimana artikel pada blog ini






Bagaimana tampilan blog ini






Apa yang paling menarik dari blog ini








View Results



Keduapuluhsatu, selesai dan selamat mencoba!!


Description: Menambah Widget Polling Pada Blog (bag. 3) Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menambah Widget Polling Pada Blog (bag. 3)
More aboutMenambah Widget Polling Pada Blog (bag. 3)

SELAMAT HARI RAYA IDUL FITRI 1430 H

Posted by Unknown on Saturday, September 19, 2009

Satu bulan lamanya kita menjalani ibadah saum. Kita selalu berusaha untuk menahan hawa nafsu dan meningkatkan amal dan ibadah dengan satu harapan, Ridho Allah. Semoga Allah menerima amal ibadah kita. Amin. Dan pada kesempatan ini pula, perkenankan saya mengucapkan "SELAMAT HARI RAYA IDUL FITRI 1430 H", MOHON MAAF LAHIR DAN BATIN.
Description: SELAMAT HARI RAYA IDUL FITRI 1430 H Rating: 4.5 Reviewer: Unknown - ItemReviewed: SELAMAT HARI RAYA IDUL FITRI 1430 H
More aboutSELAMAT HARI RAYA IDUL FITRI 1430 H

Blogspot Sudah Support Fungsi Readmore

Posted by Unknown on Tuesday, September 15, 2009

Fitur Baru Blogspot, Fungsi Readmore. Akhirnya, setelah sekian lamanya, pada ulang tahun yang ke-10 ini, Blogspot memberi “hadiah” kepada para penggunanya suatu fitur baru berupa fungsi Readmore. Dengan adanya fitur baru tersebut, kini para pengguna blogspot tidak perlu susah-susah lagi mengedit templatenya untuk mendapatkan fungsi readmore, seperti pada postingan sebelumnya, Membuat Readmore versi pertama dan juga Membuat Readmore Versi Kedua. Dengan hanya sekali klik saja, kita sudah dapat menikmati postingan dengan fitur readmore, yaitu postingan yang secara default hanya ditampilkan sebagian dan ketika kita mengklik klik “readmore” (baca selengkapnya), postingan akan ditampilkan secara utuh (penuh). Jika tertarik, silakan ikuti selengkapnya bersama Tips dan Trik Blog berikut ini.

Oh, iya fitur readmore ini masih dalam draft namun demikian kita sudah dapat menikmati atau menggunakan fitur tersebut. Dan fitur ini akan berfungsi dengan baik jika kita menggunakan tempalate asli blogspot. Bagi yang menggunakan template bukan dari blogspot, fitur tersebut tidak berfungsi dengan baik, di mana link “Readmore” (baca selengkapnya) tidak muncul namun postingan atau tulisan dapat terpotong dengan baik.

Berikut langkah-langkah untuk menikmati fitur readmore tersebut.

Pertama, login ke http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita akan mendapati post editor (halaman pengetikan).

Kedua, ubah ke mode “compose”, seperti secreenshot di bawah ini.

Ketiga, ketikkan artikel atau tulisan yang ingin kita posting pada post editor tersebut.

Keempat, jika sudah, arahkan (tempatkan) kursor pada bagian tulisan yang ingin kita penggal, seperti screenshot di bawah ini.

Kelima, kemudian klik iconInsert jump break”, seperti di bawah ini.

Keenam, kemudian “Terbitkan Entri” (publish)

Ketujuh, sekarang bukalah blog dan pastikan tulisan atau artikel telah terpenggal dengan baik.


Description: Blogspot Sudah Support Fungsi Readmore Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blogspot Sudah Support Fungsi Readmore
More aboutBlogspot Sudah Support Fungsi Readmore

Let’s Do Football Betting

Posted by Unknown on Sunday, September 13, 2009

Do you like betting on something? If you like betting on something, you will have to try to do Football Betting. If you are interested in betting on football, you had better bet it on Football Sports Betting. To be able to do Football Betting here, you must join it first. As soon as you have joined, you can start do betting. You can do betting on your favorite team or match. Besides being able to do Football Betting Online, you can also bet on soccer, basketball, tennis and others.
Description: Let’s Do Football Betting Rating: 4.5 Reviewer: Unknown - ItemReviewed: Let’s Do Football Betting
More aboutLet’s Do Football Betting

Memasang Layanan Link Exchange Otomatis

Posted by Unknown on Friday, September 11, 2009

Tips Memasang Layanan Link Exchange Otomatis Pada Blog. Pada postingan terdahulu, Tips Trik Blog juga telah mengetengahkan layanan serupa, yaitu Link Me Up, juga Memasang Banner Exchange Swalayan. Dan pada postingan kali ini, Tips Trik Blog akan mengetengahkan layanan lain yang serupa di mana dengan memasang layanan ini pada blog kita maka akan memberikan kesempatan para pengunjung untuk memasang URL blognya secara swalayan. Artinya para pengunjung dapat memasang sendiri URL blognya tersebut pada blog kita tanpa perlu “mengemis-ngemis” kepada kita untuk memasang URL blognya pada blog kita.

Dan satu lagi layanan yang dapat memberikan layanan link exchange otomatis tersebut adalah Link Box.

Langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman linkbox.

Kedua, klik register untuk melakukan pendaftaran terlebih dahulu, hingga akan muncul form isian, seperti di bawah ini.

Ketiga, isilah username, email, password, security code, dan jangan lupa mencentagi pada “I agree with Terms od Service” kemudian dilanjutkan dengan menekan “Submit” dan tunggu beberapa saat dan jika sukses maka kita akan mendapatkan konfirmasi “Registration Success”, seperti di bawah ini.

Keempat, klik “home” untuk melanjutkan ke langkah berikutnya.

Kelima, kemudian pada “Create a new Linkbox” isi pada Box Name (nama kotak link), dan juga alamat URL_Blog kita kemudian dilanjutkan dengan menekan “Create Box”, seperti di bawah ini.

Catatan

Jika setelah mengklik “Create Box” terdapat tanda silang berwarna merah, berarti nama box sudah digunakan user lain, silakan untuk mengganti dengan nama lainnya.


Keenam, kustomasi warna sesuai keinginan masing-masing. Atau jika ingin praktis, kita dapat memilih opsi template dengan mengklik pada menu pulldown “template” kemudian kita akan melihat previewnya.

Ketujuh, jika pengaturannya selesai, kemudian lanjutkan dengan menekan button “Get the Code”, dan kemudian kita akan mendapatkan code html tersebut, seperti di bawah ini.

Kedelapan, copy dan pastekan pada halaman blog atau sidebar pada blog milik kita.

Jika sukses, kita akan melihat hasilnya seperti pada sidebar blog ini.

Selamat Memasang Link Exchange Otomatis.

Bisa juga dicoba yang ini.
Link Me Up
Banner Exchange Swalayan

Description: Memasang Layanan Link Exchange Otomatis Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Layanan Link Exchange Otomatis
More aboutMemasang Layanan Link Exchange Otomatis

Sports Gambling USA

Posted by Unknown on Tuesday, September 8, 2009

Besides being a media to find information, Internet is also used to play gambling. We can play any kinds of gambling and one of the most famous ones is sports gambling. In order to play sports gambling, you can visit sportsgamblingusa.com. If you do gambling on sports here, you will not regret because sports gambling USA is considered as the simplest and safest area for sportbook wagering on the web. You can wage on you favorite sports events here, such as European league soccer, NCAA College football odds, NCAA basketball, Golf, Hockey and many more. To be able to start offshore sports gambling here, you need to join, then get your user ID and finaly you can start log in and deposit some money. For more info, please visit sportsgamblingusa.com.
Description: Sports Gambling USA Rating: 4.5 Reviewer: Unknown - ItemReviewed: Sports Gambling USA
More aboutSports Gambling USA

Cara Memasang Tombol Share On Facebook di Akhir Postingan

Posted by Unknown on Sunday, September 6, 2009

3643744907_b3f7dcc3bd.psd

Seperti pada artikel saya sebelumnya tentang cara memasang tombol save as pdf di akhir postingan. Kali ini saya ingin menjelaskan cara memasang tombol Share On Facebook di Akhir postingan. Dengan memasang tombol ini maka akan lebih banyak kemungkinan artikel kita dibaca oleh banyak orang karena setiap yang membacanya bisa Share kembali di Facebook mereka.

Cara untuk memasangnya adalah sebagai berikut :

1. Login dengan Account blogger anda lalu masuk ke Dashboard > tata letak > edit HTML

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png'/></a>
</b:if>

Kode diatas akan tampak seperti ini  >> share_on_facebook_2

Atau anda bisa juga memasang logo-logo yang lain seperti yang telah saya sediakan berikut ini  :

    share_on_facebook_3

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png'/></a>
</b:if>

    share_on_facebook_4

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png'/></a>
</b:if>

facebook-icon

 <b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/></a> share_on_facebook_5.jpg'/
</b:if>

3643744907_b3f7dcc3bd.psd

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg'/></a>
</b:if>

il_430xN.77147031

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg'/></a>
</b:if>

share_on_facebook_5

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_8.jpg'/></a>
</b:if>

share_on_facebook_6

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_9.jpg'/></a>
</b:if>

facebook_Icon250

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_10.jpg'/></a>
</b:if>

Anda bisa memilih salah satu tombol diatara tombol-tombol diatas yang anda sukai atau jika anda ingin mengganti tombol dengan tombol yang anda desain sendiri. Anda tinggal mengganti bagian yang tercetak tebal dan miring berikut ini dengan URL gambar yang telah anda upload sebelumnya seperti :

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src=’http://i15.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png‘border="0" alt="www.tips-fb.com"></a>
</b:if>

4. Setelah menentukan pilihan Silahkan tekan tombol Save Template.

selamat mencoba !   1235_pda

Description: Cara Memasang Tombol Share On Facebook di Akhir Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Tombol Share On Facebook di Akhir Postingan
More aboutCara Memasang Tombol Share On Facebook di Akhir Postingan

Menampilkan Top Post Atau Artikel Terpopuler

Posted by Unknown on Thursday, September 3, 2009

MENAMPILKAN TOP POST POSTINGAN TERPOPULER. Agar para pengunjung dapat mengetahui postingan apa saja yang paling popular pada blog kita, kita dapat memasang widget top post pada side bar. Di sini, Tips dan Trik Blog akan mengetengahkan widget yang dapat menampilkan postingan terpopuler (top post) yang saya dapatkan ketika melakukan “blogwalking” di “rumahnya” O-om. Top post (artikel terpopuler) yang ditampilkan pada widget ini didasarkan pada banyaknya komentar yang dilakukan oleh pengunjung blog pada setiap postingan. Jika tertarik, silakan ikuti tips memasang Widget TOP POST yang dibuat dengan bantuan Yahoo Pipes ini bersama Tips dan Trik Blog.

Kelemahan Widget TOP POST ini

Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>



Keterangan

Ubah nama_blog dengan nama blog Anda tanpa “http”

Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Jika ingin melihat hasilnya, silakan kunjungi Tips Trik Komputer.

(sumber : o-om.com)


Description: Menampilkan Top Post Atau Artikel Terpopuler Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilkan Top Post Atau Artikel Terpopuler
More aboutMenampilkan Top Post Atau Artikel Terpopuler

Membuat Menu Navigasi Horisontal

Posted by Unknown on Tuesday, September 1, 2009

Tips Membuat Menu Navigator Horisontal Sederhana. Lagi-lagi, tips kali ini adalah tips yang sudah basi namun sekali lagi, pasti masih ada new blogger yang belum mengetahui dan membutuhkannya. Jika pun tidak ada yang membutuhkannya biarlah postingan ini menjadi sampah blog, yang penting nge-blog. Yang tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Sebelumnya, jika ada yang belum paham, Tips dan Trik Blog akan sedikit memberi gambaran mengenai Menu Navigasi Horisontal ini. Menu Navigasi Horisontal adalah sederetan menu horizontal (memanjang ke samping) yang berfungsi sebagai navigator atas suatu halaman blog atau URL blog. Ketika pengunjung melakukan klik pada menu-menu tersebut maka pengunjung akan di bawa menuju ke link atau halaman yang telah kita setting sebelumnya.

Dengan melihat fungsinya tersebut, kita dapat mengaplikasikan Menu Navigasi Horisontal untuk berbagai keperluan, misalnya kita dapat membuat menu yang menunjuk ke link URL blog kita yang lain atau pun halaman blog yang kita anggap penting lainnya, seperti halaman buku tamu, dan lain-lain.

Screenshot contoh Menu Navigasi Horisontal adalah seperti di bawah ini.


Langkah-langkah membuatnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode ]]></b:skin> (jika menggunakan Firefox, gunakan saja Ctrl + F untuk memudahkan pencarian kode tersebut).

Ketiga, copy kode di bawah ini di atas kode ]]></b:skin>

.menuhorisontal{
width: 100%;
overflow: hidden;
}

.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Arial; /* jenis dan ukuran huruf */
list-style-type: none;
}

.menuhorisontal li{
display: inline;
margin: 0;
}

.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid black;
border-left:1px solid black;
color:#071907;
background: #A9F5A9; /*warna background Menu*/
}

.menuhorisontal li a:visited{
color: #088A08; /* warna teks menu jika linknya pernah dikunjungi*/
}

.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#58ACFA; /*Warna Background Ketika Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}


Keterangan, silakan untuk mengganti warna dan juga font sesuai dengan selera masing-masing. Kode html untuk warna silakan lihat di sini.

Keempat, langkah berikutnya adalah cari dan temukan kode berikut ini.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Testing Blog (Header)' type='Header'/>
</b:section>
</div>


Atau jika tidak ketemu, cari kode yang mirip atau jika bingung cari kode yang diapit warna merah.

Kelima, tempatkan kode di bawah ini di bawah kode di atas tersebut.

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>


Keenam, simpan template

Ketujuh, langkah berikutnya adalah kita menuju menu Elemen Halaman (Dasbor >> Tata Letak >> Elemen Halaman).

Sekarang kita sudah dapat menambahkan gadget yang letaknya di bawah header.




Kedelapan, klik Tambah Gadget >> Tambahkan HTML/Javascript

Kesembilan, copy kode dengan format seperti di bawah ini.

<div class="menuhorisontal">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://onoid.blogspot.com">Tips Trik Komputer</a></li>
<li><a href="http://tips-net.blogspot.com">Tips Internet</a></li>
<li><a href="http://clixsense2007.blogspot.com">Bisnis Internet<a></li>
</ul>
</div>


Keterangan
Silakan untuk mengganti URL dan Link Teks sesuai dengan kehendak masing-masing.blognya masing-masing.

Kesepuluh, Simpan Perubahan

Kesebelas, refresh blog dan pastikan menu navigasi horizontalnya sudah “nangkring” pada header blog kita.

Selamat Mencoba!!

(sumber referensi : Tutorial Jitu)
Description: Membuat Menu Navigasi Horisontal Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Menu Navigasi Horisontal
More aboutMembuat Menu Navigasi Horisontal