Cara Mengecek Berat Blog dan Web

Cara Mengecek Berat Blog dan Web - Untuk melihat seberapa berat blog kamu, letakkan URL blog di form di bawah ini. Maksimum 10 URL dan setiap URL diberi antara satu baris. Dengan tools ini kita dapat mengetahui seberapa cepat blog kita, ringan atau berat. Contohnya untuk blog yang ingin memberi sang empunya uang, dia harus tampil seringan mungkin agar diminati para pengunjung karena aksesnya yang memuaskan dan tidak berat.

Doamin Anda(s): Masukkan setiap URL pada baris baru (Maximum 10) (eg. www.bos-sulap.blogspot.com)

Membuat Halaman Statis di Blogger

agaimana cara membuat halaman statis di blogger atau blogspot?

1. Masuk ke blogger in draft lalu masukkan email yang anda gunakan di blogger serta password anda.

2. Setelah masuk ke dalam dashboard, di pojok kanan atas, ada pilihan untuk menjadikan blogger in draft sebagai kondisi default. Kalau anda mau, anda bisa memberikan centang. Sehingga setiap login ke blogger.com nantinya anda otomatis masuk ke blogger in draft.

3. Setelah itu klik edit posts.

4. Lalu klik “edit pages”, lalu klik “new page” untuk membuat halaman statis blogspot baru.

5. Lalu anda buat halaman statisnya,seperti di bawah ini misal

Isinya bisa anda kreasikan sesuai kebutuhan anda. Misalkan di judul anda tuliskan:Temukan Rahasia Blog Sukses Spektakuler.

Lalu di tubuh halamannya misal anda tulis,

Ingin tahu bagaimana rahasia blog sukses spektakuler yang mampu meledakkan bisnis internet anda?
Jawabannya hanya ada di Rahasia Blogging

(Jangan lupa untuk memasukkan URL Rahasia Blogging anda.)

6. Jika sudah, klik “publish page” atau jika ingin menyimpannya klik “save as draft”

7. Kalau anda klik “publish page” ketika pertama kali melakukannya akan muncul pilihan. Apakah anda ingin memasukkannya ke sidebar, tabs, atau memasukkannya secara manual ke link yang anda inginkan?

Pilih salah satu dan klik “save and publish”.

8. Untuk melakukan pengaturan posisi seperti yang anda inginkan, anda bisa masuk ke “layout” dan “page elements”

Kalau sebelumnya anda mempublikasikan halaman statis blogspot anda, anda tinggal mengatur letak widgetnya dengan menariknya.

9. Tapi jika belum, untuk memunculkan widgetnya, anda bisa klik add a gadget.

Di halaman baru yang muncul, anda klik pages.

Lalu anda bisa atur pilihan sesuai kebutuhan anda. Jangan lupa klik save.

Kalau sudah, anda bisa tarik gadget tersebut di posisi yang anda inginkan.

Sangat mudah kan

Menambahkan Icon Pada Link List

Sekarang kita akan mencoba menambahkan icon pada label dan link sidebar. Yang dimaksud dengan icon link list adalah icon kecil di samping daftar link yang biasa kita tempatkan pada sidebar blog kita. Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com, photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau dengan alamat penyimpanan seperti ini:

http://i35.tinypic.com/2n03mgz.jpg

Nanti bisa anda ganti dengan icon milik anda. Seperti biasa login ke blogger dengan id anda. Cari kode berikut:

.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}

Mungkin ada perbedaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar atau cari kode yang hampir mirip. Kemudian tambahkan alamat icon anda di bawahnya. Contohnya:

.sidebar li {
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .20em;
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}

Lalu klik tombol Simpan Template dan lihat hasilnya. Jika tidak ada masalah, hasilnya akan seperti gambar di bawah ini :

Di sebelah kiri daftar link dan label akan ada icon panah kecil. Oke selamat menambahkan icon pada label dan link sidebar, mudah-mudahan berhasil ya...

Mendaftarkan Blog Ke Search Engine Google

Sebenarnya cara yang relatif mudah untuk menarik pengunjung ke blog kita. ialah banyak-banyaklah berkunjung ke blog lain, isi shoutbox nya dan kalau perlu berkomentar, semakin akrab semakin baik. karena dengan cara demikian sebenarnya kita telah beriklan tentang keberadaan blog kita sendiri.

Namun jika blog kita ingin menarik pengunjung dari hasil pencarian - dan ingin terindex ke dalam mesin pencari (Search Engine) seperti google dan yahoo. yang harus kita lakukan adalah mendaftarkan blog kita ke dalam mesin pencari tersebut.

Memasukan Url Or Alamat Blog Ke Google.

Daftarkan blog kita ke google melalui situs sini. Google add Url.

Url : isi dengan alamat blog anda

Commnets : masukan keterangan tentang blog anda. >> add url

Verifikasi Dan Submit Ke Webmaster Tools.

Langkah selanjut memperifikasi dan men submit sitemap blog anda ke webmaster tool.

1. buka google webmaster tools kemudian daftar mengunakan gmail account yang kita miliki.

2. klik tab Add a Site

3. Enter the URL of a site you'd like to manage. masukan alamat blog anda - tampa di awali dengan http:// atau www. misal >> rizjournal.blogspot.com.

klik Continue.

4. Kemudian pada halaman Verification status, .. dgn cara pilih klik kanan mouse copy.



5. Login / masuk pada blog anda ( blogger.com ), kemudian dalam halaman Template, pilih >> tabEdit Html. masukan dan simpan meta name verifikasi yang tadi kita copy setelah tag :

Setelah beres klik tombol >> Save Template / Simpan Perubahan.

6. Kembali ke halaman google webmaster tool. kemudian klik tombol Verify, untuk mengkonfirmasi pendaftaran.

7. Jika berhasil ter Verifikasi maka anda akan masuk pada halaman Dasboard .

Submit A Sitemap

Setelah blog kita terverifikasi, langkah selanjut mensubmit sitemap / peta situs blog kita. Untuk blogspot sitemapnya tidak serumit blog lain.

Untuk mensubmit sebuah sitemap dalam halaman dasboard cari tulisan Sitemaps kemudian klik link tulisan Sumbit a Sitemap.

Setelah itu pada halaman sitemaps klik tombol Add a site, dan masukan kode ini pada kotak isian >>Submit Sitemap

atom.xml?redirect=false&start-index=1&max-results=500

Keyword Dan Keterangan Blog

Keyword atau kata kunci merupakan bagian dari penjelasan di atas. Walaupun menurut sebagian master seo. google dan search engine lainnya sudah tidak mendata lagi informasi dengan bantuan keyword yang ada pada sebuah situs web/blog.

Dan saya pun tidak akan menjelaskan panjang lebar tentang keyword ini, karena begitu luas dn dinamisnya – yang tidak mungkin saya bisa jabarkan dalam satu artikel. Namun untuk panduan dasar bisa anda donwload E-book “ Search Engine Optimization – Starter Guide pdf “.

Sedangkan untuk menyimpan atau menambah meta keyword dan meta description, tambahkan saja kode berikut ini, di bawah kode verifikasi di atas.

Tips Menang Kontes Menjadi Blogger yang Bahagia

sehubungan adanya kontes seo "Menjadi Blogger yang Bahagia" saya memberikan tips bagi para blogger yang mengikuti kontes ini :

1. Tulis judul artikel anda dengan kata kunci yang Menjadi Blogger yang Bahagia

2. Tebalkan setiap kalimat Menjadi Blogger yang Bahagia seperti yang saya lakukan

3. Buat link yang diminta ke penyelenggara kontes

4. Tagline anda harus sesuai judul artikel, supaya search engine bisa menangkap kata kuncinya, lihat tag artikel ini.

5. Jangan lupa, permalink artikel anda! Susun berdasarkan %postname%supaya langsung dibaca oleh search engine.

6. Buat Link ke blog utama anda, juga ke artikel yang di lombakan

Lihat Artikel saya Menjadi Blogger yang Bahagia yang diikut sertakan dalam lomba supaya anda lebih mengerti

Cara Pasang Iklan di Blog (KuumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Gimana enak gak? mau? ikuti caranya dibawah ini

Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com

Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In

Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger

Isi form sesuai perintahnya lalu klik tombol "Submit"

Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com

Nah selesai

Selamat datang didunia Blogger dan selamat datang didunia periklanan.

Jquery Multi Level Menu Horizontal

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya


langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>

.jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}

Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi

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

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"



Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.