Sunday, April 15, 2007

3 Kolom template Lagi..

Hanya membantu bagi yang mencari template 3 kolom tapi gak nemu nemu...kalian bisa download disini, atau bisa kalau mau tahu lebih detail gimana sih cr buatnya bisa kunjungi link Hackosphere atau Hoctro mereka menyediakan template secara gratis..

ini beberapa link untuk download yang saya ambil dari kedua blog diatas
Hacked-scribe Live ( download template)

Hacked minima live (download template)

ini saya dapat dari blog Hoctro :
3 kolom rounders
3 kolom rounders 2
3 kolom rounders 3
3 kolom rounders 4


Silahkan pilih sesuai selera !!

Read More......

Pasang Badge Button untuk tukeran Link

Mencari dan mencari...akhirnya dapat juga cara pasang button untuk tukeran link..caranya saya dapatkan dri blognya Mbak Faniez
ini adalah kode untuk memasang pada widgets anda...untuk cara selengkapnya bisa baca di blognya Faniez

kode ini saya tulis untuk dokumen saya aja...untuk cara bagaimana membuat button badge itu dijabarkan dengan lengkap di blog Faniez. disini untuk upload gratisan saya memakai ripway

<a href="AAA"><img src="BBB" border="0"></a><br>
Copy kode di bawah ini: <br>
<form>
<textarea name="code" rows="3" cols="13">
<a href="http://AAA" target="_blank">
<img src="http://BBB" border="0">
</a>
</textarea>
</form>

AAA ganti dengan alamat blog anda..misalnya http://3kolom.blogspot.com
BBB ganti dengan alamat url dimana anda upload gbr anda misal http://www.ripway.com/3kolom.png

maka tampilan akan menjadi seperti ini :



Copy kode di bawah ini:





nb: anda bisa mengganti rows dan clos sesuaikan dengan kebutuhan anda.
untuk secara detai bisa dilihat pada blog Faniez


Read More......

Friday, April 13, 2007

Zodiak

koleksi gambar zodiak...silahkan pilih dan simpan sebagai wall paper...


click read more untuk melihat gambar lainnnya







Read More......

Cara membuat format 3 kolom

Buat yang seneng ngutak ngatik blog, saya akan mencoba menguraikan bagaimana cara membuat 3 kolom dari format template standar..ini merupakan ringkasan dan translate dari blognya Hans yang saya temukan gak sengaja dari googling..marilah kita mengenal struktur blogger kita.

Blogger template standart mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yng merupakan page elements yang bisa dipilih dari tab template. Jika kita membuat blog baru yang masih fresh maka tampilan tab page element akan seperti ini :



Layout ini mempunyai 4 sections: Header, Main (with the Blog Posts), Sidebar and Footer.
The HTML-template terlihat spt ini (no baris untuk mempermudah saja):

010: <body>

020: <div id='outer-wrapper'>l<div id='wrap2'>

030: <!-- skip links for text browsers -->

040: <span id='skiplinks' style='display:none;'>

050: <a href='#main'>skip to main </a>

060: <a href='#sidebar'>skip to sidebar</a>

070: </span>

080: <div id='header-wrapper'>

090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)'type='Header'/>

110: </b:section>

120: </div>

130: <div id='content-wrapper'>

140: <div id='main-wrapper'>

150: <b:section class='main' id='main' showaddelement='no'>

160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

170: </b:section>

180: </div>

190: <div id='sidebar-wrapper'>

200: <b:section class='sidebar' id='sidebar' preferred='yes'>

210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

230: </b:section>

240: </div>

250: <!-- spacer for skins that want sidebar and main to be the same height-->

260: <div class='clear'> </div>

270: </div> <!-- end content-wrapper -->

280: <div id='footer-wrapper'>

290: <b:section class='footer' id='footer'/>

300: </div>

310: </div></div> <!-- end outer-wrapper -->

320: </body>

baris 010 dan 320 adalah body tags. Semua kode2 harus diletakkan diantara 2 tags ini

baris 020 dan 310 adalah div tags untuk 2 wrapper, wrapeer dikenal juga " outer wrapper" dan wrapper dikenal "wrap2". dalam CSS kita dapat mendefinisikan jenis huruf , warna, dan styling untuk wrappers.

baris 080 sampai 120 adalah header. seperti yang kita lihat disana ada div-wrapper (080 dan 120),section-tags (090 dan 110) dan widgets yang didlmnya ada header (100)
baris 130-270 adalah content (blog post dan side bar ) .disana ada div-wrapper yang disebut content wrapper (130 dan 270) dan didlm wrapper ini ada 2 atau lebih wrapper : main wrapper (140-180) dan side bar wrapper (190-240)

didalam main-wrapper kita dapat menemukan the main-section (150 dan 170) dengan Blog-widget (160). widget ini mengandung post post kita.

didalam sidebar-wrapper kita menemukan the sidebar-section (200 dan 230) dengan Archive-widget (210) dan Profile-widget (220).

dan terakhir ada Footer (280-300).

setelah mengerti struktur mari skr lihat format template ini... di "stylesheet kiat akan menemukan kode seperti dibawah ini :

#outer-wrapper {
width: 660px;
padding: 10px;
....... }

#main-wrapper {
width: 410px;
float: left;
....... }

#sidebar-wrapper {
width: 220px;
float: right;
........ }

The outer-wrapper mempunyai lebar 660 pixels. Padding diset 10 pixels, sehingga semua yang ada didalam outer wrapper mempunyai jarak 10 pixel dari border sehingga menyisakan 660 - 20 = 640 pixels untuk main-wrapper and sidebar-wrapper.
The main-wrapper mempunyai lebar 410 pixels, dan floats to the left.
The sidebar-wrapper had a width of 220 pixels, and floats to the right. Together, main-wrapper and sidebar-wrapper have a width of 410 + 220 = 630 pixels. ditengah ada space 640 - 630 = 10 pixels.
jadi kita harus membuat space jika ingin menambah side bar

Menambah side bar ke 2
pertama kita akan menambah sidebar ke struktur template kemudian kita akan menambahkan itu ke CSS dan membuatnya pas dengan halaman yg kita buat.


Step 1: Backup template ( ini penting klao kegagalan terjadi anda tdk kehilangan template lama)

Step 2: buat right-sidebar
ganti baris 190 and 200 menjadi :
190: <div id='right-sidebar-wrapper'>
200: <b:section class='sidebar' id='right-sidebar' preferred='yes'>

nb: angka 190 dan 200 jangan dikopi


pada CSS style-sheet, ganti "#sidebar-wrapper" menjadi "#right-sidebar-wrapper".
lalu save changes

Step 3: menambah sidebar kiri dengan menambah baris kode pada :


131: <div id='left-sidebar-wrapper'>

132: <b:section class='sidebar' id='left-sidebar' preferred='yes'/>

133: </div>

angka 131,132,133 jangan ikut dikopi

sekarang simpan template dan lihat ke halaman page element



dapat kita lihat ada penambahan section baru , dibawah header dan diatas the posts, tp itu blm berada di sisi samping , oleh krn itu kita harus menambahkan kode CSS


Step 4: tambah CSS untuk left sidebar.
pada CSS-style sheet kamu , tambahkan kode ini:
#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

Maka Tampilan akan seperti ini:



Step 5. ganti lebar outer-wrapper and header-wrapper .
pada CSS-stylesheet carilah #header-wrapper and #outer-wrapper definitions, dan ganti lebar 660 to 860.

maka tampilan akhir akan menjadi seperti ini :


saat mencoba ini hasilnya memang bisa untuk 3 kolom, tp yang sayamasih bingung juga knp tampilan page elementnya ngaco...tp anehnya kalo di view..yah hasilnya bagus....jadi gak masalah deh untuk sementara...Kalo bingung lebih baik liat kesini langsung siapa tau bisa menemukan jawabannya

Read More......

3 Kolom

Kesampaian juga bikin blog 3 kolom, makanya blog ini saya namakan 3 kolom. saya akan menyediakan template template 3 kolom...baik hasil dari modifikasi atau download dr blog teman2 yang lain. silahkan kalo ada yang mau template 3 kolom punya saya bisa download disini






Read More......