blog tutorial |
| You are subscribed to email updates from Kolom Tutorial To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
blog tutorial |
| You are subscribed to email updates from Kolom Tutorial To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
blog tutorial |
| Pasang Widget 2 Kolom Di Bawah Posting Posted: 25 Mar 2010 02:06 AM PDT Huhhh… akhirnya bisa kembali ngeblog setelah dua minggu mempersiapkan segala infra struktur untuk KR Webhosting. Pada posting terdahulu yang berjudul Membuat widget Dibawah Posting telah di tulis bagaimana cara membuat widget di bawah posting pada template blogger, namun pada tutorial tersebut hanya membuat berupa satu kolom saja. Rupanya ada yang penasaran dan menanyakan tentang bagaimana membuat widget dibawah posting agar bisa menjadi dua kolom? Yuk kita bahas. Prinsip dasar yang harus diingat adalah anda membuat satu kolom utama yang ukuran lebarnya sama dengan lebar kolom posting seperti yang telah di terangkan sebelumnya, kemudian kita membuat lagi dua buah kolom di dalamnya, yang satu diatur agar berada disebelah kiri dan kolom yang satu lagi berada disebelah kanan. Berikut ilustrasinya :
Dari ilustrasi di atas terlihat ada 3 buah kolom, dalam kenyataannya kolom tersebut bisa memakai garis pinggir agar terlihat kolom-kolomnya atau bisa juga tidak ditampilkan sehingga tidak akan terlihat bahwa disitu adalah merupakan gabungan dari 3 buah kolom. Bagaimana cara mengatur tata letak kolom-kolom tersebut? jawabnya yaitu dengan kode CSS. Dengan CSS kita dapat mengatur semua itu, baik lebar kolom, warna dasar kolom dan lain-lain. Sebagai contoh, kolom utama akan dinamakan .bawahpost kolom kiri akan dinamakan .bawahkiri, kolom kanan akan dinamakan .bawahkanan. CSS class nya akan seperti ini :
.bawahpost { } .bawahkiri { } .bawahkanan { }
Yang harus anda perhitungkan pertama kali adalah anda harus mengetahui berapa ukuran lebar kolom posting anda, sehingga nanti bisa menentukan berapa lebar kolom kiri serta kolom kanan. Sebagai contoh misalkan kolom posting adalah sebsar 550px, maka kolom kiri dan kanan tinggal di bagi dua, namun anda juga harus memperhitungkan besarnya padding serta margin, maka sebagai contoh kolom kiri akan kita jadikan 265px dan kolom kanan sebesar 265px. Contoh kode CSS nya seperti ini : .bawahpost { margin:15px 0px 10px 0px; padding:5px 0; clear:both; } .bawahkiri { float:left; width:265px; margin-right:15px; } .bawahkanan { float:right; width:265px; }
Untuk contoh kode CSS sudah beres, selanjutnya tinggal kode HTML untuk memanggil fungsi CSS tadi. Karena dalam kode tadi yang dipakai adalah tanda titik ( . ) maka ini adalah fungsi class, sehingga contoh kode HTML nya seperti ini :
<b:if cond='data:blog.pageType == "item"'> <div class='bawahpost'> <div class='bawahkiri'> Kode Iklan anda yang ingin ada di sebelah kiri disini </div> <div class='bawahkanan'> Kode Iklan anda yang ingin ada di sebelah kanan disini </div> </div> </b:if>
Sebagai contoh sederhana, berikut cara-cara mengimplementasikan kode diatas pada template anda :
* Login ke blogger dengan ID anda * Klik Tata Letak * Klik Tab Edit HTML * Silahkan backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. * Klik kotak kecil disamping tulisan Expand Widget Template. * Carilah kode ]]></b:skin>, lalu copy paste kode di bawah ini persis diatasnya : .bawahpost { margin:15px 0px 10px 0px; padding:5px 0; clear:both; } .bawahkiri { float:left; width:265px; margin-right:15px; } .bawahkanan { float:right; width:265px; }
* Lalu carilah kode berikut :
<data:post.body/>
* Kemudian copy paste kode di bawah ini persis di bawahnya :
<b:if cond='data:blog.pageType == "item"'> <div class='bawahpost'> <div class='bawahkiri'> Kode Iklan anda yang ingin ada di sebelah kiri disini </div> <div class='bawahkanan'> Kode Iklan anda yang ingin ada di sebelah kanan disini </div> </div> </b:if>
* Klik tombol SIMPAN TEMPLATE. * Selesai.
Langkah diatas hanya sebagai contoh, dan mudah-mudahan anda memperoleh sebuah gambaran prinsip dasar. Karena jika anda sudah faham akan prinsip dasarnya, membuat berbagai variasi pun akan sangat mudah. Satu sebagai tambahan, jika anda menginginkan lebar kolom yang leboh dinamis, anda bisa menggunakan satuan persen ( % ) bukan memakai satuan pixel ( px ) Selamat mencoba. |
| You are subscribed to email updates from Kolom Tutorial To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Skincorner |
| Blogger launched New Blogger Template Designer Posted: 14 Mar 2010 12:58 PM PDT I just know that Blogger launched a new feature for blogger. At March 11, 2009 they are taking a big first step in improving Blogger. Not just their template designs, but also the ways that you can customize the look and layout of your blog. They provided :
Read this info on www.blogger.com/templates |
| You are subscribed to email updates from SkinCorner To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
O-OM.COM | Blog Tips dan Blogger Tutorial | |
| Blogger Support Template Designer Posted: 11 Mar 2010 07:20 PM PST Inilah yang ditunggu-tunggu para pengguna blogger selama bertahun-tahun, akhirnya sampai juga saatnya dimana blogger meluncurkan cara termudah bagi penggunanya untuk mendesain template sendiri secara online yang ditanam langsung pada halaman dashboard. Berita yang baru saja om terima dari blogger in draft tentu saja membawa angin segar buat yang kesulitan untuk men-custom tampilan blognya |
| You are subscribed to email updates from Free Blogger Template | Blogger Tutorial | Belajar Ngeblog To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Skincorner |
| Posted: 09 Mar 2010 11:26 AM PST In Love Blogger Template is my first design for SkinCorner on 2010. Actually I already finished the image last month and want to launch this one on Valentine Day. But..this Free Blogger Template can’t be done before Valentine Day because I’m very busy with my offline job. So, this is my new template “In Love” Blogger Template. This template is free, and still use 3 columns format, with a navigation bar. I’m using Echi, a chic Korean illustration again, because I loved all their illustration…and this is the preview..what do you think?
Demo | Download 89inlove.zip[10kb]
|
| You are subscribed to email updates from SkinCorner To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
blog tutorial |
| Posted: 08 Mar 2010 11:07 AM PST Semalam iseng-iseng baca komentar dari posting kemaren lusa tentang hati-hati blogger sedang gencar hapus blog. Rupanya ada yang mengingatkan saya melalui komentar, namun sayang kenapa harus bersembunyi dibalik anonim padahal komentarnya sangat bermutu. berikut kutipannya :
Dengan tidak bermaksud membela diri, namun hanya sekedar meluruskan saja dan agar tidak menjadi FITNAH seperti yang dikatakan oleh anonim, berikut alamat blog kang Rohman yang dihapus isinya oleh blogger :
http://creditloancentre.com
Sudah coba klik Restore dan berharap isinya bisa kembali, namun tetap tidak bisa kembali. Tadinya blog ini adalah demo template dari Magazine Template R.1.4, silahkan di cek disini atau disini serta disini, kebetulan sampai saat ini saya belum mengubah link demo template tersebut.
Untuk teman kang Rohman yang dihapus accountnya adalah pemilik dari http://www.kangnoval.com, silahkan ngobrol dengan pemiliknya, tanyakan kebenaran tentang yang saya tulis.apakah benar atau memang sebuah kebohongan.
Beberapa blog teman yang isinya telah di hapus oleh blogger :
Disini saya tidak bermaksud memuat sebuah artikel provokasi, namun hanya saling mengingatkan saja agar lebih berhati-hati dan sebaiknya jangan melanggar TOS blogger seperti telah di tulis pada artikel sebelumnya. Jika anda menganggap ini adalah artikel sampah, silahkan abaikan saja.
Untuk akhir tulisan yang bersifat promosi, mohon maaf jika hal tersebut mengganggu anda. |
| You are subscribed to email updates from Kolom Tutorial To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
© 2010 ·The Real Blogger Modified by Nataludin