readbud - get paid to read and rate articles
Profile Facebook Twitter
contact
Google Yahoo
bCOMStudio

Sabtu, 30 Oktober 2010

O-OM.COM | Blog Tips dan Blogger Tutorial

O-OM.COM | Blog Tips dan Blogger Tutorial

Link to Free Blogger Template | Blogger Tutorial | Belajar Ngeblog

Free Wordpress Themes on wordpress.zoomtemplate.com

Posted: 29 Oct 2010 10:19 AM PDT

Tidak ada yang begitu spesial, seperti halnya zoomtemplate yang dikhususkan untuk blogger template, blog ini hanya sebagai gallery yang dibangun khusus untuk memenuhi tingginya minat pengunjung non blogger agar om bisa juga memberikan akses download gratis untuk Wordpress Template. Semoga saja untuk kedepannya Free Wordpress Themes ini bisa menjadi gallery terlengkap ya :)

 

 

Ok, buat yang punya koleksi lengkap WP Templates buatan sendiri, tidak ada salahnya untuk dipajang di gallery ini biar bisa di download bersama :)
read more...
Diposting oleh lara di 09.27 0 komentar

Senin, 25 Oktober 2010

O-OM.COM | Blog Tips dan Blogger Tutorial

O-OM.COM | Blog Tips dan Blogger Tutorial

Link to Free Blogger Template | Blogger Tutorial | Belajar Ngeblog

Mengapa Anda Blogging?

Posted: 24 Oct 2010 09:40 AM PDT

Mungkin itu pertanyaan yang perlu dijawab untuk mengevaluasi kegiatan blogging kita selama ini. Pada umumnya orang menjawab hanya sekedar hoby atau jawaban paling banyak adalah untuk mendapat uang. Ya, itulah jawaban rata-rata mungkin berbeda untuk Anda. Meskipun berbeda dari kedua jawanban diatas, itu bukanlah masalah. Yang terpenting adalah menanyakan kepada kita. Apa niat kita blogging
read more...
Diposting oleh lara di 09.24 0 komentar

Sabtu, 16 Oktober 2010

blog tutorial

blog tutorial

The Mez Acrobatic

Posted: 15 Oct 2010 09:43 PM PDT

Sebelumnya telah ditulis bagaimana cara melakukan magic agar The Mez Template menjadi The Mez Lefty alias sidebar kiri. Kini kita coba melakukan magic yang lainnya yaitu mengubah The Mez template menjadi The Mez Acrobatic.

Yang dimaksud The Mez acrobatic disini adalah apabila pada homepage posisi sidebar berada disebelah kanan, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kiri. Atau sebaliknya, apabila pada homepage posisi sidebar berada disebelah kiri, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kanan.

the mez acrobatic

Yang suka tampilan akrobatik, berikut adalah langkah-langkah menjadikan The Mez Template menjadi The Mez Acrobatic.

 

  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan.

    Rancangan template

  3. Klik tab Edit HTML.

    edit HTML

  4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

    download template lengkap

  5. Carilah kode brikut  ]]></b:skin>

  6. Copy lalu paste kode berikut persis di bawah kode ]]></b:skin> 

    <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #main-wrapper{float:right} #sidebar-wrapper{float:left} </style> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <style type='text/css'> #main-wrapper{float:right} #sidebar-wrapper{float:left} </style> </b:if>

  7. Klik tombol SIMPAN TEMPLATE.
  8. Daaaaann…. abah katabrakkk ……..
  9. Selesai. Kini blog anda bisa tampil akrobatik.
Langkah diatas adalah untuk posisi homepage dengan sidebar kanan dan single page menjadi terbalik menjadi sidebar kiri.
      Untuk posisi sebaliknya yaitu homepage sidebar kiri dan single page sidebar kanan, anda tinggal mengganti kode left menjadi right atau right menjadi left. 

      <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #main-wrapper{float:left} #sidebar-wrapper{float:right} </style> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <style type='text/css'> #main-wrapper{float:left} #sidebar-wrapper{float:right} </style> </b:if>

      Sepertinya serial dokumentasi The Mez Template berakhir pada postingan ini. Jika ada permasalahan yang lain, mungkin akan di bahas pada postingan dilain waktu.


    read more...
    Diposting oleh lara di 19.20 0 komentar

    Jumat, 15 Oktober 2010

    blog tutorial

    blog tutorial

    The Mez Lefty Template

    Posted: 15 Oct 2010 06:44 PM PDT

    Secara default, The mez template di rancang mempunyai sidebar berada disebelah kanan, lalu bagaimana apabila anda adalah pecinta sidebar kiri? anda dapat melakukan sedikit magic sehingga the mez template bisa menjadi The Mez Lefty Template.

    the mez lefty template

    Ingin tahu caranya? ikuti langkah-langkah berikut :

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik tab Edit HTML.

      edit HTML

    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap

    5. Carilah kode brikut :

      /* Main containers */
      #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
      #main-wrapper{width: 630px;float: left;word-wrap: break-word;overflow: hidden;}
      #sidebar-wrapper {width: 300px;float: right;word-wrap: break-word;overflow: hidden;}

    6. Gantilah tulisan left menjadi right, dan sebaliknya tulisan right menjadi left. Sehingga kodenya menjadi seperti ini :

      /* Main containers */
      #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
      #main-wrapper{width: 630px;float: right;word-wrap: break-word;overflow: hidden;}
      #sidebar-wrapper {width: 300px;float: left;word-wrap: break-word;overflow: hidden;}

    7. Klik tombol SIMPAN TEMPLATE.
    8. Daaaaann…. abah katabrak……..
    9. Selesai. Kini sidebar akan berada disebelah kiri.
      Ingin tahu magic lain yang bisa di lakukan terhadap The Mez Template, tunggu saja beberapa menit lagi Winking

    Edit Link Follow Us Di The Mez Template

    Posted: 15 Oct 2010 05:38 PM PDT

    Salah satu hal menarik dalam the mez template adalah icon Follow us yang menggunakan teknik CSS sprite. Secara default, alamat link yang tercantum disana adalah milik kang Rohman, oleh karenanya anda perlu mengedit link-link tersebut dengan milik anda sendiri.

    Bagi anda yang menggunakan the mez template namun masih merasa bingung dalam mengedit link follow Us tersebut, berikut cara-caranya :

     

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik tab Edit HTML.

      edit HTML

    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap

    5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

      expand template widget

    6. Carilah kode berikut : 

      <ul id='soc'> <li><a class='facebook' href='http://www.facebook.com/pages/Fresh-Blogger-Templates/139712252741851' title='Be my facebook fan'>Facebook</a></li> <li><a class='twitter' href='http://twitter.com/fblogtemplates' title='Folow me on Twitter'>Twitter</a></li> <li><a class='rss' href='http://feeds.feedburner.com/freshbloggertemplates/fbtemplates' title='Subscribe via RSS'>rss</a></li> <li><a class='email' href='http://feedburner.google.com/fb/a/mailverify?uri=freshbloggertemplates/fbtemplates' title='Subscribe to Email updates'>email</a></li> </ul>

    7. Gantilah link yang ada dengan link milik anda sendiri.
    8. Klik tombol SIMPAN TEMPLATE.
    9. Selesai.


    Pasang Mini Icon Pada The Mez Template

    Posted: 15 Oct 2010 10:20 AM PDT

    Masih termasuk dokumetasi The Mez Template, agar di kemudian hari ada pertanyaan kang Rohman mudah untuk mengarahkan. Dokumentasi kali ini adalah mengenai Pasang Mini Icon Pada The Mez Template. 

    Salah satu yang membuat The Mez Template terlihat lebih manis adalah dengan memasang mini Icon pada sudut widget.

    the mez template mini icons

    Ada dua cara untuk memasang icon-icon tersebut, yaitu melalu edit HTML atau melalui Elemen Halaman, namun untuk yang Elemen Halaman hanya terbatas pada widget HTML/Javascript saja.

    Mempersiapkan Icon

    Langkah pertama yang harus dilakukan adalah mempersiapkan icons yang akan di pasang, icons tersebut bebas menurut selera anda sendiri. Sedangkan kang Rohman sendiri mengambil dari situs Iconspedia.

    Berikut beberapa contoh icon yang di pakai :

    tutorials browsers Downloads

    Untuk mendapakan tampilan terbaik, ubahlah terlebih dahulu icon yang anda sukai menjadi 60X60 pixel. Ukuran ini sebenarnya dapat diubah sesuai dengan keinginan anda, namun kang rohman sendiri melakukan pengaturan pada kode CSS nya dalam ukuran tersebut.

    Uploadlah icons tersebut ke hosting gambar yang biasa anda gunakan, bisa ke hosting lain atau langsung di blogger. Kemudian catat alamat URL icon-icon tersebut, misalkan :

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2knom7rPzTNPPz782mM8yOGuRQqsxJwI8-OoC9sgWVgB9W7d17RgY0YEyNlOJXpMzHBf3qQXYCf5spL9V_hWJf022I4jWDwlwj5U5nBLd4BA3n4NWHM1DAcJvwGzjZZhrCZJQFM2Sn2P/  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBFn2KB193x2UGCLlyjW0OnmMJRwWRQYY5V07sNnU2NpLaAqbJHFIBuSzoPvpcW066T-BgOF0Gjydh3ezR1_3n22PZk6Y-gyEEtett55YnV1SqDQLGv-m9LW5nyO_sQVb8UuJTW0-Bfc/  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-DS1fgznyiFKAqESq-72a0sGOYH_c4XNP7R-P-nqmnftYkgorWd8g-JHTmM4dcKQqiEvfd45nbtLH3rHCN6WrM_k0y5VHVKkFUVxf7C7U1WXKz3NUokdDPBe7l-n_MqIEfqb2dErrWY/

    Buatlah kode HTML untuk menampilkan gambar, misal : 

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2knom7rPzTNPPz782mM8yOGuRQqsxJwI8-OoC9sgWVgB9W7d17RgY0YEyNlOJXpMzHBf3qQXYCf5spL9V_hWJf022I4jWDwlwj5U5nBLd4BA3n4NWHM1DAcJvwGzjZZhrCZJQFM2Sn2P/" alt="tutorial" />  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBFn2KB193x2UGCLlyjW0OnmMJRwWRQYY5V07sNnU2NpLaAqbJHFIBuSzoPvpcW066T-BgOF0Gjydh3ezR1_3n22PZk6Y-gyEEtett55YnV1SqDQLGv-m9LW5nyO_sQVb8UuJTW0-Bfc/" alt="browser" />  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-DS1fgznyiFKAqESq-72a0sGOYH_c4XNP7R-P-nqmnftYkgorWd8g-JHTmM4dcKQqiEvfd45nbtLH3rHCN6WrM_k0y5VHVKkFUVxf7C7U1WXKz3NUokdDPBe7l-n_MqIEfqb2dErrWY/" alt="download" />

    Sedangkan kode yang nanti akan dipakai adalah ditambah dengan kode :

    <div class='icon'>

    kode gambar

    </div>

    Sehingga kode lengkapnya menjadi :

    <div class='icon'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2knom7rPzTNPPz782mM8yOGuRQqsxJwI8-OoC9sgWVgB9W7d17RgY0YEyNlOJXpMzHBf3qQXYCf5spL9V_hWJf022I4jWDwlwj5U5nBLd4BA3n4NWHM1DAcJvwGzjZZhrCZJQFM2Sn2P/" alt="tutorial" /> </div>  <div class='icon'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBFn2KB193x2UGCLlyjW0OnmMJRwWRQYY5V07sNnU2NpLaAqbJHFIBuSzoPvpcW066T-BgOF0Gjydh3ezR1_3n22PZk6Y-gyEEtett55YnV1SqDQLGv-m9LW5nyO_sQVb8UuJTW0-Bfc/" alt="browser" /> </div>  <div class='icon'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-DS1fgznyiFKAqESq-72a0sGOYH_c4XNP7R-P-nqmnftYkgorWd8g-JHTmM4dcKQqiEvfd45nbtLH3rHCN6WrM_k0y5VHVKkFUVxf7C7U1WXKz3NUokdDPBe7l-n_MqIEfqb2dErrWY/" alt="download" /> </div>

    Mengenali Widget

    Langkah selanjutnya mengenali widget mana yang akan anda pasangi icon, Cara yang dianggap paling mudah menurut kang Rohman adalah melalui judul wisget :

    judul widget

    Contoh judul widget diatas adalah :

     

    • Useful Tutorials
    • Work Everywhere
    • Free Templates

    Sekarang saya anggap bahwa anda telah mempunyai gambaran widget mana saja yang ingin anda tambahkan icon. Sebagai tambahan saja, widget yang bisa dipasangi icon adalah widget yang kolom atas, widget sidebar atau bisa juga widget yang ada di bagian footer.

    Memang kode Icon

    Langkah terakhir adalah memasangkan kode icon yang tadi telah di persiapkan. Cara pertama adalah melalui tab Edit HTML.

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik tab Edit HTML.

      edit HTML

    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap

    5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

      expand template widget

    6. Cari kode widget yang mau dipasang kode icon, cara yang termudah adalah dengan kode judul widget seperti yang tadi diterangkan, misal : useful tutorials. ( Untuk pencarian cepat gunakan Ctrl+F lalu masukkan judul widgetnya ).

      widget

    7. Paste kode icon yang tadi telah di pesiapkan persis diatas kode <data:content/>

      kode icon

    8. Lakukan untuk widget-widget lainnya yang di inginkan.
    9. Klik tombol SIMPAN TEMPLATE.
    10. Selesai.
      Cara yang kedua adalah melalui Elemen, namun cara ini terbatas pada penggunaan Widget HTML/Javascript saja, sedangkan untuk widget seperti Label, Arsip dan yang lainnya hanya bisa dilakukan melalui Edit HTML seperti yang diterangkan diatas. Caranya sederhana, anda tinggal paste kode icons pada isi elemen tersebut :
      element halaman

    Selamat mencoba!

    Upload Logo Di The Mez Template

    Posted: 14 Oct 2010 09:03 PM PDT

    Ketika pertama kali anda menginstall The mez Template pada blog anda, tentunya yang ada adalah sebuah judul yang berupa tulisan dan bukanlah sebuah logo. Jika anda berniat untuk mengganti judul tersebut dari tulisan menjadi logo, maka anda dapat melakukannya dengan mudah.

    logo the mez template

    Mempersiapkan Logo

    Langkah pertama yang harus anda lakukan tentu saja adalah mempersiapkan atau membuat sebuah logo untuk nanti di upload ke blog anda. Ukuran yang di sarankan adalah lebar 300 pixel dan tinggi 100 pixel. Jika anda menginginkan logo yang lebih besar, anda perlu mengubah sedikit kode pada CSS.

    Warna latar logo yang disarankan adalah sesuai dengan warna latar template yaitu abu-abu atau gray ( kode hexa #D8D7D8 ), atau buat logo dengan latar transparan dengan format .png. Contoh Logo :

    logothemez

    Upload Logo

    Berikut adalah langkah-langkah untuk mengupload logo yang anda miliki pada the mez Template.

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan

    3. Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.

      Elemen Halaman

    4. Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul sama dengan judul blog anda.

      edit logo

    5.  

      Setelah keluar jendela baru, pilihlah radio button untuk Dari komputer Anda kemudian klik tombol Browse… lalu pilih file logo yang ada di komputer anda. Untuk penempatan, pilih radio button untuk Selain judul dan keterangan. Klik SIMPAN.

      upload logo

    6. Selesai.

    Kini blog anda telah mempunyai logo. Selamat menikmati The mez Template.

    Tampilkan Blogger Navbar Di The Mez Template

    Posted: 14 Oct 2010 08:22 PM PDT

    Menghilangkan blogger Navbar masih menjadi perbincangan yang belum ada jawaban yang pasti., ada yang bilang melanggar TOS dan ada juga yang mengatakan tidak ada masalah. Kang Rohman sendiri tidak menampilkan navbar tersebut dalam hitungan waktu yang cukup lama, namun sepertinya aman-aman saja.

    Secara default, pada The Mez template blogger navbar tidak di tampilkan. Nah, bagi anda yang merasa khawatir bahwa menghilangkan navbar blogger itu melanggar TOS nya blogger dan ingin menampilkan navbar blogger pada the mez template, berikut langkah-langkahnya :

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan

    3. Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.

      Elemen Halaman

    4. Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul Delete this element to display blogger navbar.

      edit elemen

    5. Setelah muncul jendela baru, klik tombol HAPUS.

      hapus elemen

    6. Selesai.

    Kini navbar blogger akan tampil secara normal setelah anda menghapus elemen tersebut.

    blogger navbar

    Saran dari kang Rohman, jika anda memutuskan untuk tidak menampilkan navbar blogger di blog anda, jangan lupa untuk membuat sebuah link ke situsnya blogger di halaman depan.


    read more...
    Diposting oleh lara di 19.30 0 komentar
    Langganan: Postingan (Atom)

    face2face - Facebook Chat!