Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you: Dulu sebelum ada yang namanya kode CSS, menu navigasi dibuat dengan menggunakan table dengan kode HTML. Baik itu secara horizontal menu atau vertikal menu. Bahkan, untuk membuat sebuah layout website pun masih pake table. Nah...kalo sekarang udah ga zaman bikin menu navigasi dengan table udah ada cara lain yaitu dengan menggunakan kode CSS. Berikut cara-caranya dan mudah2an dapat dipahami.........

Membuat menu blog menggunakan CSS

Sebelum dimulai, perlu diketahui bahwa untuk menempatkan kode CSS di blog yaitu harus diantara tag <head> dan </head>. Atau untuk lebih gampangnya, simpan aja diatas kode

]]></b:skin>
</head>

Ok....langsung aja ke cara membuat kode CSS untuk menu navigasi.
Pertama anda harus buat dulu kode css untuk tag pengaturan menu navigasi. Lihat kode dibawah ini :

#menu
{
margin-bottom: 10px;
height: 29px;
background: transparent ;
padding: 0px 0;
}

Setelah itu, buat kode CSS untuk merubah format default untuk tag ul dan li

#menu ul
{
margin: 0;
padding: 7px;
height: 29px;
text-align: center;
}
#menu ul li
{
list-style: none;
display: inline;
}

Maksud dari kode CSS diatas adalah untuk merubah format tag ul dari vertikal ke horizontal serta mengatur margin dan padding tiap menu navigasi. Selanjutnya, buatlah kode CSS untuk membuat variasi link dari menu navigasi. kodenya :

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color: white;
margin-bottom:4px;
padding: 13px 7px 13px 7px;
font-size: 1em;
font-family: 'lucida grande', arial, sans-serif;
font-weight: bold;
text-decoration: yes;
background: url(http://i283.photobucket.com/albums/kk315/
meezanx_2008/menu.gif) repeat-x;
background-position:center;
}

#menu ul li a:hover
{
color: white;
}

Nah.....kode2 diatas itu semua adalah Tutorial mebuat kode CSS menu navigasi. Untuk lebih jelasnya dan cara menyimpan kode tersbut di template blog anda ikuti langkah2 berikut :

* Login ke Blogger lalu pilih layout kemudian edit HTML
* Sebagai kemanan silahkan download dulu template anda
* Ingat....Jangan kasih tanda checklist pada kotak Expand Template Widget.
* Cari kode berikut :

]]></b:skin>
</head>

* Kalo sudah ketemu. silahkan copy paste kode berikut di atas kode HTML tadi

#menu
{
margin-bottom: 10px;
height: 29px;
background: transparent ;
padding: 0px 0;
}
#menu ul
{
margin: 0;
padding: 7px;
height: 29px;
text-align: center;
}
#menu ul li
{
list-style: none;
display: inline;
}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color: white;
margin-bottom:4px;
padding: 13px 7px 13px 7px;
font-size: 1em;
font-family: 'lucida grande', arial, sans-serif;
font-weight: bold;
text-decoration: yes;
background:
url(http://i283.photobucket.com/albums/kk315/meezanx_2008/menu.gif)
repeat-x;
background-position:center;
}

#menu ul li a:hover
{
color: white;
}
* Setelah selesai copy paste nya, cari kode berikut :

<div id='content-wrapper''>

* Kalo sudah ketemu (harus) copy kode berikut di atas kode html tadi

<!-- MULAI MENU -->
<div id='menu'>
<div style='display:none;'>
<img alt='preload' src='menuon.png'/>
</div>
<ul>
<li><a href='URL ANDA' target='_blank">Text Anda</a></li>
<li><a href='URL ANDA' target='_blank">Text Anda</a></li>
<li><a href='URL ANDA' target='_blank">Text Anda</a></li>
<li><a href='URL ANDA' target='_blank">Text Anda</a></li>
</ul>
</div>
<!-- AKHIR MENU -->
Catatan Penting :

1. Ganti URL ANDA dengan link yang anda maksud dan Text Anda dengan nama dari masing - masing link. Lihat Cara Membuat Link.
2. Jika anda mengerti kode CSS, anda bisa ganti kode CSS-nya, sesuai dengan kebutuhan anda.

Kalo sudah selesai, save template.

Good Luck.....
SEO Tutorial Blogger
2013, By: Seo Master

seo Membuat menu blog menggunakan CSS 2013

Seo Master present to you:
Mau tahu cara membuat blog ? apakah membuat blog itu sulit?. Mungkin itulah sedikit pertanyaan yang muncul ketika seseorang ingin belajar blog. Pada awalnya, orang yang memang baru pertama kali mengenal blog merasa bahwa membuat blog itu merupakan hal yang sulit. Padahal kenyataannya tidak sama sekali.

Membuat blog adalah sesuatu hal yang mudah. Bahkan hanya dengan bisa membaca saja, temen-temen sudah bisa membuat blog ko. Tidak seperti zaman dulu, dimana ketika seseorang ingin membuat blog, mereka harus mengerti terlebih dahulu tentang web programming.

Seiring dengan berkembangnya dunia teknologi dan informasi, saat ini proses pembuatan suatu blog sangatlah mudah. Selain itu, membuat blogpun tidak dipungut biaya sepeserpun, melainkan hanya bermodalkan koneksi internet saja sudah cukup.

Sampai saat ini, sudah banyak sekali situs-situs yang menyediakan layanan blog gratisan. Beberapa diantaranya yang sudah sangat terkenal yaitu : blogger.com, wordpress.com, blogsome.com, dagdigdug.com dan lain sebagainya.

Nah pada tulisan saya kali ini, saya hanya akan membahas bagaimana cara membuat blog di blogger. dan sebelum temen2 belajar untuk membuat blog di blogger.com, ada satu hal penting yang memang harus temen2 miliki yaitu alamat email. Jika belum silahkan membuat alamat email terlebih dahulu di gmail.com. Setelah memiliki alamat email, sekarang saatnya belajar cara membuat blog di blogger.com.

Langkah-langkah Membuat Blog di Blogger.Com

* Silahkan buka http://blogger.com di browser anda.
* Kemudian klik tulisan ciptakan blog anda
* Setelah itu, akan muncul beberapa form yang harus anda isi. Silahkan isi form tersebut sesuai dengan perintahnya.
o Alamat email → isi dengan alamat email anda
o Ketik ulang alamat email → isi kembali dengan alamat email seperti sebelumnya
o Masukan sebuah password → Tuliskan password anda
o Ketik ulang sandi → tuliskan kembali password anda
o Nama tampilan → silahkan isi dengan nama anda
o Verifikasi kata → isi dengan text sesuai gambar
o Penerimaan persyaratan → kasih tanda checklist pada kolom yg disediakan
o klik lanjutkan

* Langkah selanjutnya yaitu memberi nama blog anda
o Judul Blog → isi dengan judul blog anda
o Alamat blog → isi dengan alamat blog yg anda inginkan. Pada kolom ini, anda harus menuliskan alamat blog yang unik. Karena bisa saja alamat blog yang anda tuliskan sudah dimiliki oleh orang lain
o klik lanjutkan
* Sekarang saatnya memilih template blog anda. Silahkan pilih salah satu template blog yang telah disediakan, kemudian klik lanjutkan
* Terakhir klik mulai blogging

Nah…sampai dengan langkah ini, anda sudah berhasil membuat blog. Untuk langkah selanjutnya, silahkan anda mulai menulis artikel untuk di tampilkan di blog anda.
Selamat Mencoba, salam blogger mania.......
SEO Tutorial Blogger
2013, By: Seo Master

seo Tutorial membuat blog di blogger 2013

Seo Master present to you:
Mendaftarkan blog ke Google diperlukan agar blog anda bisa dicari melalui Google. ketika blog baru dibuat google belum dapat menemukan blog anda. cobalah ketik keyword atau bahkan alamat URL situs anda pada google niscaya blog anda tidak akan muncul pada list hasil pencarian. Itu artinya blog anda belum terindex oleh google. Perlu usaha agar blog bisa terindex oleh google. diantara yang bisa dilakukan adalah mendaftarkan blog ke Google.

Kenapa saya khususkan pendaftaran ke Google? karena Google inilah yang paling banyak digunakan oleh para pengguna internet. selain Google mesin pencari lain yang juga populer adalah YAHOO dan BING (MSN), ketiga search engine tersebut menguasai pasar search engine sampai 75%. Pada prinsipnya proses pendaftaran ke search engine lain mirip dengan pendaftaran ke google. Jadi anda tinggal meniru langkah-langkah yang akan saya jelaskan nanti dan dipraktekan pada situs mesin pencari lainnya.

Proses pendaftaran situs / blog ke Search Engine tidaklah sulit anda hanya perlu melakukan langkah mudah seperti berikut:



(Klik pada gambar untuk melihat gambar lebih besar)

  • Kemudian isilah kolom URL dengan alamat blog (anda lengkap dengan http://) misal http://rajakontes.blogspot.com
  • Isi kolom comment dengan penjelasan singkat mengenai blog anda.
  • ketik ulang tulisan yang ada dalam kotak kedalam kolom dibawahnya seperti pada gambar.
  • Klik tombol tambahkan url jika anda menggunakan google.co.id atau tombol submit jika anda menggunakan google.com


    • 2. Daftar ke Yahoo

    Pada dasarnya pendaftaran blog ke yahoo juga ke search engine lainnya mirip dengan cara pendaftaran ke google. hanya saja untuk daftar ke yahoo anda harus memiliki akun yahoo (Email Yahoo), jadi b    agi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu.

    • Untuk mendaftar anda bisa mengunjungi:
    https://siteexplorer.search.yahoo.com/submit

    Akan muncul tampilan seperti ini:

    • Klik Submit a Website or Webpage dan muncul tampilan berikut:
    • jika anda belum login ke yahoo anda akan diminta login terlebih dahulu, isikan username dan password akun yahoo anda.
    • Selesai

    Setelah anda mendaftar ke Google dan Yahoo, maka tidak serta merta blog anda terindeks pada mesin pencari nya, biasanya diperlukan waktu 3 sampai 4 minggu agar blog anda bisa terindeks. Untuk mempercepat pengindexan blog anda dapat di coba Tips dan Trik dari Raja Kontes disini.

    Sebenarnya ada cara yang lebih mudah dalam proses pendaftaran ke berbagai search engine sekalugus yakni dengan menggunakan software atau situs Auto Submitter. dimana anda hanya perlu satu kali mengisi data kemudian klik dan blog anda akan segera terdaftar di berbagai search engine. Anda bisa klik disini untuk mengetahui caranya.

    Selain mendaftar ke search engine sebenarnya banyak cara yang bisa kita lakukan agar blog kita bisa lebih dikenal dan lebih banyak di kunjungi, misanya dengan rajin berkunjung ke blog milik orang lain (Backlink), mendaftarkan ke berbagai agregator dan direktori.

    Oh.. ya, Jangan lupa untuk memposting artikel sebelum mendaftarkan blog ke Google karena Google tidak akan mengindeks blog tanpa postingan. Jadi jika anda baru membuat blog, segera buat artikel dan posting sebelum anda mensubmit blog anda ke Google.

    Tidak lupa saya sarankan untuk membuat tulisan yang bermanfaat dan banyak dicari (seperti artikel ini ) supaya trafik blog anda meningkat, Oke..!!

    2013, By: Seo Master

    seo Mendaftarkan Blog Ke Google 2013

    Powered by Blogger.
    Design by Dev Nasser