"SALAM BLOGGER, , !!! TERIMA KASIH UNTUK MAMPIR KE BLOG SAYA & TOLONG SARAN & KRITIK, , !!! "

NamaIconHeader 

Siapa tidak kenal dengan search engine Google, Yahoo, AOL dam MSN, 4 search engine inilah yang harus anda focuskan dalam promosi blog anda, jika anda melihat statistik pada gambar diatas tentu ada bisa menyimpulkan sendiri yang mana search engine yang harus ada opitmalkan, di sini ini saya tidak menjelaskan secara rinci bagaimana mengoptimalkannya tapi anda akan memahami bagaimana cara melakukan promosi dengan mendaftarkan blog anda ke search engine Google, Yahoo dan MSN.


Cara Daftar ke Google:

Google bisa dikatakan sebagai Rajanya search Engine, saya sangat menyarankan untuk mendaftarkan pertama kali blog anda di search engine ini.
Caranya Klik http://www.google.com/addurl/ Kemudian pada formulir pendaftaran Masukan Alamat Blog pada URL dan beri komentar sesuai dengan tema blog anda.


Cara Daftar ke Yahoo:

Yahoo sebagai search engine kedua yang banyak digunakan, untuk mendaftarkan Blog anda ke Yahoo ikuti langkahnya sebagai berikut. Sebelum anda mendaftar di Yahoo pastikan anda sudah memiliki account Yahoo, jika anda sudak memilikinya anda tinggal klik https://siteexplorer.search.yahoo.com/submit kemudian pada kotak isian pertama silahkan memasukan alamat blog anda,
Contoh : http://www.namablog.blogspot.com atau
http://www.namablogana.wordpress.com.
Untuk pilihan kedua anda diminta memasukan alamat feed anda
Contoh :Http://www.namablogana.blogspot.com/atom.xml atau
http://www.namablogana.wordpress.com/rss.xml
kemudian tekan tombol submit.
Cara daftar ke MSN :

Dalam statistik Search Engine, MSN milik Microsoft ini termasuk banyak digunakan jadi sebisanya blog anda juga harus terdaftar di SE ini.
Caranya: klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2 kemudian anda diminta memasukan kode verifikasi dan memasukan alamat blog anda.

Semoga cepat terindex di search engine diatas 

Sumber: http://www.kangfatur.com/2009/11/cepat-terindex-di-google-yahoo-dan-msn_10.html

NamaIconHeader 

Kali ini saya ingin membuat posting mengenai Cara Membuat Menu CSS3 di Blogger, yang hasilnya akan terlihat seperti gambar disamping, sebelumnya saya pernah membuat postingan mengenai 30+ Menu Navigasi Horizontal dengan CSS dan kode HTML dimana dalam postingan tersebut, kita bisa langsung membuat Navigasi Horizontal dengan bermacam-macam jenis.

Akan tetapi yang patut diingat, tidak semua browser support Menu CSS3 ini, untuk melihat tabel browser mana saja yang support CSS3, bisa dilihat di www.findmebyip.com.

Apabila browser anda support dengan CSS3, maka cobalah bermain dengan Animasi Menu CSS3 di bawah ini.

<style type="text/css">
.menuqu ul li{list-style: none; display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
</style>

<div class="menuqu">
<ul>
<li class="menuqu1"><a href='http://www.karsono.co.cc'>Home</a></li>
<li class="menuqu2"><a href='URL 1'>Menu1</a></li>
<li class="menuqu1"><a href='URL 2'>Menu2</a></li>
<li class="menuqu1"><a href='URL 3'>Menu3</a></li>
<li class="menuqu2"><a href='URL 4'>Menu4</a></li>
<li class="menuqu1"><a href='URL 5'>Menu5</a></li>
</ul>
</div>


Langsung saja copy kode di atas di add widget blogger sobat.

PERHATIAN!!
Yang perlu diperhatikan dari kode diatas adalah kode yang berwarna merah, dan angka yang ada di antaranya.
  • angka 0.5s disini menandakan waktu perubahan dari animasi
  • angka 25deg disini menandakan rotasi perputaran dari area menu
  • angka 0deg disini menandakan bentuk akhir dari rotasi perputaran dari area menu
  • untuk huruf menuqu1 dan menuqu2 merupakan kode untuk kondisi dari properti yang telah di tentukan pada kode CSS3-nya


Setelah semua langkah-langkah di atas terlaksanakan dengan baik. Sekarang sobat tinggal Simpan dan lihat hasilnya.

Selamat mencoba semoga bermanfaat.

Sumber: http://www.kangfatur.com/2011/02/membuat-animasi-menu-css3.html

THANKS FOR VISITING TO MY BLOG_____SEMOGA ADA BEBERAPA ISI DARI BLOG INI YANG BERMANFAAT_____TOLONG TINGGALKAN KRITIK & SARANNYA, GW MASIH PEMULA (NEWBIE) . . . . .! ! !

-

cbox
YOU CAN HAVE THIS TEMPLATE JUST GIVE THE MASSAGES. Diberdayakan oleh Blogger.