Cara Membuat Menu Tab View

Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak.

Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

Cara Membuat Read More

Cara Membuat Read More di Blogger (Fitur Baru)

Cara Membuat Read more di Blogger – Fitur Baru. Lama tidak login ke account blogspot, saya jadi ketiggalan berita nih. Saat ini, Blogger ternyata sudah support fungsi readmore. Dibandingkan metode cara membuat read more sebelumnya, untuk fungsi read more kali ini memang sangat mudah sekali diaplikasikan.

Namun, untuk bisa menggunakan aplikasi terbaru milik blogger ini, bagi rekan-rekan yang sudah membuat read more dengan cara terdahulu, harus di hapus dulu. Selain itu, fungsi read more blogger ini, hanya bisa diaplikasikan bagi blog yang sudah menggunakan post editor terbaru. Tapi, untuk post editor lama pun anda masih bisa tetap mengaplikasikannya dengan cara menambahkan kode

Membuat Label di Blogger Menjadi 2 Kolom

Membuat Label di Blogger

Karena object yang akan kita rubah disini adalah bagian label dari blogger, maka sudah tentu harus ada label terlebih dahulu. Jika blog anda belum memiliki label silahkan pasang dulu. Dan bagi yang sudah terpasang widget label di blognya, jangan lupa untuk menampilkan-nya secara flat / daftar jangan versi cloud. Untuk lebih jelasnya, berikut cara membuat label dengan tampilan flat / daftar.

Login di Blogger
Klik “Rancangan”
Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
Pilih Widget “Label”
Pastikan tampilannya daftar. Kemudian klik simpan.


Sampai disini, blog anda sudah memiliki label. Namun tampilannya masih default yaitu list / daftar dalam 1 kolom. Sekarang bagaimana caranya membuat label tersebut menjadi 2 kolom?. Kita lanjutkan tutorialnya.

Untuk membuat tampilan label menjadi 2 kolom, disini kita hanya menggunakan teknik css saja. Tidak ada script atau apapun. Nah sekarang kita lanjutkan ke pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya :

Membuat Widget Label Menjadi 2 Kolom

1. Login di Blogger

2. Klik “Rancangan”

3. Klik “Edit HTML”

4. Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.

5. Copy paste kode di bawah dan simpan di atas kode ]]>

#Label1 li {
float:left;
width:45%;
}
6. Klik “Pratinjau” dan lihat apakah terjadi perubahan pada widget label blog anda (menjadi 2 kolom). Jika belum, coba perkecil nilai width pada kode diatas sampai anda menemukan nilai yang pas, sehingga widget label dalam blog anda menjadi 2 kolom.

7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.

Tutorial diatas, mungkin sedikit rumit jika anda tidak mengetahui lebar dari widget label di blog anda. Untuk mengatasinya, silahkan ikuti petunjuk yang sudah saya tulis pada point 6, untuk bisa menampilakan label di blogger menjadi 2 kolom.

Jika anda menemukan masalah dalam menampilkan label / kategori di blogger menjadi 2 kolom, jangan suka untuk bertanya di kolom komentar yaa…

Selamat mencoba….

Membuat statistik pengunjung dengan histats

Hallo blogger beginner, apa pengunjung kalian sudah rame?? mudah-mudahan tambah rame saja. Dalam postingan kali ini saya akan mengulas cara memasang statistik pengunjung yang cukup banyak diminati oleh blogger, contoh tampilannya seperti gambar dibawah ini:

Dalam tampilan statistik ini memuat total pengunjung anda, pengunjung hari ini, total pageview, pageview hari ini dan jumlah pengunjung yang online.
untuk registrasi di histats silahkan klik disini .

isikan alamat URL blog anda dan bahasa yang digunakan, kemudian klik “register”

kemudian isikan data-data anda pada form yang diberikan.

kalo sudah diisi semua, jangan lupa mencentang tulisan “I agree….” kemudian klik “continue”, setelah itu cek email anda dah klik link yang berwarna biru untuk verifikasi.

kemudian kita akan dibawa ke halaman histats, silahkan login bila diperlukan. Untuk membuat widgets statistk klik menu “COUNTERS” di menu atas. Setelah itu pilih tampilan counters anda, ada animasi, tampilan 1 line, 2 lines 3 lines dan 4 lines. Pilih sesuai dengan selera anda.

kemudian klik pada counters yang anda inginkan, maka anda akan di berikan kode HTML. silahkan copy kode tersebut dan pastekan pada halaman/sidebar blog anda.
Mudahkan?? dengan menambahkan statistk ini maka tampilan blog anda akan lebih menarik. Selamat mencoba…

Referensi Tutorial Photoshop

Salah satu cara agar bisa membuat web / blog adalah memiliki kemampuan untuk mengolah gambar. Salah satu software untuk mengolah gambar adalah adobe photoshop. Semakin sering menggunakannya dan berlatih maka semakin tinggi kemampuan mengolah data.

Kali ini, aku memberikan beberapa referensi url yang berisi tutorial menggunakannya. Semoga refernsi kecil ini bermanfaat. So, enjoy your image. *apa coba? ^_^

1. Mengenal Toolbar (dasar) dan lanjutan
2. Tentang Layer
3. Membuat Objek Sederhana
4. Tentang pen tool
   
5. Membuat kotak melengkung, lingkaran, dll
   
6. Button dengan effect bevel
7. Tentang teks
   
8. Membuat teks dengan outline
9. 3-D teks
10. 3-D fungky teks
11. Tentang Blending Options
    
12. Tentang brush
    
13. Menu box
14. Membuat gambar backgorund
15. Slicing / Memotong gambar menjadi beberapa gambar
16. Cara memotong gambar
17. Contoh menggambar
    

Lihat tutorial lainnya di Azzahrah Design

Website Terbaik Penyedia Template Blogger

Pertama kali buat blog saya memilih template yang sudah disediakan blogger walaupun tampilannya standar, dan setelah beberapa lama blog walking melihat banyak para blogger memiliki halaman home page blog yang bagus dan enak dilihat. Karena tampilan merupakan salah satu penunjang agar para pengunjung/pembaca betah dan mau kembali ke blog kita. Dengan begitu saya putuskan mengganti template blog saya menjadi lebih baik dan tidak standar seperti yang disediakan oleh blogger, dan hasilnya Anda bisa lihat sendiri sekarang :)

Dengan sedikit rombak sana-sini terutama header blog saya terlihat lebih cerah dan lebih enak dibaca. Dan buat yang ingin mengganti tampilan blog agar lebih keren silakan kunjungi 5 website penyedia template dibawah ini.

Karena cukup banyak website penyedia template maka saya seleksi berdasarkan website dengan tampilan yang asyik dan memudahkan Anda memilih template dengan leluasa dan yang paling penting menyediakan banyak template yang nantinya dapat dipilih sebagai tampilan halaman blog.

*silakan klik gambar untuk mengunjungi website-website berikut

eblogtemplates




btemplates




finalsense




ourblogtemplates




blogger-skin-resources



Selamat mengganti template :)

Memasang Kotak Komentar Dengan Facebook Connect

Facebook Connect seperti yang saya bahas sebelumnya disini merupakan salah satu alternatif untuk mempermudah pembaca meninggalkan komentar. Sesuai yang saya janjikan beberapa hari lalu untuk membahas cara pemasangan Facebook Connect yang terintegrasi pada blog dengan fasilitas dari website disqus, dan sekarang mari kita langsung ke pembahasannya.

1. Daftar Disqus

2. Pada bagian home klik Add Website. isi Website URL,Website Name dan Short name

3. Setelah itu silakan pilih platform blog Anda

4. Di halaman selanjutnya adalah petunjuk penginstalan

Sampi tahap ini Anda sudah dapat melihat kotak komentar baru seperti kotak komentar wordpress yang berisikan name, email, dan url tetapi masih belum tersedia facebook connect.

5. Masuk halaman admin > setting, akan ada pilihan feature termasuk Facebook Connect. Centang kotak facebook connect dan Anda akan diminta "Enter Facebook API Key"

6. API Key didapat setelah Anda membuat sebuah aplikasi Facebook disini, beri nama pilih agree dan save




7. Di halaman edditapp anda akan mendapatkan API Key. Copy, paste pada halaman setting disqus (langkah no.5) dan save




paste di halaman admin > setting disqus




8. Kembali ke edditapp klik pada link connect (sebelah kanan), silakan isi connect url dengan alamat blog, base domain dengan alamat blog tanpa http:// dan klik save changes




Selesai dan silakan lihat kembali halaman blog Anda

Cara Mengganti Template Blogger

Bagaimana cara Mengganti Template Blogger?…

Mungkin artikel ini tidak berguna bagi para blogger yang sudah faham betul tentang blogger, namun saya rasa artikel ini akan sangat membantu bagi pemula yang baru mengenal dunia blogging atau lebih khusunya blogger.

Kertika kita membuat blog gratis di blogger maka kita akan menemui pilihan template blogger yang sudah di sediakan oleh pihak blogger sendiri, namun tenyata template yang ada cuma sedikit, dan itupun biasa-biasa saja alias tidak keren seperti template blog blogger mlik orang lain.

Nah kali ini saya mencoba menuliskan tutorial atau cara mengganti template blogger.

Langsung saja…

Duh teringat zaman SMA Dulu waktu belum punya handphone, ngirim surat cinta ama cewe yang saya taksir

Berikut langkah-langkah mengganti template blogger.

• Silahkan Cari dulu template yang anda suka, bisa nyari di google dengan menuliskan Template Blogger Gratis atau menggunakan keyword yang berhubungan dengan Template Blogger. Jika sudah dapat pilihan silahkan di download. atau bisa juga Download Blogger Template Disini.
• Jika Template yang anda download masih dalam bentik zip maka silahkan di Extract dulu, maka anda akan melihat sebuah File dalam bentuk xml.
• Kemudian Login ke blogger.
• Pilih Menu Tata letak => Edit Html.
• Silahkan Upload Template xml yang sudah anda dowload tadi di sana, ingat yang di upload adalah File xml nya.
• Setelah selesai klik menu Simpan Template, letaknya di bawah.
• Selesai….

Nah itulah beberapa langkah atau cara mengganti Template Blogger.

Oh iya…

Jangan lupa Backup dulu template yang ada dengan cara mendowloadnya, link downloadnya ada di atas browse upluoder.

Maaf artikel kali ini ennga pakai gambar, soalnya lagi malas

Semoga bermanfaat….

Read more: http://cariuangonline.net/cara-mengganti-template-blogger.html#ixzz0iOoT3Cpr

Tips Membuat Blog Yang Bagus

Sering Saya bertanya pada diri sendriri.Sebenarnya Blog yang Baguz itu seperti apa sih??Sebenarnya apa sih yang di Butuhkan Oleh Pengunjung Blog kita?Terus Bagaimana Caranya Pengunjung tersebut Betah di Blog kita?Pengunjung itu sendiri saya anggap di Bagi menjadi 2 Kelompok:
1) Pengunjug yang hanya sekedar Blogwalking dan Berharap Blognya di Kunjungi Balik.(Biasanya Antar Sesama Blogger)
2) Pengunjung dari Orang yang benar-benar membutuhkan Informasi dan Content dari Blog kita.(Biasanya menemukan Blog kita dari Hasil Searching di Google ataupun di Mesin Pencari Yang Lain)
Berikut merupakan Hasil pemikiran saya yang masih sangat "Pemula" Bagaimana cara membuat Blog yang Bagus dan tampak Profesional :

1) Saya sering Blogwalking dan menemukan Blog yang "Keren" Banget dengan Pernak-pernik atau Accessoris di Dalam Blog tersebut.Acessoris yang saya Maksud :
* Jam : Saya Rasa semua Pengunjung tidak membutuhkan Jam karena di masing-masing Taskbar Windows sebelah kanan Bawah sudah ada Jam.
* Kalender : Sama Seperti Jam Pengunjung juga bisa melihat Kalender-nya yang di rumah bahkan di Taskbar windows juga sudah ada Kalender.
* Menampilkan Status IP Pengunjung :
Blog sobat bukan program spy khan?, jadi lebih baik tidak usah dipasang agar pengunjung tidak merasa dimata-matai selain tidak ada kegunaan lain yang bisa anda dapatkan dengan menggunakan widget tersebut.
* Memasang Lagu/Music : Saya Rasa Pengunjung yang datang sudah memiliki Winamp di Komputernya masing-masing.Apalagi kalau Lagu yang di Pasang sering tersendat-sendat kasihan sama yang Bandwith Low buka Blog anda.
(Maaf syukur2 Blog anda tidak langsung di "Close")
* Memasang Widget yang tidak ada Hubungannya dengan Blog anda. Misal "Widget Pakaian Adat Nusantara". ternyata Blognya membahas tentang Komputer kan kurang sesuai kalau saya rasa.

Lihat saja Blog Yang sudah Master sebut saja Blog "Kang-Rohman, Fatihsyuhud, O-om" Tampilannya Biasa saja tapi Isi Content Blognya yang "Luar Biasa" apalagi mereka master ini yang memberikan source dan script Accessoris Blog tetapi mengapa mereka ini tidak memasang Accessoris di Blog mereka.(ding..dung??)

2)Perhatikan Tanda Baca, Penggunaan Gambar :
Perhatikan tulisan anda apakah sudah benar tanda bacanya. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.Gambar memang mempercantik halaman anda, gambar yang besar justru jadi bumerang buat loading page anda. yang jelas blog anda pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.

3)Hindari Menggunakan Widget yang tidak di Anjurkan Oleh GOOGLE dan Kurangi pemakaian Script dan JS yang Berlebihan.(Bukan Berarti tidak Boleh Tapi di Minimalisir seefisien Mungkin).

4)Content Blog anda Jangan terlalu sering "COPAS"
Ini akan mendapat respon buruk dari pembaca, karna pembaca akan lebih berpikir lebih baik membaca kesumbernya secara langsung daripada mengunjungi blog anda.

5)Link yang telah mati bakal tidak disukai pembaca, jangan kan pembaca search engine pun tidak menyukai hal ini. Lakukan pengecekan dead link/Miss Link termasuk yang sudah Link Exchange dengan Blog kita.Ada KASUS tanpa sengaja atau ketidaktahuan mengganti URL Blognya.

6)Jika memang Postingan tersebut Harus "COPAS" sebaiknya Cantumkan Link Sumber Originalnya.Anda tidak akan di anggap Rendah atau menurunkan Pamor anda sebagai Blogger Sejati.Justru saya akan Angkat "TOPI" jika anda berani mencantumkan Link Sumber Originalnya.

Ketika saya mempelajari IMK (Interaksi Manusia Komputer) di Kampuz kata dosen saya seperti ini" Hanya Butuh Waktu kurang dari 1 Menit untuk orang tidak meng-Close Situs Anda.Buatlah Situs Web atau Blog yang "User Friendly".Tambahkan Fasilitas : "Back To Top, Back To Down, ReadMore, Searching (Pencarian), Scroll Komentar, Blogroll, GoogleTranslate , dll yang mendukung dan memudahkan Pengunjung untuk mengakses dan membaca Blog Kita.

Note :
Tidak pernah ada niat sedikitpun untuk menyinggung Blog tertentu cuma hanya sekedar Meluangkan Pemikiran sederhana dari saya.Keputusan tetap ada di Tangan Sobat untuk mengolah Blognya.Mohon maaf sebelumnya Jika ada kesalahan Kata karena manusia tidak bisa lepas dari yang namanya kesalahan.Komentarin y Sobat tentang Blog sobat di sini sekalian Untuk Sharing bagaimana Membuat Blog yang Bagus!!

Download Template Blog Gratis Disini

Berikut merupakan Daftar situs Template Blog yang saya dapatkan dan Kumpulkan dari Hasil Pencarian di Google.Jika anda berminat Untuk Mendownload Template Gratis Silahkan Kunjungi Langsung Situs Resminya dan Pilih mana Template Yang Anda Sukai.
Free Blogger Templates (Blogspot)
1.www.btemplates.com
2.www.bloggerbuster.com
3.http://blogtemplate4u.com/
4.www.freeblogger-templates.blogspot.com
5.www.blogger-templates.blogspot.com
6.www.finalsense.com
7.www.ourblogtemplates.com
8.www.bloggerstyles.com
9.www.eblogtemplates.com
10.www.blogspottemplate.com

Free WordPress Templates
1. www.prowordpressthemes.com
2. www.wordpresstemplates.com
3. wordpresstemplates.name
4. www.skinpress.com
5. www.wordpress.org
6. www.topwpthemes.com
7. www.blogohblog.com
8. www.templatesbrowser.com
9. www.wpskins.org
10. www.freewordpresstheme.info

Premium WordPress Templates
1. www.wordpressthemesmarket.com
2. www.wpcandy.com
3. www.web20-templates.com
5. www.wpremix.com
6. www.ithemes.com
7. www.wp-magazine.com
8. www.studiopress.com
9. www.wp-vybe.com
10. www.premiumwp.com

Bonus Daftar Template Blog..^_^
1. http://www.eblogtemplates.com/
2. http://www.jackbook.com/
3. http://www.indosmart.blogspot.com/search/label/template
4. http://www.magznetwork.com/
5. http://www.freetemplate.widarto.net
6. www.simplebits.com

Semoga Bermanfaat Buat Semuanya..^_^.Mungkin Jika Sobat Memiliki Sumber Link Download Template Gratis Bisa di Share di Sini.