Free Template: Polskie Long Island

I've completely convert the new blogspot template that it's framework taken from 'biyanmodif sp2'. This templates design by Pilej and convert by me.

To see the data or features of this templates, please go here.

Please read this if you want to use our templates:

- This template credited to Pilej and Biyan. You may not change or deleted the credit link.

- All of images and design licensed under creativecommons.org. Change or deleted the credit mean you use an illegal copy.

- This templates distributed under KINGtemplates permission and you can share to another for free.

- You can modified it as long as you did not change or deleted the credit.

- You can distributed it.

You can find installation instruction in file. If you have any question please lt us know by sending an email to biyanpasau@gmail.com

------------
Live Preview | Download

Free Template: Polskie Long IslandRead More

Iklan Mengganggu Content

Ada beberapa blogger yang menggantungkan hidupnya pada adsense, TLA atau semacamnya. Sebagian menggunakan cara yang sopan, tetapi tidak sedikit yang menggunakan cara yang agak jorok. Bahkan ada juga yang sedikit malu malu dan menerapkan cara yang sopan tetapi agak sedikit jorok :)

Kadang saat sedang mengunjung blog sahabat walau hanya sekedar membaca kontent mereka (*bukan blogwalking), saat melihat iklan yang menggangu, popup window, auto click, hidden ads, kamuflase, dll yang kurang senonoh...rasanya ingin langsung menutup blog seperti itu.

Saya rasa, bukan masalah kalau blogger memasang iklan di blognya. Yang menjadi masalah adalah ketika mereka menghamburkannya sehingga visitor tidak sedang membaca artikel tetapi seperti membaca iklan.

Saya juga tidak terlalu menyukai jika iklan diletakkan didalam artikel. Betul betul menggangu konsentrasi.

Saya salut dengan mereka yang bermain secara seimbang. Walaupun banyak, tetapi mereka memasang iklan dengan tertata rapi. Dan yang terpenting dari itu...visitor tidak terganggu. Kalau memang saya merasa puas dengan artikel sobat...saya sempatkan mengklik iklannya kuk. Jangan takut...yang penting content berkualitas. ok?

Dan diakhir kalimat, "mari bermain secara jujur". Gak untung hari ini, mungkin saja besok. Cosa Aranda saja tidak sukses dalam waktu yang singkat. Semuanya butuh proses.

Iklan Mengganggu ContentRead More

Membuat Halaman Statis di Blog

Ada informasi terbaru dari Blogger in Draft, pasalnya, mereka telah meluncurkan Static Pages pada engine blogspot. Informasi ini pertama kali saya peroleh dari Kang Rohman.

Static Pages:
static pages adalah halaman statis yang tidak termasuk dalam postingan blog. Biasanya user menggunakannya sebagai halaman ID, atau Halaman Contact. Fitur ini sudah lama dimiliki oleh pengguna Wordpress.

Untuk informasi terlengkapnya bisa dibaca langsung di Blogger in Draft. 22 Januari 2010, artikel ini ditulis, fitur tersebut masih dalam uji coba. Belum lagi, pada tanggal 21, 1 hari yang lalu dari artikel ini, pihak Blogger in Draft mengeluarkan pernyataan bahwa fungsi ini sedang didesable. Akan dimunculkan kembali secepatnya.

Qoute from: B. i. Draft:
Update (1/21 @ 8:54 PST): We've temporarily disabled creating & editing pages. You can still view the pages you've already created. We will re-enable ability to create and edit pages soon.

Dengan adanya fitur ini, pengguna blogspot yang dulunya sangat memimpikan static pages kini bisa menikmatinya. Kita tunggu saja sampai pihak blogspot meresmikan fitur terbaru mereka.

Membuat Halaman Statis di BlogRead More

Free Template: Mr. Brown

Read this before used:

This template credited to Biyan A. Pasau. Please read this TOS below:

1. You can used and share this template as free one.
2. You can modify it.
3. You must not deleted or change the credit.
4. If you've modified it, please put credit to http://kingtemplates.blogspot.com as last framework.

How to Use

Download the full file (click here to download) >> Extract >>Go to layout >> Edit HTML >> Upload the XML file.


Change the Background

To avoid an inflated bandwidth, I encourage you to upload images to your images hosting such as photobucket.com. After that, read this instruction:

1. Put Background Images
Find this at your template body:

body {
background:#e8dfd0 url(xxxxxx) repeat;

Change the blue one (xxxxxx) as your own image.



2. Header
#header {
background: #655c55 url(yyyyyy) no-repeat;

Change that green one (yyyyyy) with your own image.

3. Background Content

#content-wrapper {
width: 800px;
background: url(zzzzzz) repeat-y;
}

Change the red one (zzzzzz) as your own image.

---

At last, thank you for using my templates. I’m glad to read your comment on my blog. If you found any bug or whatever, visited me at http://deconstructionhive.blogspot.com. You can found this template update there.

Free Template: Mr. BrownRead More

Rounded Corner

Tau dengan rounded corner gak? itu lho, background, image, atau apalah yang sudutnya itu berbentuk bulat. Nilainya dinyatakan dengan radius. karena menggunakan CSS dasar termasuk property, jadi semua trik ini bisa dijalankan baik di wordpress.org terlebih lagi Blogspot.

kalau tidak bisa buat Rounded Corner di photoshop, ada tools dari third party yang sangat membantu. Klik disini.

Ada tiga cara yang paling lazim digunakan (*sebenarnya ada 4), tetapi yang saya suka hanya 3. Tutorialnya tuh sudah banyak di Google, jadi saya tidak akan menjelaskannya secara lebih terperinci. Mungkin akan diberikan link ke target langsung.

1. Background menggunakan Images
Ini yang paling mudah. Caranya dengan menyatakan background sebagai images langsung. Ada dua extention yang selalu digunakan (*sebenarnya 3, tetapi yang saya suka hanya 2) yaitu *GIF dan *PNG, bisa juga *JPG.

*JPG => tentunya harus menyesuaikan dua warna sekaligus antara warna background dan warna rounded cornernya, saya malas pakai yang ini.
*GIF => Kualitasnya tidak terlalu bagus.
*PNG => Tidak bekerja di IE6 yang notabene tidak mendukung alpha transparancy. Meskipun masih bisa diakali tetapi caranya akan rumit.

#menubottom{
width:100%;
margin:0 0 0px;
height:46px;
background:#40534a url(http://img706.imageshack.us/img706/8813/navmenu2radius7.png) no-repeat;
}

oh iya, karena IE sangat sensitif untuk pengaturan margin dan padding termasuk hal yang lainnya...jadi kadang images/background tidak muncul.

2. Property Rounded Corner
Cara seperti ini saya dapatkan dari Choen. Keuntungannya karena ini cara termudah, saya sudah coba di Safari, Chrome dan Mozilla FF (*kalau tidak salah ) dan berhasil dengan baik, untuk Opera belum. kekurangannya? Jangan terlalu berharap di IE sekeluarga.

Property-nya:

==> -moz-border-radius:7px; /* untuk mozilla FF */
==> -webkit-border-radius:7px; /* untuk Safari */

Contoh:

#header1{
background: #8a9c8e;
margin: 10px 0;
text-align: center;
color:$pagetitlecolor;
width:490px;
height:90px;
float:right;
overflow:hidden;
-moz-border-radius:7px;
-webkit-border-radius:7px;

Pengembangannya seperti dibawah ini :

-moz-border-radius-bottomleft:7px; /* kiri bawah */
-moz-border-radius-bottomright:7px; /* kanan bawah */
-moz-border-radius-topright:7px; /* kanan atas */
-moz-border-radius-topleft:7px; /* kiri atas */

3. CSS selector
Sudah ditulis dengan jelas disini.

Caranya agak rumit, tetapi bekerja baik untuk semua browser. Pengaturan margin dan padding sangat berpengaruh. Untuk hasil yang terbaik, margin/padding harus ber-value: 0px;...tergantung posisinya (boleh pasang auto).
Selain itu, cara ini tetap mengandalkan images. Hanya saja yang diambil hanya bagian rounded-nya . Posisi peletakannya diatur oleh CSS selanjutnya dipanggil dibagian HTML.

4. Javascript
Saya sudah mencoba cara ini dua kali tetapi tidak pernah berhasil. Karena itu tidak akan saya jelaskan.

Bagaimana? Masih gak ngerti y? huahahahaa..nanti aja deh. Kalau sudah banyak pertanyaan tentang rounded corner baru saya buatkan tutorial fokusnya satu persatu.

----
Tutorial ini sudah saya tuliskan sebagai thread di forum indoblogger.biz. Yang tertarik untuk berdiskusi lebih lanjut, silahkan berkunjung kesana.

Rounded CornerRead More