Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

• Kode warna hijau: ganti dengan URL Feeds sobat
• Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png 

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Loading yang ringan pada blog merupakan salah satu cara untuk membuat orang senang berkunjung di blog kita, apalagi ditambah artikel-artikel yang keren, pastinya pengunjung akan membanjiri blog sobat. Cara agar loading blog kita cepat (tidak lemoet) adalah dengan memperingkas tampilan dan tidak terlalu banyak widget, salah satu caranya adalah dengan membuat widget Menu TAB View.

Menu TAB view merupakan widget tambahan berbentuk tab. Dengan cara menggunakan tab view kita dapat menghemat sidebar pada blog kita sehingga kita tidak perlu menambahkan banyak widget yang akhirnya akan memberatkan loading pada blog kita.

Untuk tampilan tab view ini lebih trendi dan menarik, tapi ini bukan berarti tampilan untuk tab view yang lama buruk. Nah, mari kita langsung ke bagaimana cara untuk membuat tab view pada blog.

1. Silahkan Login ke blog sobat
2. Masuk ke tab Perancangan lalu pilih edit HTML
3. Seperti biasa centang "Expand widget templates" untuk menghindaran apabila terjadi kesalahan.
4. Silahkan cari kode ]]></b:skin> Tekan CTRL+F untuk mengeluarkan kotak pencarian
5. Setelah ketemu kode diatas silahkan letakkan kode dibawah ini di atas kode ]]></b:skin>

/* tab model 2 ateonsoft.com */ div.Tabateonsoft div.TFs {height: 30px; overflow: hidden;} div.Tabateonsoft div.TFs a {float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em; background:#f0f0f0; color: #333; border-top:1px solid #CCCCCC; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #cccccc; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 0px; } div.Tabateonsoft div.TFs a:hover { background: #E8E8E8; border-top:1px solid #999999; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #999999;} div.Tabateonsoft div.TFs a.Active { background: #333; color: #000000; border-top:1px solid #999999; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #999999; font-weight:bold; color: #ffffff;} div.Tabateonsoft div.Pages { clear: both; overflow: hidden; height:333px; border:1px solid #EFF0F1; padding:0;background: #222222; -moz-border-radius:5px;} div.Tabateonsoft div.Pages div.Page {height: 100%;padding: 0px; overflow: hidden; } div.Tabateonsoft div.Pages div.Page div.floor { font-size:12px;padding: 3px 5px; text-align:left;}

5. Letakkan kode dibawah ini diatas kode </head>

<script src='http://zuazz.googlecode.com/files/ateonsoft_tab.js' type='text/javascript'/>

6. Save template
7. Masuk ke tab Elemen laman
8. Tambahkan widget HTML/JavaScript
9. Silahkan letakkan kode dibawah ini di dalam widget HTML/JavaScript

<form action="tabateonsoft.html" method="get"> <div class="Tabateonsoft" id="Tabateonsoft"> <div class="TFs"> <a>tab1</a> <a>tab2</a> <a>tab3</a> <a>tab4</a> </div> <div class="Pages"> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 1 anda </div> </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> Disini letakkan kode untuk tab 2 anda </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 3 anda </div> </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 4 anda </div> </div> <!-- end Tab --> </div> </div> </form> <script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>

Setelah itu simpan dan lihat hasilnya.

Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.

Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.

Berikut tutorial penggunaan kode script untuk mempercepat loading blog :

• Masuk ke akun blogger anda
• Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
• Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
• Beri tanda centang pada Expand Template Widget.
• Cari kode </head> gunakan CTRL + F pada keyboard.
• Lalu letakkan kode berikut di atas kode </head>.
  
  <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
  <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2tN4p2YjHM-QrJygE8DVzDZunOz81_TRFymkxhQcny8bpj8WmQTRIggBTn8iCN2l8o_G6qr7IUHN6HveowOBC3m4lYR7SEmvQUHz8h-Kn2G7rmqfZEFNGnRpnTcfOo8Fnh8-zOpEbqtc/&quot;,threshold : 200}); }); </script>
• Terakhir klik Simpan Template.

Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...

Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.

Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.

Berikut beberapa cara yang bisa kita terapkan pada blog :

Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".

Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.
  
• Simpan Setelan

Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".

Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Footer Feed Posting" klik "Tambahkan".
  
• Lalu masukan script dibawah ini:
  
  <a href="URL BLOG">Copyright by: NAMA BLOG</a>
  contoh :
  <a href="http://wadahtutorial.blogspot.com/">Copyright by: Tutorial Blog</a>
  
• Simpan Setelan

Cara ketiga dengan menghapus feed pada Blogger.

Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Izinkan Umpan Blog" pilih "Tak Satupun".
  
• Simpan Setelan.

Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.

Text Berjalan (Marquee Text) merupakan salah satu trik untuk membuat blog lebih atraktif, trik ini sering di gunakan pada sidebar, footer dan postingan, dengan tujuan untuk memperindah Blog, dan agar pengunjung tidak bosen liat blog kita.

Kali ini saya akan berbagi cara membuat text berjalan.

contoh :
"Selamat Datang Di Blog Saya"

Untuk membuat text diatas sobat cukup Copy kode berikut ini dan Paste pada blog Sobat,

<marquee align="center" direction="left" scrollamount="3" width="60%" height="50">

"Selamat Datang Di Blog Saya"

</marquee>

Kata "Selamat Datang Di Blog Saya" dapat Anda ganti dengan tulisan yang Sobat inginkan, selain tulisan Sobat juga bisa menggunakannya untuk Link ataupun image.

Keterangan :

• Direction "Left" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "right", "up" = ke Atas atau "Down" Gerak ke bawah.
• Scrollamount="3" : Kecepatan geraknya, silakan diganti.
• Width : Lebar area marquee.
• Height : Tinggi area marquee.

Silakan dicoba Sob, Semoga bermanfaat...

Selain Text Berjalan (Marquee Text) untuk memperindah Blog, Sobat juga bisa menggunakan trik yang satu ini untuk untuk membuat blog lebih atraktif.

* Selamat Datang *

• Untuk membuat text seperti diatas caranya gampang Sob, cukup copy kode dibawah ini.
  <a style="color: #ff0000; font-size: 22px; text-decoration: blink;">
  Tulisan Anda…
  </a>
  Lalu paste ke mode html tulisan anda.
  Ket :
  color: #ff0000 = kode warna tulisan, ganti dengan kode warna yang Anda inginkan.
  font-size: 22px = ukuran tulisan, atur sesuai keinginan Anda.

• Untuk merubah posisi text, Sobat dapat menambahkan kode berikut :
  <p style="text-align: center;">
  kode
  </p>
  Ket :
  text-align: center = Posisi text di tengah, untuk memindahnya ke kanan sobat dapat mengganti dengan "right" atau "left" (kiri).
  Sebagai contoh saya menggunakan kode berikut :
  <p style="text-align: center;">
  <a style="color: ff0000; font-size: 22px; text-decoration: blink;">* Selamat Datang *</a>
  </p>
  Maka hasilnya akan seperti ini :
  * Selamat Datang *

Selamat Mencoba Sob, Semoga Bermanfaat...

Berikut cara memasang tombol like Facebook pada tiap postingan di blogspot :

• Login ke blogger Anda dan klik Rancangan > Edit HTML.
• Pastikan kotak Expand Template Widget dicentang.
• Cari kode ini <data:post.body/>, supaya lebih mudah gunakan Ctrl + F
• Setelah kode di atas ditemukan, Paste kode di bawah ini. Letakan sebelum atau sesudah kode <data:post.body/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div> </b:if>
• Klik Simpan Template.
• Sekarang coba lihat masing-masing postingan Anda.

Ok, Selamat Mencoba...

Pada postingan yang lalu saya berbagi tentang cara Memasang Tombol Like Facebook Pada Tiap Postingan, untuk kali ini saya bahas cara Memasang Like Box Facebook di Blogspot dan Wordpress.com

Sebelum memasang widget Like Box Facebook, Sobat harus mempunyai akun facebook dan membuat fans page terlebih dulu.
Untuk langkah membuat fans page facebook dapat Sobat ikuti tutorial ini:

• Login ke Facebook. Lalu buka link http://www.facebook.com/pages/create.php?
• Selanjutnya pilih salah satu icon, biar lebih mudah pilih Merek atau Produk.
  
• Pilih Kategori dan isi nama blog Anda pada kolom dibawahnya. Beri centang pada Saya menyetujui Ketentuan Halaman Facebook. Lalu klik Mulai.
  
• Terus ikuti perintahnya sampai selesai, yang perlu di ingat alamat fans page Anda, lihat gambar :
  

Selanjutnya Cara Membuat dan Memasang Like Box Facebook di Blogspot :

• Buka http://developers.facebook.com/docs/reference/plugins/like-box/
• Pada kotak Facebook Pages URL (?), masukkan url dari fans page sobat.
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan Width / lebar dari box yang ingin Sobat tampilkan. Jika sudah selesai klik Get Code.
  
• Pilih IFRAME. Dan Copy kode yang diberikan.
  
• Login ke blogger
• Pilih Rancangan > Edit Laman > Tambah Gadget > HTML/JavaScript, dan pastekan kode tadi di kolom Konten.
  
  Jika belum bisa menambah widget silakan baca Memasang Widget / Gadget di Blogspot
• Save / Simpan dan lihat hasilnya.

Cara Memasang Like Box Facebook di WordPress :

• Login ke wordpress Anda, Masuk ke Appearance > Widget.
  
• Cari widget Facebook Like Box, Drag ke sidebar.
  
• Isi Facebook Page URL dengan alamat URL pages facebook Sobat,
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan lebar box sesuai lebar sidebar, atur pada Width.
• Klik Simpan / Save.
  
• Selesai. Sekarang lihat halaman Blog Anda.

Selamat Mencoba . . .

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.

Berikut ini beberapa tips untuk mempercepat loading blog versi Tutorial Blog :

• Jangan terlalu banyak membuat label blog
• Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan
• Gunakan widget atau banner seperlunya dan buang yang tidak penting.
• Compress CSS biar ukurannya jadi lebih kecil
  
• Kompress Image supaya lebih optimize
• Gunakan template yang simple dan tidak banyak meload gambar
• Edit Template Supaya Valid XHTML

Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.
Sekian Artikel tentang Mempercepat Loading Blog.

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini:

• Siapkan gambar yang akan di optimize.
• Buka www.imageoptimizer.net.
• Klik Browse dan pilih gambar yang akan di optimiskan
• Tentukan ukuran lebar dan tinggi gambar.
• Lalu klik Optimize Now.
  
• Pada halaman selanjutnya klik Download to your Computer.
  
  selesai...

Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.


Untuk langkah mengoptimiskan image :

• Klik kanan pada image pilh Optimize Image As...
  
• Kemudian atur lebar dan tingginya, Lalu klik Optimize
  
  Ok selesai

Silakan di coba Sob, Semoga bermanfaat...

Untuk mengetahui kecepatan loading blog, Anda bisa menggunakan tool page speed, Tool ini memberikan keterangan tentang kecepatan loading sebuah blog saat di tampilkan. Sebagian ada juga yang memberikan keterangan tentang apa saja yang perlu di optimasi pada blog Anda. Dibawah ini akan saya berikan beberapa alamat situs yang menyediakan tool untuk mengecek kecepatan loading blog :

• pagespeed.googlelabs.com
• www.webpagetest.org
• www.iwebtool.com
• tools.pingdom.com
• www.selfseo.com
• www.linkvendor.com

Buat Sobat yang ingin mengetahui loading blognya silakan dicoba situs diatas, buat yang ingin menambah silakan tulis di komentar.
Sepertinya cukup segini aja artikel dari saya tentang Tool untuk mengetahui kecepatan loading Blog.

Feedjit (Widget untuk Mengetahui Pengunjung Blog) | Untuk mengetahui siapa dan dari mana saja pengunjung blog kita, kita dapat menggunakan Widget yang satu ini. widget ini juga membantu kita untuk mengetahui waktu kunjungan di blog.

Langkah pemasangan Widget ini pada Wordpress dan Blogspot tidak sama, karena Wordpress.com tidak mengizinkan kode Javascript, oleh sebab itu pada tutorial ini akan saya bahas cara memasang Feedjit di Wordpress.com dan Blogspot.com

Berikut langkah memasang Widget untuk Mengetahui Pengunjung Blog :

• Memasang di WP.com :

1. Masuk ke http://feedjit.com/joinimg/, akan muncul halaman awal dari website penyedia.
   
2. Tentukan lebar dan berapa entri yang ingin Sobat tampilkan, lalu klik Apply.
   
3. Selanjutnya, copy kode dalam kotak
   
4. Lalu paste ke dalam widget Sobat. dan klik Save.
   
   selesai

• Memasang di Blogspot :

1. Masuk ke http://feedjit.com/plansPricing/
2. Klik Sign Up pada Feedjit Completely Free
   
3. Pada halaman selanjutnya atur tampilan widget seperti keinginan Anda.
   
4. Pada bagian untuk menginstall di blog pilih Other Blog or website. lalu klik GO!
   
5. Lalu Copy kode yang diberikan
   
6. Selanjutnya login ke blogger, klik Rancangan > Elemen Laman
   
7. Pilih Tambah Gadget > HTML / JavaScript
   
8. Paste Kode dari Feedjit, dan klik Simpan
   
   Selesai...

Kiranya sampai disini tutorial tentang memasang Widget untuk Mengetahui Pengunjung Blog

Google Page Rank merupakan sebuah metode yang digunakan Google untuk mengetahui tingkat popularitas Blog atau website. Pemilik blog biasanya memasang Widget PageRank untuk memperlihatkan ranking blognya kepada pengunjung, untuk mengetahui lebih jauh tentang page rank silahkan Sobat baca di en.wikipedia.org.

Pada tutorial ini akan saya bahas tentang cara Memasang Widget Google PageRank di Blog, Widget ini juga bisa dipasang untuk wordpress.com karena menggunakan kode Html.

Berikut Tutorialnya :

1. Masuk ke www.prchecker.info
2. Lalu isi alamat Blog Sobat dan klik Get It.
   
3. Kemudian isi Anti-bot Code dan klik Generate Now.
   
4. Copy kode yang di berikan sesuai dengan widget yang ingin Sobat tampilkan.
   
5. Selanjutnya Login ke Blogger atau wordpress Sobat.
6. Lalu Paste kode dari prchecker tadi pada widget text Html Blog Sobat.
   Silakan di cek tampilannya pada blog Sobat.

Selain prchecker juga ada website lain yang menyediakan widget Google PageRank dengan banyak pilihan tampilan/style badge, caranya pun mudah.

1. Masuk ke halaman http://getrank.org/pagerank-display/ .
2. Pilih salah satu badge yang Anda suka. Lalu klik badge tersebut.
   
3. Setelah itu akan muncul kode HTML dari badge yang Anda pilih. Copy kode tersebut.
   
4. Selanjutnya Login ke Blog Sobat.
5. Lalu Paste kode tadi pada widget text Html Blog Sobat. Selesai.

Semoga Tutorial singkat ini bisa membantu Anda untuk Memasang Widget Google PageRank.

Pada tutorial kali ini saya menulis tentang cara menghapus dan menambahkan label pada postingan. berikut cara menghapus atau menambah label:

• Pada Dasboard Blogger klik Edit Post.
• Lalu beri centang pada postingan yang labelnya ingin kita hapus atau kita tambah.
  
• Untuk menghapus Label:
  Pada Label Actions pilih label di bawah Remove Label, dan Klik pada label yang ingin kita hapus.
  Sebagai contoh saya ingin menghapus label SEO.
  
  
• Untuk menambahkan label:
  Pada Label Actions pilih label di bawah Apply Label dan klik pada label yang ingin di tambahkan pada postingan.
  
  Selesai...

Postingan ini lanjutan dari Membuat Daftar Isi Blog. cuma pada postingan ini daftar isinya di urutkan berdasarkan tanggal postingan. Caranya juga sama dengan Membuat Daftar Isi Blog, cuma kodenya saja yang beda.

• Berikut kodenya :
  <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
  <script src="http://post-xml.googlecode.com/files/feed-dates.js"> </script><script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>
  </div>
  Ganti Alamat wadahtutorial.blogspot.com dengan url atau alamat blog Sobat.

• Jika Anda ingin membuat halaman daftar isi, paste pada post area page/halaman Sobat.
  
  Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar hijau.

• Jika Sobat ingin menampilkan di sidebar, paste pada area HTML gadget Sobat.
  
  Untuk dapat digunakan sebagai Gadget, Sobat harus mengatur height dan width yang ditulis dengan warna biru.

Hasil untuk halaman Daftar Isi akan seperti ini

Ok, Selamat mencoba...

Agar blog Sobat jadi lebih akrab dengan mesin pencari google, dan pengunjung blog kita jadi meningkat, ini memerlukan usaha publikasi yang gencar dari Admin blog. salah satunya dengan mendaftarkan blog ke google. Namun perlu di ingat bahwa untuk mendaftarkan blog ke google tentunya blog Anda harus siap untuk didaftarkan. Jangan mendaftarkan blog yang belum online atau masih sangat miskin konten. Jika blog Anda kurang dari 10 artikel ada baiknya tunggu hingga 10 artikel. Normalnya Index Google akan memakan waktu 5 jam sejak Anda mendaftarkan blog Anda. Lalu setiap 5 jam juga Google akan cek perubahan yang terjadi pada blog Anda.
Buat yang merasa perlu mendaftarkan blognya ke Google ikuti langkah dibawah ini :

1. Klik Google Addurl.
2. Pada halaman selanjutnya isi URL Blog Anda.
3. Isikan  Kode Chapta yang di minta.
4. Klik Submit Request.
   
   Selesai.
   

Perlu di ingat bahwa Anda cukup mendaftarkan blog Anda satu kali saja tanpa perlu mengulanginya lagi. Anda juga tidak perlu memasukkan semua halaman-halaman blog yang ada untuk didaftarkan, cukup halaman utama saja seperti “http://www.alamatbloganda.com“ dan tidak perlu mendaftarkan “http://www.alamatbloganda.com/artikel.html” atau “http://www.alamatbloganda.com/foto.html” atau “http://subdomain.alamatbloganda.com” serta halaman-halaman lainnya.

Semoga Artikel ini bermanfaat dan selamat mencoba...

Cara yang paling mudah untuk mengetahui siapa saja yang mengunjungi blog kita adalah melalui statistik traffic pengunjung, cara ini sudah disediakan oleh Google secara gratis, yaitu Google Analytics.
"Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. Google Analytics dapat menelusuri
pengunjung berdasarkan informasi halaman pengacu, termasuk mesin pencari, iklan, jaringan pay-per-click, email marketing, dan juga tautan yang terkandung dalam dokumen PDF" (Wikipedia).

Berikut cara Mendaftar dan Memasang Google Analytics :

1. Buka Google Analytics.
   
2. Klik Sign Up Now.
   
3. Log In ke akun Google milik Anda.
   
4. Pada halaman Getting Started. Kemudian Klik tombol Sign Up.
   
5. Pada halaman Analytics: Create New Account masukkan informasi berdasarkan blog Anda yang akan didaftarkan.
   
6. Pada halaman Accept User Agreement. Beri centang Yes, I agree to the above terms and conditions. Kemudian klik Create Account.
   
7. Pada halaman selanjutnya copy kode Analytics yang diberikan.
   
8. Selanjutnya masuk ke blogger. Klik pada Rancangan > Edit HTML.
   
9. Beri centang pada Expand Template Widget.
   
10. Cari kode </head>, tekan Ctrl + F pada keyboard paste </head>.
    
11. Paste kode Analytics tadi diatas kode  </head>.
    
12. Klik Pratinjau / Preview, kalau tidak ada kesalahan klik Save / Simpan Template.
13. Kembali ke Google Analytics dan klik Save.
    
14. Tunggu beberapa saat karena Google membutuhkan waktu untuk memeriksa blog Anda. Mungkin beberapa jam atau 1 hari setelah pendaftaran.
    Jika tampilan Dasbord Analitics Anda seperti ini
    
    Berarti Blog Anda telah terdaftar di Google Analytics.

Semoga Bermanfaat...