Showing posts with label Blogspot. Show all posts
Showing posts with label Blogspot. Show all posts

Saturday, April 24, 2010

Verifikasi Google Webmaster Tool

Sebelum berbicara bagaimana cara Verifikasi Google Webmaster Tool, saya akan menjelaskan apa dan fungsi dari webmaster tool dari google. Webmaster merupakan media untuk berkomunikasi antara google sebagai search engine dan kita sebagai pemilik blog. Dengan media tersebut maka blog atau web kita akan lebih mudah diindex oleh google walaupun mempunyai halaman yang dalam, contoh:

home > category > download > product

kurang lebih intinya seperti itu. Bagaimana caranya ? langsung saja ...

1. Login ke blog kamu

2. Masuk ke Setting > Edit HTML

3. Buka situs webmaster tool

4. Add url blog kamu, contoh: www.example.com kemudian klik next












5. Salin meta tag pada form verifikasi ke blog kamu. Meta tag harus berada pada bagian <head>, sebelum bagian <body>.

6. Klik tombol verifikasi

Detail »»

Monday, October 5, 2009

Change Icon Web Addresses



Do you want to display the icon on the browser address bar to your blog/ website more attractive as the image above, enough with the simple steps you can display it. You can create your own icon and uploaded in the web hosting such as photobucket.com. The following are the steps:

1. Go to your blog

2. Click Layout > Edit HTML

3. Check box on Expand Widget Templates

4. Put the following code before </head>

<link href='http://your icon' rel='SHORTCUT ICON'/>


5. Click Save Template

Just try it and good luck.

Detail »»

Monday, July 20, 2009

Memberi Icon Sebelum Judul Posting



Hari ini saya akan berbagi tentang cara memberi icon sebelum judul posting blogger. ini berfungsi untuk mempercantik blog, Kamu bisa menambahkan poto atau icon yang menarik lainnya, caranya sangat mudah:

1. Buatlah icon kamu menggunakan photoshop atau aplikasi image editor lainnya

2. Setelah selesai membuat icon, upload icon tersebut di image hosting seperti photobucket.com dan copy urlnya

3. Buat kode HTML seperti berikut

<img src="your image url"/>


gantilah text yang berwarna merah dengan image url dari photobucket

4. selanjutnya menambahkan ke blogger template. setelah login dan masuk pada layout=>edit html lalu beri centang pada expand widget dan cari kode berikut

<b:if cond='data:post.url'>



5. pastekan kode image url pada no 3 setelah kode pada no 4

6. kemudian klik preview untuk melihat hasilnya dan simpan perubahan tersebut

Detail »»

Tuesday, June 9, 2009

Mengubah Title Blog untuk Meningkatkan Pengunjung dan Seach Engine

Trik ini dapat meningkatkan traffic blog kamu. Ketika kamu mencari sesuatu di google maka blog kamu akan berada di hasil pencarian. Berikut ini triknya :
1. Masuk ke blog kamu
2. Klik menu Layout > Template > Edit HTML
3. Ganti kode Title Blog ini

<title><data:blog.pageTitle/></title>

dengan kode berikut :


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>


4. Simpanlah template kamu dan selesai
selamat mencoba dan jangan lupa comment ya ...

Semoga Bermanfaat ....


Detail »»

Wednesday, June 3, 2009

Pasang Widget Chat di Blog

Adalah meebo.com salah satu situs penyedia IM yang mana kamu bisa memasangnya di blog atau web. Dengan begitu kamu bisa chating dengan pengunjung layaknya Yahoo Messanger di blog kamu. Ini mungkin lebih efisien dan interaktif dari pada menulis comment yang harus ada email dan username.

kamu bisa mendapatkan widget tersebut dengan mengklik ini dan ikuti langkahnya

1. Tuliskan judul widget, nama, ukuran dan warnanya kemudian klik Next

2. Isikan data diri dan password account meebome kemudian klik Next

3. Copy codenya dan sampai disini proses mendapatkan kode sudah selesai

Selanjutnya masuk ke dashboard blog kamu dan ...........

1. Langsung menuju Layout

2. Klik Tata Letak > Elemen Halaman

3. Tambah widget dengan klik Tambah Gadget

4. Pilih yang HTML/JavaScript

5. Langsung paste saja di kolom yang tersedia

6. Klik tombol Simpan dan selesai ...........

Selain meebome.com juga ada yang lebih seru yaitu www.stickam.com yang memungkinkan live video chating dan berbagi video, gambar dan music.


Semoga Bermanfaat ............


Detail »»

Wednesday, May 27, 2009

Cara Pasang Widget Profil Facebook

Facebook sangat pesat perkembangannya, sampai-sampai mengalahkan situs populer pendahulunya yaitu google dan yahoo (dikutip dari kabarit.com). Di blog pun banyak yang memasang profil facebook. Untuk memasang widget facebook sangat mudah :

1. Log In ke akun Facebook kamu

2. Klik menu Profile

3. Selanjutnya klik Buat Lencana Profile yang ada di kiri bawah

4. Klik Buat Lencana

5. Aturlah Tata Letak, Format, dan isi sesuai selera kamu

6. Simpan pengaturan tersebut

7. Klik Add to Blogger, maka otomatis akan masuk ke dashbor blogger

8. Kemudian klik Menambah Widget

9. Simpan dan selesai


Semoga Bermanfaat ..........


Detail »»

Cara Pasang Widget Google Translate

Bahasa merupakan aset yang sangat penting, tanpa bahasa kita tidak akan bisa saling berkomunikasi dengan baik. Orang yang menguasai banyak bahasa akan sangat diuntungkan, karena akan mudah baginya untuk melakukan komunikasi dengan orang lain tanpa hambatan. Agar blog kita bisa dibaca oleh bangsa lain yang berbeda bahasa, maka kita bisa menambahkan widget Google Translate. Fungsinya untuk menerjemahkan artikel blog agar sesuai dengan bahasa yang digunakan oleh pengunjung blog. Sebelum kamu memasang widgetnya, kamu kunjungi dulu translate.google.com untuk mendapatkan scrip widget. Selanjutnya memasang diblogspot kamu, caranya :

1. Login id blog kamu

2. Klik menu Tata Letak

3. Selanjutnya klik Elemen Halaman

4. Tamabhkan gadget dengan klik Tambah Gadget

5. Pilih gadget HTML/JavaScript

6. Copas scrip widget Google Translate tadi ke kolom yang tersedia

7. Klik tombol Simpan

8. Selesai, mudah kan?? selamat mencoba


Semoga Bermanfaat ............


Detail »»

Friday, May 22, 2009

Cara Menulis Kode HTML di Blog

Aku kemarin mencoba posting artikel yang di dalamnya terdapat kode HTMLnya. Setelah aku tulis semua dan aku posting di blog ternyata tidak muncul. Selanjutnya aku googling dan menemukan beberapa situs yang membahas tentang bagaimana cara menulis kode HTML di blog. Bila Anda menjumpai hal yang seperti ini, cara ini mungkin bisa dicoba.

1. Kunjungi situs ini
2. Tuliskan kode html yang ingin diposting
3. Klik Decode untuk mengkonversi kode tersebut
4. Copas hasil konversi ke artikel yang mau diposting

mudah kan............... selamat mencoba.

Semoga bermanfaat .....................


Detail »»

Sunday, May 17, 2009

Cara Membuat Read More di Blogspot

Read more sangat membantu bagi blogger untuk mempersingkat posting blog agar tidak terlalu panjang blognya. Namun masih banyak yang belum mengetahui bagaimana cara membuatnya. apabila Anda termasuk salah satunya mungkin artikel ini akan membantu untuk memberikan pengetahuan bagaimana cara membuat read more di blogspot. langsung saja ke langkah-langkahnya :

1. Log in ke id Blogspot Anda
2. Buka menu Layout => Edit HTML
3. Kasih tanda centang pada "Expand Widget Templates"
4. Cari kode berikut, untuk lebih mudahnya pakai Ctrl+F

<data:post.body> atau <p><data:post.body></p>


5. Setelah ketemu, hapus kode tersebut dan ganti dengan kode berikut

<b:if cond='data:blog.pageType =="item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body></p>
<a expr:href='data:post.url'>Read More ...</a>
</b:if>


6. Anda bisa mengganti Read More ... dengan Baca Selengkapnya atau yang lain
7. Jika sudah klik tombol Save Template
8. Selanjutnya masuk ke menu Settings => Formatting
9. Letakkan kode berikut ke Post Template

<span class="fullpost">

</span>


10. Klik Save Settings untuk menyimpannya

Agar Anda tidak salah meletakkan artikel yang mau dikasih read more, pastikan ketika posting memakai cara seperti ini
1. Ketika mau posting klik yang Edit Html jangan yang Compose
2. Letakkan bagian artikel yang mau ditampilkan dihalaman muka diatas kode ini

<span class="fullpost">


3. Letakkan bagian yang akan diletakkan setelah read more di antara kode berikut

<span class="fullpost">

</span>


4. Selamat mencoba

Semoga Bermanfaat ......

Detail »»

Wednesday, May 13, 2009

Cara Membuat Guest Book di Blogspot

Bagi Anda para blogger yang ingin memasang guest book atau buku tamu online di Blogspot mungkin artikel ini bisa membantu mengatasinya. guest book fungsinya untuk mempermudah interaksi dengan pengunjung blog Anda. pengunjung dapat mengungkapkan isi hatinya tentang blog Anda, jadi isinya sangatlah berfariasi. mungkin bisa pujian, pertanyaan, sekedar iseng, atau bahkan merupakan kritikan untuk blog Anda. jadinya lebih seru kan............ mau tau caranya langsung saja simak yang dibawah ini :

1. Daftar di situs penyedia guest book seperti shoutmix.com
2. Jika sudah terdaftar silahkan Login dengan id Anda
3. Pada kolom Style, klik menu Appearance
4. Silahkan pilih tampilan buku tamu yang Anda sukai, kemudian klik Save Setting
5. Untuk mendapatkan kode HTMLnya, klik saja Get Codes yang berada di bawah Quick Start
6. Copy seluruh kode HTML yang ada di Generated Codes
7. Sampai disini proses mendapatkan kode untuk guest book telah selesai

Selanjutnya Anda tinggal menaruh kode HTML yang Anda peroleh ke Blogs Anda. Anda juga dapat merubah ukuran lebar (width) atau tinggi (height) dari shoutbox tersebut agar sesuai dengan blog Anda. langkah untuk menaruh kode tersebut sebagai berikut:

1. Login ke Blogspot Anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Tambahkan widget HTML/Java Script
6. Tuliskan title dan copas kode HTML shoutbox di dalam form Content
7. Klik Save Changes untuk menyimpannya
8. Selesai dan lihat hasilnya


selamat mencoba, semoga bermanfaat .......

Detail »»

Monday, May 11, 2009

Cara Membuat Widget Recent Posts

Recent posts adalah statistik artikel yang baru diposting pada suatu blog. cara untuk menampilkan recent posts sangat mudah:

1. Pertama masuk ke Layout => Page Elements

2. Pilih Add a Gadget dan pilih Feed

3. Ketikkan "http://namablogkamu.blogspot.com/feeds/posts/default"

4. Selanjutnya klik Continue dan beri nama Recents Posts

5. Setelah itu save perubahan yang terjadi

6. Selamat mencoba




Semoga Bermanfaat..............


Detail »»

Friday, May 8, 2009

Membuat Label atau Kategori Posting

Salah satu ciri blog yang menarik adalah tersusun dengan rapi. salah satu agar blog kita rapi adalah dengan membuat setiap posting berdasarkan kategori. ini juga akan mempermudah pengunjung untuk mencari artikel yang dicari. caranya sangat mudah

1. Buatlah artikel yang akan diposting

2. Perhatikan kolom dibawah isi posting (label untuk entri ini: )

3. Ketikkan kategori artikel contoh "Blogspot". untuk posting selanjutnya tinggal klik Tunjukkan semua maka akan muncul kategori yang pernah kamu terbitkan

4. Terbitkan Entri

5. Selanjutnya masuk ke Tata Letak => Elemen Halaman => Tambah Gadget

6. Pada halaman yang muncul pilih Label

7. Simpan perubahan yang terjadi


Semoga Bermanfaat..............


Detail »»

Monday, May 4, 2009

Trik & Tips Blog

Apakah kamu pernah melihat halaman blog milik orang lain yang tampil sangat menarik dan ketika kamu mencari template yang sama di blogspot ternyata tidak tersedia, maka kemungkinan besar template tersebut memang bukan dari blogspot. mungkin pemilik blog tersebut memahami bahasa HTML sehingga dapat dengan mudah mengeditnya. dalam mengedit kode HTML pada blogspot mungkin akan terjadi kesalahan, oleh karena itu saya akan berbagi pengalaman dalam mengedit template yang aman. selanjutnya ikutilah langkah-langkah berikut :


1. Agar lebih aman, lakukan backup kode HTML ke harddisk kamu untuk jaga-jaga jika terjadi kesalahan.
2. Jangan sampai lupa memberi tanda centang pada Expant Template Widget.


3. Gunakanlah fasilitas finder yang ada untuk mencari kode-kode program dengan menekan tombol Ctrl + F


Semoga bermanfaat...



Detail »»

Wednesday, April 29, 2009

Mengganti Kursor

Kamu mungkin bosan dengan kursor yang standar, maka agar lebih menarik dan tidak membosankan gantilah kursor kamu. mungkin dengan mengganti kursor yang bergerak atau animasi. Kamu dapat membuat kursor animasi sendiri dengan software-software pembuat animasi. tapi jika ingin yang lebih cepat dan mudah dilakukan adalah dengan memanfaatkan situs penyedia kursor gratis contohnya klik disini. kebanyakan kursor sudah mempunyai kode lengkap untuk URL kursor tersebut, namun jika tidak kamu harus meng-upload ke dalam hosting khusus untuk gambar contohnya www.photobucket.com. cara memasang atau mengaplikasikan ke dalam halaman blog atau web :

1. log in ke dalam Bogspot Anda

2. Setelah itu klik menu Layout pada halaman dashboard

3. Selanjutnya klik menu Edit HTML

4. Carilah script atau kode body, agar lebih mudah kamu bisa tekan Ctrl+F dan ketikkan body. kurang lebih hasilnya seperti ini:

5. Letakkan script kursor setelah kode cursor: dan sebelum tanda kurung kurawal

6. Setelah itu, klik Save Template


Selamat mencoba.......

Detail »»

Monday, April 27, 2009

Menghilangkan Navbar

Navbar (Navigation Bar) adalah salah satu fasilitas di blogger yang berfungsi untuk fasilitas pencarian, penandaan sebuah blog, dan link menuju blog berikut secara acak. selain itu juga digunakan untuk sign in/out blog dan membuat blog baru. bagi sebagian blogger keberadaan navbar ini kurang mengenakkan atau mengganggu pemandangan sehingga navbar ini biasanya tidak dimunculkan atau dihidden agar tidak kelihatan. namun menurut term dan condition pada blogger.com navbar ini tidak boleh dibuang kecuali mempunyai hosting web sendiri. bagi yang masih hosting di hosting blogger, mungkin langkah ini dapat menyebabkan blog anda akan dibanned oleh blogger.
cara untuk menghilangkan navabar adalah sebagai berikut:

1. Log in di blogger

2. Silahkan pilih Layout => Edit HTML

3. Jangan lupa untuk memberi tanda centang pada Expant Template Widget agar perubahan yang anda lakukan dapat disimpan

4. Copas(copy - paste) script berikut setelah propertis template blog

#navbar - iframe {
display: none !important;
}


5. Klik Simpan Template dan hasilnya akan seperti ini

-----------------------------------------------
Blogger Template Style
Name: xxx templates
Designer: Abcd man
URL: http://xxx.blogspot.com
Date: 10 Februari 2009
----------------------------------------------- */
#navbar-iframe {
display: non !important
}

semoga bermanfaat...


Detail »»

Saturday, April 25, 2009

Ganti Template

Buat kamu yang bosan dengan template standar blogger, kamu bisa menggantinya dengan template yang lebih seru dan menarik. untuk download template gratis silahkan Klik disini. Cara menggantinya, klik Template atau Tata Letak

Di sini kamu bisa mengubah, menambah, dan menghapus tata letak dari elemen-elemen halaman. selain itu buat kamu yang sudah tahu bahasa pemrograman web juga bisa mengedit sendiri dengan klik Edit HTML. Tapi sebelum kamu mengedit htmlnya, saya sarankan untuk membackupnya terlebih dahulu agar kalau terjadi error bisa dikembalikan ke template semula. Selamat mencoba.

Semoga bermanfaat........

Detail »»

Cara memulai posting

Setelah proses pembuatan blog telah selesai, selanjutnya adalah mulai menulis posting. caranya cukup mudah tinggal klik Mulai Blogging atau New Entri pada dasbor :









Anda tinggal menuliskan apa yang akan anda posting. jika sudah selesai menuliskan postingan Anda tinggal mempublikasikan posting tersebut dengan klik Publish Post



jika ingin mengedit atau menghapus posting yang sudah dipublish, Anda tinggal klik menu Posting > Edit Post
Selamat mencoba.


semoga bermanfaat.......

Detail »»

Friday, April 24, 2009

Cara buat blog di blogger.com

Buat blog sangatlah mudah, cuma bermodalkan account email kita bisa buat blog. salah satu penyedia blog gratis yang terkenal adalah blogger.com. cara mendaftar account blogger :
1. Buat atau daftar blog
setelah masuk ke blogger.com selanjutnya klik
Creat your blog now













2. Mengisi formulir yang disediakan kemudian klik
Continue















3.Iisilah judul blog dan alamat blog kamu kemudian tulislah kode verifikasi (harus sama dengan yang ada di kotak atasnya. setelah itu klik Continue












4. Memilih template blog (terserah anda)












5. Blog anda telah terdaftar dan siap mulai buat posting dengan mengklik Start Posting

selamat mencoba .............

Detail »»

Template by : kendhin x-template.blogspot.com