mengupload data blog ke server

download file di sini

Read More

Menambahkan Meta Tag Description di Blogger

Blogger.com, sudah tampil dengan tampilan baru sejak beberapa bulan yang lalu. Bukan hanya pilihan tampilan blognya tetapi begitu pula dengan tampilan dasbornya. Sementara itu tampilan blogger yang baru tentu juga diikuti dengan tambahan fitur yang baru. Kali ini kita akan membahas fitur baru di blogspot yang ada di dasbor baru, yaitu menambahkan meta description. Meta tag description adalah memberikan deskripsi singkat yang akan terbaca oleh search engine (google).

Meta tag adalah elemen HTML digunakan untuk menyediakan data atau deskripsi terstruktur tentang halaman blog kita. Tag tersebut ditempatkan di bagian kepala (atas) dari dokumen HTML. Search Engine menggunakan data ini untuk menampilkan potongan pencarian ketika search engine menampilkan halaman dari blog kita.

Sebagian besar button berbagi ke sosial media seperti Facebook Share atau Google+ (+1) Jika kita menggunakan button berbagi itu akan memilih hal ini meta description untuk membuat potongan (deskripsi) yang akan dibagi ke sosial media tersebut. Dengan menambahkan Meta Description yang berbeda di setiap entri sesuai dengan isinya akan membuat blog kita lebih optimal di search engine.

Cara Menambahkan Meta Tag Description
Jika di blog wordpress dengan hosting sendiri, sudah ada plugins yang tersedia. Di Blogger yang baru ini juga meluncurkan berbagai fitur SEO dan sekarang menambahkan Meta Tag Description telah menjadi begitu mudah. Kita dapat melakukannya dengan mudah dari User Interface Blogger (tampilan baru blogger) tanpa melakukan banyak mengedit template, berikut adalah caranya:

1. Login ke Blogger.com dan pastikan kamu dalam tampilan dasbor yang baru.
2. Pilih Setelan lau Preferensi penelusuran dan Aktifkan uraian penelusuran Meta Tag.
3. Tuliskan deskripsi yang menggambarkan secara umum isi blog kamu, maksimal 150 karakter.

                        

4. Jika sudah klik Simpan Perubahan.
5. Menambahkan Meta Tag Description di Setiap Entri.
    Sekarang ketika kita membuat entri baru atau di halaman entri, kita dapat mengatur dan menuliskan Meta    Description dengan cara mengatur Setelan Entri yang ada di sidebar. Kita tuliskan deskripsi singkat yang menggambar isi entri di Uraian Penelusuran maksimal 150 karakter. Setalh selesai bisa kita publikasikan.

                                 


6. Sekarang kita harus menambahkan beberapa kode HTML untuk Template Blogger kita. Untuk     melakukannya pilih Template kemudian Edit HTML terus jangan lupa centang Expand Template Widget. Cari <head> dan bawahnya sisipkan kode berikut.

<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

7. Simpan Template jika sudah selesai

Read More

Cara membuat tag cloud label berputar di blog

Bagaimana sich cara membuat tag cloud berputar di blog atau label berputar?????
Nah berikut ini adalah hasil dari apa yang aku pelajari  yaitu membuat tag cloud bisa berputar..kamu bisa lihat hasil cara membuat label berputar pada blog punyaku ini. Kalau dah bisa sebenarnya mudah untuk bikin label berputar.
CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu.
Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
Lihat Demo Blogspot yang sudah ada tag cloudnya di Buat Radio
1. Login ke  blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save . 

CATATAN

1. Warna Merah : Ganti untuk merubah ukuran tag cloud

2. Warna Hijau : Ganti untuk merubah warna background tag cloud

3. Warna Biru : Ganti untuk merubah ukuran font

4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.

Bagimana????? apakah ingin nyoba cara bikin label berputar biar blog kelihatan keren ...?

Selamat mencoba....

Read More

cara membuat daftar isi otomatis blog

Hari ini saya akan berbagi tutorial yang sangat sederhana yakni membuat daftar isi otomatis blog yang mana daftar-daftar ini akan bekerja secara otomatis yg menampilkan isi-isi artikel blog berdasarkan label,jadi cara kerja daftar isi otomatis sama persis dengan cara kerja Related post. Contohnya bisa di lihat daftar isi.
Untuk masalah tingkat ke-SEO-annya awak rasa tidak ada, karna menggunakan javascript, sedangkan search engine kurang bersahabat dengan yang namanya javascript, jadi daftar isi otomatis ini tidak terindex search engine, oke kita langsung ke tutorialnya.
Silahkan copy paste script berikut pada posting baru, ya seperti membuat postingan biasa atau bisa kamu tempatkan pada Static_Page.

Read More

cara membuat tampilan loading pada blog

Tampilan tertentu pada saat loading blog mungkin merupakan daya tarik tertentu dalam sebuah blog. Hal ini memungkinkan anda menyimpan semua ketidak teraturan bentuk tampilan pada saat loading, sehingga pengunjung hanya melihat animasi tampilan loading. Posting kali ini saya akan share bagaimana membuat tampilan loading halaman dengan menggunakan jquery dan css. Tampilan animasi pada loading page ini menggunakan Query Loader, yaitu tampilan layar kosong hitam (bisa diubah) yang meliputi blog anda sampai semua konten dimuat. Artinya pengunjung tidak akan melihat apa yang diloading blog Anda. Pada tampilan ini pengunjung hanya melihat halaman loading dengan bar dan persentase loading secara keseluruhan dengan berwarna gelap. Coba anda refress blog ini? apa yang terlihat.....lumayan menarik bukan??? ok mari kita bahas cara pembuatannya. Ikuti langkah berikut ini.

• Log in ke blog anda 
• Klik Rancangan kemudian pilih Edit HTML 
• Masukkan kode berikut di atas kode </head> 

          <script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
          <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js'
          type='text/javascript'/>

Read More

Ngeblog lewat Ponssel

Apakah bisa ngeblog lewat hp? tentu saja bisa.

Syarat utama untuk bisa ngeblog lewat ponsel yakni ponsel anda harus mempunyai koneksi dengan internet, yang di gunakan untuk mengirim data posting ke blog melalui e-mail.

LANGKAH 1 NGEBLOG LEWAT PONSEL

Pertama anda harus mempunyai aplikasi browser opera mini versi 4.2 atau versi 5 final yang bisa di download di mini.opera.com yang di gunakan untuk mengirim data ke blog melalui e-mail.

Satu lagi aplikasi yang di butuhkan yakni MobyExplorer yang di gunakan untuk menulis artikel di ponsel, aplikasi ini bisa menulis sampai ribuan karakter. Jika pada ponsel maximal hanya memuat sampai 2000 karakter.Download MobyExplorer disini

Read More

Cara Memback up Blog

Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis. Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.

Read More