Kamis, 23 Februari 2012

Cara Membuat Menu Horizontal di Blogspot

Bagaimana Cara Membuat Menu Horizontal di blogspot seperti menu kolom Home, About, Contact and Other secara horizontal, banyak jenis menu horizontal yang bisa divariasikan, seperti dengan dropdown CSS ,multi level jquery ,navigasi slide dan dengan html jquery.
tapi kali ini akan diberikan tutorial bagaimana Cara Membuat Menu Horizontal pada Blogspot, berikut caranya :
-Login ke blogger.com, lalu pilih design .
-Pilih Edit HTML, download full template untuk menghindari terjadinya kesalahan pada saat terjadinya Error
  jadi Anda bisa mengembalikan lagi bentuk template  seperti semula.
-Lalu Klik kotak expand template widget pada template Anda, dan cari kode: </b:skin>
Hapus kode tersebut dan ganti dengan kode:
</b:skin><style type='text/css'>.pagemenu-container #pagemenu{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:#000 repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase}.pagemenu-container #pagemenu ul{margin:0;5px;0px;5px;padding:0;border:1px solid $bordercolor;list-style-type:none;width:860px}.pagemenu-container #pagemenu ul li{display:block;float:left;margin:0 1px 0 0}.pagemenu-container #pagemenu ul li a{display:block;float:left;color:#fbdafa;text-decoration:none;padding:10px 18px 0 18px;height:28px}.pageme nu-container #pagemenu ul li a:hover,.pagemenu-container #pagemenu ul li a.current{color:#fff;background:#306 no-repeat top center}</style>
Kemudian silahkan Anda cari kode: <div id='content-wrapper'>
Lalu silahkan dihapus dan diganti dengan:
<div class='pagemenu-container'> <div id='pagemenu'> <ul> <li class='page_item home'><a href='http://estigoplosango.blogspot.com/' title='Home'>Home</a></li> <li class='page_item page-item-2'><a href='http://estigoplosango.blogspot.com/' title='About'>About</a></li> <li class='page_item page-item-3'><a href='http://estigoplosango.blogspot.com/profile/16474552668039271355' title='Contact Us'>Contact</a></li><li class='page_item page-item-4'><a href='http://tutorialplan.blogspot.com//2011/10/daftar-isi.html' title='Daftar Isi'>Daftar Isi</a></li><li class='page_item page-item-5'><a href='http://estigoplosango.blogspot.com/2012/12/belajar-blog-l.html' title='Belajar Blog'>Blog</a></li></ul></div> </div> <div id='content-wrapper'>

Keterangan:
Kode background: #000 : warna latar belakang dari menu horizontal, #000adalah kode warna hitam, Kode tersebut dapat Anda ganti sesuai dengan keinginan Anda misalkan untuk kode warna  Biru, kodenya adalah #0C36F5.
Kode width:860px : panjang horizontal menu nya, silakan samakan dengan panjang pada kode #header-wrapper atau panjang #outer-wrapperblog Anda.
Kode {color:#fff;background:#306 no-repeat top center} : warna text dan warna background pada saat disorot dengan pointer mouse.
Untuk diingat bahwa url link http://estigoplosango.blogspot.com/ diganti dengan Blog kepunyaan Anda .

Selamat mencoba........

Selasa, 21 Februari 2012

Cara Membuat Blog di Blogger

Langkah pertama sebelum membuat Blog kita harus menyiapkan Email atau membuat Email terlebih dahulu untuk menautkan akun Blogger kita pada Email dan disarankan Kita sebaiknya menggunakan Email dari Google yaitu GMAIL karena Blogger merupakan Produk dari Google juga, walaupun untuk pertama kali untuk membuat Blog dari Blogger secara Gratis tidaklah sulit jika kita memperhatikan petunjuknya dalam Proses pembuatannya, dan berikut ini akan di jelaskan langkah-langkah pembuatannya sebagaimana seperti di terangkan diatas tadi setelah Anda membuat Email silahkan Anda mengunjungi situs di www.blogger.com, Untuk lebih jelasnya silahkan disimak penjelasan di bawah ini:...

Cara Membuat Blogspot di Blogger

1. ketik Url http://www.blogger.com, atau dapat Anda cari di Google Lalu  masukan alamat Email yang telah Anda buat tadi lalu masukan Password akun Gmail Anda Kemudian klik MASUK / Get Started, tampilannya seperti ini.



2. Silahkan Anda memasukan alamat Email, Password Gmail anda dan klik MASUK / Get Started, Isi Alamat Email, Nama Anda, Nama tampilan dan klik penerimaan persyaratan. Kemudian klik LANJUTKAN


3. Buat Judul Blog Anda, dan Alamat Blog yang diinginkan lalu klik LANJUTKAN.


 4. Untuk memulai blog kita, maka kita harus klik tombol CIPTAKAN BLOG ANDA


5. Kita dapat memulai dengan memberi judul serta menentukan alamat blog (URL) kita.
Setelah kita menentukan alamat blog, kita harus klik CEK KETERSEDIAAN untuk mengetahui alamat blog tersebut masih tersedia atau sudah terpakai/Valid.



 6. Kemudian tentukan Template yang anda inginkan lalu klik LANJUTKAN.



7. Setelah Anda Klik lanjutkan maka tampilannya akan terlihat seperti gambar di bawah ini kemudian Klik tanda panah warna merah untuk memulai Blogging....Selesai..... Selamat menulis... Happy Blogging.....

Kamis, 02 Februari 2012

Cara Membuat Tabel Di Blog/Blogger

Tanpa basa-basi langsung aja..ya....

Cara Membuat Tabel Di Blog Blogger.

Untuk membuat tabel di blogger kita hanya perlu beberapa kode html saja, yang nantinya akan kita gunakan dalam pembuatan tabel, berikut kode-kode html tersebut:
<table> dan </table>
<tr> dan </tr>
<td> dan </td>.

Mari kita mulai praktek. Silahkan
Baca selengkapnya ยป