awebs.net » BLOGSPOT http://www.awebs.net learning, writing & shared with a webs Sat, 23 Jul 2011 22:02:39 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Mengganti Background Blogspot http://www.awebs.net/mengganti-background-blogspot/ http://www.awebs.net/mengganti-background-blogspot/#comments Sat, 07 Aug 2010 06:48:40 +0000 awebs.net http://awebs.net/?p=413 Sejak hadirnya fitur Template Designer di blogspot, kita bisa mengganti background template blog kita dengan mudah. Yaitu dengan menggunakan gambar – gambar yang disediakan oleh blogspot/blogger. Namun kita tentunya juga ingin menggunakan gambar sendiri agar blog kita lebih personal.

Sekarang kita bisa menggunakan gambar sendiri dengan mudah yati dengan login di blogger in draft. Lalu click Rancangan | Perancang template | kemudian click background.

Setelah anda clik seperti yang ditunjukkan gambar diatas, akan muncul tampilan seperti berikut :

 

Setelah anda pilih gambar di komputer anda dan selesai meng-upload maka anda bisa mengaturnya. Ada pilihan pengaturan yang bisa anda coba :

 

Aligment : mengatur gambar anda secara horizontal (kiri,kanan,tengah) atau secara vertikal (atas, bawah)

Don’t tile : artinya gambar tidak akan di ulang (jika gambar kecil). Anda bisa mengulang gambar secara vertikal, horizontal, kedua-duanya atau gambar tidak di ulang (Don’t tile)

Scrol with page : Jika di centang maka gambar akan ikut di scrol jika halaman blog anda panjang kebawahnya. Namun jika tidak dipilih maka gambar akan diam di tempat hanya tulisannya saja yang bergerak jika di scroll.

]]> http://www.awebs.net/mengganti-background-blogspot/feed/ 0 Blogger Backup Utilities http://www.awebs.net/blogger-backup-utilities/ http://www.awebs.net/blogger-backup-utilities/#comments Thu, 29 Jul 2010 13:01:31 +0000 awebs.net http://awebs.net/?p=392 Blogger / Blogspot adalah salah satu layanan blog yang populer. Terbukti banyak blogger newbie yang menggunakan blogger sebagai sarana untuk ngeblog. Selain itu kemudahan untuk membuat template, sehingga banyak sekali template yang bisa didownload di internet. Selain itu kita bisa juga meng-custom template dengan fasilitas template designer.

Tidak seperti wordpress, blogspot/blogger tidak mempunyai fitur untuk mengekspor database yang bisa membantu anda untuk membuat backup baik posting maupun komentar.  Sehingga jika blog anda dianggap melanggar ketentuan dari blogger bisa dihapus oleh mereka dan tulisan – tulisan anda bisa hilang.  Ada software yang bisa membuat backup blog anda kemudian di simpan di komputer. Namanya adalah Blogger Backup Utilities. Software yang ringan namun cukup mumpuni untuk membuat backup blog anda di blogger/ blogspot.

 

Fasilitas – fasilitas dari Blogger Backup Utilities antara lain :

  • Backup & mengembalikan  posting blog dan komentar
  • Backup File Naming
  • Get Feed URL
  • Backup hanya beberapa posting terakhir
  • Backup hanya posting terbaru
  • Support proxy

Dowload Blogger Backup Utilities

]]> http://www.awebs.net/blogger-backup-utilities/feed/ 3 Blogspot Statistik http://www.awebs.net/blogspot-statistik/ http://www.awebs.net/blogspot-statistik/#comments Sun, 04 Jul 2010 17:25:33 +0000 awebs.net http://awebs.net/?p=383 Sebagai seorang blogger yang peduli dengan keadaan blognya kita memerlukan statistik blog. Dengan melihat statistik anda bisa mengoptimasi blog anda. Ini sangat di perlukan jika anda menggunakan blog sebagai sarana untuk mencari uang di internet.

Jika anda seorang blogger master tentu sudah terbiasa menggunakan statistik untuk keperluan SEO anda. Dan mungkin juga sudah terbiasa menggunakan Google Analystics. Kini blogger sudah mengintegrasikan statistik tersebut di dashboard blogspot anda. Cukup mudah menggunakannnya dan tidak perlu setting apapun. Anda cukup login ke blogger in draft di http://draft.blogger.com bukan di http://www.blogger.com dan anda akan mendapatkan tab menu yang baru yaitu tab statistik.

Blogger statistik

Dengan statistik ini anda dapat melihat posting anda yang paling banyak dikunjungi berikut url website yang mereferensi blog anda. Sebagai contoh : anda nge-twit posting terbaru anda dan banyak teman anda yang mengklik, maka anda akan melihat peningkatan lalulintas dari twitter menuju blog anda secara realtime. Tentu saja statistik dalam periode waktu yang lebih lama (hari/minggu/bulan) akan tersedia di dalam history statistik tersebut.

Selain data lalulintas juga beberapa data yang terlacak antara lain, kata kunci populer yang mengarah ke blog anda, negara asal pengunjung dan juga web browser yang mereka gunakan. Dengan fitur terbaru dari blogger ini anda bisa tahu apa yang terjadi dengan blog anda sekarang ini. Fitur statistik baru ini menunjukkan semua data dalam sebuah antarmuka grafis yang sederhana dan mudah dipahami.

]]> http://www.awebs.net/blogspot-statistik/feed/ 0 Customize tampilan blogspot dengan template designer http://www.awebs.net/customize-tampilan-blogspot-dengan-template-designer/ http://www.awebs.net/customize-tampilan-blogspot-dengan-template-designer/#comments Fri, 02 Apr 2010 17:16:49 +0000 awebs.net http://awebs.net/?p=304 Ada banyak website yang menyediakan template gratis untuk blog kita di blogspot. Namun seperti tulisan sebelumnya tentang membuat readmore di blogspot, banyak template lama yang beberapa tidak sesuai dengan pembaruan blogger. Apalagi kalau kita awam dengan coding, maka kita akan kesulitan jika ingin menambahkan “sesuatu” yang bisa mempercantik blog kita. Misalnya read more. Nah jika kita login di dashboard blogger in draft maka ada fitur untuk custom template yang disediakan oleh blogger. Untuk itu pertama – tama kita login  bukan dari www.blogger.com tetapi dari draft.blogger.com. Setelah login di dashboard kita click layout.

Kemudian ada menu Template Designer. Kita click maka kita akan masuk ke halaman untuk mengkustom template:

Didalam halaman Template Designer ini ada beberapa menu dan di bawahnya adalah preview dari perubahan template yang kita kustom.

Beberapa menu yang ada adalah : Template, Background, Layout dan advanced. Kita akan membahas satu persatu.

Template

Di menu ini kita bisa memilih template dasar yang akan kita edit. Ada beberapa template yang bisa kita pilih untuk di kostumisasi.

Pilih salah satu dan langsung kita bisa lihat preview dibawahnya.

Background

Dalam menu ini ada sub menu yaitu Background Image dan Main Color Theme.

Background Image kita bisa mengganti gambar background template dasar yang sudah kita pilih tadi. Namun gambar background hanya bisa memilih yang disediakan oleh Theme Designer Blogger ini. Kita bisa mengganti dengan gambar sendiri melalui Edit HTML. Ada banyak pilihan gambar yang bagus – bagus. Cara mengganti gambar adalah kita clik pada gambar dibawah menu Background Image. Setelah di clik akan muncul window seperti ini:

Sedangkan Main Color Theme adalah warna – warna font yang bisa kita pilih. Walaupun demikian kita bisa menganti dengan click gambar dibawah menu Main Color Theme. Namun jika masih kurang puas dengan pilihan preset warna kita bisa ke menu Advance untuk merubahnya. Akan kita bahas setelah membahas Layout.

Layout.

Layout adalah tampilan dari blog kita, akan ada berapa sidebar untuk menambahkan Gadget, mengatur lebar sidebar maupun bagian blog. Ada tiga submenu yaitu Body Layout, Footer Layout dan Adjust Width.

Body Layout.

Di body layout kita akan mengatur bagian posting blog dan sidebar. Ada beberapa pilihan sidebar baik dikiri, kanan, maupun kiri dan kanan. Kita tinggal memilihnya. Jika blog kita telah banyak dipasang gadget, kita bisa mengaturnya langsung dengan tarik dan taruh (drag & drop) sesuai dengan selera ataupun ditambah dan dibuang.

Footer Layout

Footer Layout digunakan jika kita ingin menambahkan tempat gadget yang letaknya bukan disebelah kanan atau kiri posting blog (sidebar), namun dibawah posting blog. Ada beberapa pilihan juga berapa bagian untuk menaruh gadget.

Adjust width

Adjust width digunakan untuk mengatur berapa lebar posting blog dan sidebar. Tentunya sesuai dengan body layout yang kita pilih. Jika kita memilih body layout yang ada sidebar di kanan dan di kiri maka akan ada 3 alat pengatur lebar.

Advanced

Advanced digunakan untuk mengatur lebih lanjut tentang warna, jenis dari huruf – huruf yang akan digunakan. Misalnya kita akan menganti Blog Title / judul blog. Maka akan muncul di preview garis – garis merah pada judul blog yang menunjukkan bahwa itu adalah tulisan yang kita ganti jenis dan warnanya

Contoh seperti gambar diatas, pada preview akan muncul seperti ini :

Setelah semua sesuai dengan selera kamu, maka kita tinggal clik pada bagian kanan atas yaitu APPLY TO BLOG. Maka sekarang blog kamu akan mempunyai template yang sesuai dengan selera kamu. Selamat mencoba.

]]> http://www.awebs.net/customize-tampilan-blogspot-dengan-template-designer/feed/ 1 cara baru read more di blogspot http://www.awebs.net/cara-baru-read-more-di-blogspot/ http://www.awebs.net/cara-baru-read-more-di-blogspot/#comments Mon, 29 Mar 2010 05:27:55 +0000 awebs.net http://awebs.net/?p=294 Sebenarnya blogger sudah berbenah dengan memberikan fasilitas untuk memotong posting, namun beberapa template yang ada masih merupakan template yang lama sehingga kita perlu mengeditnya jika ingin membuat posting yang ada “read more”-nya jika kita potong.  Dari beberapa tutorial yang saya dapatkan untuk membuat “read more” ternyata juga masih tutorial lama. Kita harus banyak edit template dan memasukkan readmore secara manual yaitu dengan menambahkan tag <span class=”fullpost”>  pada awal pemotongan posting sampai akhir posting ditutup tag </span>

Namun dengan blogger baru kita tidak perlu membuat read more secara manual kita tinggal memotong di bagian yang kita inginkan dengan click icon insert jump break pada saat kita membuat posting.

Sedangkan untuk mengganti kata – kata “read more” sesuai dengan yang kita inginkan juga sangat mudah pertama kita login ke dashboard blogger lalu tata letak, nah di halaman elemen laman ini kita click edit pada posting blog. Akan muncul pop up window yang mengatur tentang isi posting. Kita isi sesuai selera pada teks tautan laman entri :

Jika menggunakan template pihak ke tiga

Namun bagaimana jika template yang kita gunakan adalah template oleh pihak ketiga?  dengan template pihak ketiga ( template yang bukan dibuat oleh blogger) maka terkadang tidak akan muncul read more dengan sendirinya maka kita memang perlu sedikit edit template yang ada yaitu dengan edit HTML (centang pada Expand Template Widget) pada tata letak lalu cari tag berikut

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

ganti dengan kode berikut :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
]]> http://www.awebs.net/cara-baru-read-more-di-blogspot/feed/ 11 Membuat Halaman Statis di Blogspot http://www.awebs.net/membuat-halaman-statis-di-blogspot/ http://www.awebs.net/membuat-halaman-statis-di-blogspot/#comments Thu, 04 Mar 2010 23:32:53 +0000 awebs.net http://awebs.net/?p=280 Salah satu yang tidak saya suka dari blogspot (dulu sih) adalah kita tidak bisa membuat halaman statis. Halaman statis adalah halaman tersendiri yang jarang atau bahkan tidak pernah di update. Halaman statis misalnya halaman tentang saya (about), halaman buku tamu (guest book) atau bahkan halaman penjualan (store) jika kita membuat toko online dengan blogspot. Namun sekarang kita bisa mencoba membuat halaman statis di blogspot. Caranya adalah kita login bukan dari http://www.blogger.com/start namun dari http://draft.blogger.com/start

Untuk memulai membuat halaman statis di blogger/blogspot setelah login di dashboaard blogger in draft (http://draft.blogger.com/home) lalu kita click buat entry lalu click edit laman. Kemudian kita klik tombol Laman Baru. Nah disinilah kita bisa membuat halaman statis untuk blog di blogspot/blogger. Pengalamatan halaman ini adalah http://bloganda.blogspot.com/p/halamananda.html, sedangkan kalau posting blog kita akan mempunyai alamat http://bloganda.blogspot.com/tahun/bulan/namaposting.html

Kemudian bagaimana kita menaruh link halaman? Setelah beberapa halaman kita buat, maka kita kembali lagi ke dashboard lalu click Tata letak lalu pada sub menu elemen laman kita tinggal menambahkan gadget (mungkin di sidebar) Dengan gadget laman.

]]> http://www.awebs.net/membuat-halaman-statis-di-blogspot/feed/ 16 BlogThis! Chrome Extension http://www.awebs.net/posting-di-blogspot-sekali-klik-dengan-blogthis-chrome-extension/ http://www.awebs.net/posting-di-blogspot-sekali-klik-dengan-blogthis-chrome-extension/#comments Fri, 22 Jan 2010 03:00:45 +0000 awebs.net http://awebs.net/?p=237 Posting di Blogspot Sekali Klik Dengan BlogThis! Chrome Extension

Anda browsing menggunakan Google Chrome? Apakah anda juga menulis blog di Blogger.com (Blogspot) ? Kini ada cara mudah untuk menulis blog jika anda menjawab Ya pada kedua pertanyaan tersebut diatas.  Chrome adalah browser yang  dikeluarkan oleh Google yang mempunyai keunggulan yaitu pada kecepatan membuka situs. Setelah kini tidak lagi mendukung pengembangan Mozilla Firefox, Google meramaikan persaingan browser internet dengan Chrome. Selain keunggulan kecepatan, Chrome juga memiliki pengaya browsernya yaitu extensions yang bisa di pasang di Chrome anda sehingga memiliki kemampuan lain selain sekedar untuk browsing. Salah satunya adalah BlogThis!

BlogThis! adalah alat untuk posting blog di blogger/blogspot anda dengan mudah tanpa anda membuka dashboard di www.blogger.com/start. Syaratnya hanyalah anda telah login kedalam account google anda. Misalnya anda membuka email gmail dan kemudian ada inspirasi untuk menuliskan blog berdasar email yg anda baca, maka anda tinggal 1 kali click pada icon bergambar logo blogger yang ada di browser Chrome anda. Tentunya setelah anda memasang extension BlogThis!

Namun untuk menggunakan extension ini anda harus menggunakan versi Google Chrome BETA. Untuk mendownload nya anda bisa langsung ke http://www.google.com/landing/chrome/beta/ Setelah anda sukses mendowload dan menginstall di komputer anda, sekarang anda bisa memperkayanya dengan mendownload extension BlogThis! di https://chrome.google.com/extensions/detail/pengoopmcjnbflcjbmoeodbmoflcgjlk. Setelah sukses mengistall maka di sebelah address bar Chrome anda akan ada icon BlogThis!

Ketika anda akan menulis blog maka tinggal click icon tersebut dan akan muncul window yang otomatis membuka halaman posting baru pada account blogger/blogspot anda. Atau jika anda membuat blog hanya untuk sekedar share artikel yang anda buka, ketika anda membaca sebuah artikel dan ingin share di blog anda anda tinggal click icon BlogThis! dan di windows baru anda tinggal click Terbitkan Entry.

]]> http://www.awebs.net/posting-di-blogspot-sekali-klik-dengan-blogthis-chrome-extension/feed/ 0 Blogspot custom domain http://www.awebs.net/blogspot-custom-domain/ http://www.awebs.net/blogspot-custom-domain/#comments Sun, 01 Nov 2009 04:59:10 +0000 awebs.net http://awebs.net/?p=73 Salah satu pengunjung menanyakan kepada saya bagaimana menggunakan custom domain pada blogspot. Custom domain disini adalah kita menggunakan domain sendiri.  Misalnya kita membeli domainsaya.com sedangkan blog kita bikin di blogspot. Jadi nantinya alamat blog kita menjadi http://domainsaya.com bukan lagi http://blogsaya.blogspot.com.
Memang dalam search di google banyak yang membuat tutorial ini tapi dari beberapa yang saya buka ternyata hanya menuliskan tentang mengarahkan CNAME ke blogspot. Dalam artian begini, sebenarnya yang kita gunakan untuk domain di blogspot hanyalah subdomain. Sedangkan top level domain kita nganggur he he he. Saya tidak mencoba tutorial – tutorial yang ada karena menurut saya mungkin jika mengikuti tutorial tersebut kita hanya bisa mengkases dengan www. Sebagai contoh saya akan menggunakan domain gratis co.cc. Misalnya saya mengikuti tutorial yang ada dan domain saya adalah namasitusmu.co.cc maka dalam mengakses harus dengan www. Yaitu http://www.namasitusmu.co.cc, sedang kalau kita tanpa menggunakan www yaitu http://namasitusmu.co.cc akan menjumpai halaman error. Tapi itu semua hanya dugaan sih he he he mendingan saya mencari tutorialnya di blogspot secara langsung. Dimana tutorialnya? nggak usah dicari deh akan saya tuliskan tutorialnya disini.

Langkah pertama kita setting DNS domain gratis co.cc. Kita masuk ke control panel domain co.cc lalu click pilih domain yang sudah kamu daftarkan dan click setup. Dan kita pilih untuk pilihan yang ke 2 yaitu Zone Record


 

Nah disini kita aka setting DNS dengan memasukkan CNAME . Pertama kita akan membuat CNAME dulu, isi form isian di atas dengan ini

  • Host : www.namasitusmu.co.cc
  • Type : CNAME
  • Value : ghs.google.com

Kemudian click Set up. Lalu kita juga akan menambahkan A record dengan cara yang hampir sama. yaitu :

  • Host : namasitusmu.co.cc
  • Type : A
  • Value : 216.239.32.21

Nah A record yang ditambahkan ada 4 buah caranya sama semua. Masing – masing value untuk membuat A Record adalah :

  • 216.239.32.21
  • 216.239.34.21
  • 216.239.36.21
  • 216.239.38.21

Sehingga nanti semua record yang dimasukkan adalah seperti ini :

From awebs

Nah setelah itu, langkah selanjutnya adalah mengatur custom domain pada blogspot. Login ke blogspot lalu click pada pengaturan –> publikasikan dan click pada Domain Ubahsuaian

From awebs

Kemudian akan tampil halaman untuk pembelian domain. Nah karena kita tidak akan membeli domain di google maka kita click pada Beralihlah ke pengaturan lanjut

From awebs

Masukkan domain kita yaitu www.namasitusmu.co.cc lalu masukkan verifikasi kata dan click simpan setelan. Nah alamat blog kita akan berubah menjadi http://www.namasitusmu.co.cc setelah kurang lebih 48 jam.

From awebs

Langkah selanjutnya kita mengatur supaya yang mengakses http://namasitusmu.co.cc otomatis dialihkan ke http://www.namasitusmu.co.cc yaitu dengan centang pada Mengarahkan namasitusmu.co.cc ke www.namasitusmu.co.cc dan masukkan verifikasi kata lagi lalu click simpan setelan.

From awebs

Lalu bagai mana jika nanti ada pengunjung yang tidak mengetahui bahwa alamat blog kita sudah berubah? Jangan kuatir jika sebelumnya blog kita mempunyai alamat di http://blogsaya.blogspot.com maka pengunjung yang mengetikkan alamat tersebut otomatis akan di teruskan / forward ke alamat yang baru yaitu http://www.namasitusmu.co.cc

Catatan : dalam contoh diatas saya menggunakan nama situsmu.co.cc tapi ada error DNS sehingga tidak bisa menggunakan naked domain. Sehingga hanya dapat diakses dengan http://www.namasitusmu.co.cc sedangkan kalau menggunakan http://namasitusmu.co.cc hanya akan mendapatkan halaman error. Saya belum mengetahui apa yang salah tapi kemungkinan karena dulu saya pernah menggunakan domain ini untuk google apps dan bagaimana cara memperbaiki error belum saya dapatkan caranya. Namun demikian tutorial tersebut diatas sudah benar dan untuk membuktikannya saya membuat lagi blog dengan domain namablogmu.co.cc. Blog tersebut bisa diakses dengan http://www.namablogmu.co.cc dan http://namablogmu.co.cc

]]> http://www.awebs.net/blogspot-custom-domain/feed/ 0