Selasa, 13 Oktober 2009

Menambahkan Footer 3 Kolom di Template Blogger Anda

Menambahkan Footer 3 Kolom di Template Blogger Anda

Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.
1. Seperti biasa login ke blogger.com
2. Kemudian klik “Expand Widget Template”
3. Lantas save template anda kalau-kalau terjadi kesalahan
4. Kemudian temukan ini:



<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

5. Ganti tag yang berwarna merah dengan script berikut:


<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>


6. Save template anda!

Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.




»»  read more

Senin, 12 Oktober 2009

Bagaimana cara agar kode HTML bisa tampil di postingan blog?

Terkadang banyak para blogger yang ingin memberikan tips atau trik untuk netter ato blogger lain agar bias saling berbagi pengetahuan dan keahlian namun kesulitan yang sering terjadi adalah “bagaimana agar kode HTML bisa tampil di postingan?”

Pasti Anda bingung pada waktu posting kode HTML di blog Anda, yang muncul bukan kode yang diinginkan melainkan hasil dari kode HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti kode HTML banyak diposting.

Untuk itu para penulis yang belum tahu cara posting kode HTML saya kasih cara yang termudah (walaupun caranya macem-macem tapi ini saya ambilkan yang mudah saja) bahkan paling mudah:

Caranya, Encode saja kode HTML yang ingin Anda posting di situs di bawah ini:

http://centricle.com/
http://www.opinionatedgeek.com/


Caranya cuman tinggal taruh itu kode HTML yang ingin di posting lalu klik tombol "Encode", dan hasil dari Encode itu yang Anda posting di blog Anda.
Cara postingnya….ya pakek copy paste lah… masa’ copy SUSU donk !

Guampang tho? Coba aja kalo nggak percaya…

Selamat mencoba dan semoga bisa menambah kreatifitas Anda



»»  read more

Cara Membuat Read More Blog

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>


Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

»»  read more

ciri-ciri JOMBLO


Ternyata dalam status Jomblo itu terbagi-bagi menjadi 9 jenis status jomblo. Hal ini tidak pernah saya pikirkan, entah saya ini memiliki status jomblo apa dan bagaimana ciri-cirinya. Karena bagi saya yang namanya jomblo itu ya sendirian ga punya pacar entah itu cewek maupun cowok. Ga ada masalah kok dengan status yang namanya jomblo itu. Buktinya tetep aja happy-happy ajah orang-orang jomblo. Yah memang ada plus dan minusnya sih. Tapi yang jelas orang jomblo bukan berarti ga laku cuman belum laku :P . Ya udah mari kita simak langsung jenis-jenis status jomblo.



1. Jomblo Sejati –Jomblo yang satu ini murni belum pernah pacaran, belum mengerti tentang cinta, fokus pikirannya hanya belajar
dan belum pernah naksir siapa siapa.
Ciri-cirinya : Kacamata tebal,
penampilan tidak terjaga, fashion
berantakan dan sering keliatan korek
upil didepan umum.

2. Jomblo Sniper –Jomblo yang ini belum pernah pacaran
tetapi sudah ada yang sejak lama
ditaksirnya hanya saja blom berani
nembak sampe sekarang. Ciri-cirinya :
Sering tidak keliatan di tempat umum
karena kurang PD dan nyali, sering
mangkal ditempat tempat sepi, kadang
membawa teropong untuk mengintai dan
terlihat membawa banyak karet gelang
untuk nembak cicak didinding.


3. Jomblo Negatif –Yang satu ini baru jadi jomblo setelah
dipecat (dibaca:ditinggal/diputusin)
oleh pacarnya dan berada dalam suasana
sedih, desprated, dikecewakan, tidak
bisa terima kenyataan dan membenci
yang namanya cinta. Ciri-cirinya :
Gampang sirik, sering kesel, bad mood,
emosional dan membenci film film
berbau romantis. So bagi yang lagi
mesra mesra nya mohon hindari jomblo
yang satu ini apalagi yang sabet
mantan pacarnya. VERY DANGEROUS !


4. Jomblo Biru –Jomblo yang satu ini baru putus
pacaran secara resmi (sama sama
merestui) karena uda bosan atau jenuh
dan lagi kosong. Ciri-cirinya : Wajah
ceria seperti narapidana yang baru
bebas, menikmati hidup dan menemukan
kehidupannya kembali, sering terlihat
hangout rame rame dan happy happy dan
banyak lagi, kesimpulannya MERDEKA !
5. Jomblo Finale –Jomblo yang satu ini uda lagi dekat
dekatnya dengan seseorang dan hampir
melepas status kejombloannya. Ciri-
cirinya : Setiap hari tidak terlepas
dari cermin, make up, fashion update,
bodycare, rajin rajin baca zodiak,
sering senyum senyum sendiri kalo lagi
baca SMS.


6. Jomblo Hunter –Jomblo yang ini menikmati kehidupan
jomblonya dan sering sekali gonta
ganti pasangan dan jomblo lagi,
hunting lagi,
jomblo lagi, hunting lagi dan
seterusnya…jomblo lagi…
Ciri-cirinya : Punya bakat selebriti,
PD abis, daya tarik yang luar biasa,
terlihat sering tebar pesona sana sini
dan makanan sehari hari : add friend
di Friendster.


7. Jomblo Impossible –Khusus cowok, yang ini berstatus
jomblo karena yang ditaksirnya adalah
seseorang yang tidak mungkin didekati
lagi, seperti selebriti selebriti
(Britney, JLo, Maskot Kensington),
istri tetangga, pacarnya konglomerat,
istri simpanan bos, dll Ciri-cirinya :
Selalu tampil keren 24 jam sehari 7
hari seminggu, kalo berbicara seperti
aktor dan merasa dirinya Tom Cruise.


8. Jomblo Forever – Khusus cewek, yang ini berstatus
jomblo karena menunggu dan berharap
bisa menikahi pria idaman
seperti :Andy lau,Jang Dong Gun,Brad
Pitt. Ciri-cirinya : Terlihat menempel
foto, poster idolanya dimana mana,
dikamar tidur, kamar mandi, buku
tulis, wallpaper handphone dan dalam
dompetnya. Dalam doanya : Jadikanlah
aku cinderela dan Jang Dong Gun
Pangerannya.


9. Jomblo Error –Jomblo ini belum pernah bisa sukses
pacaran karena asal nembak seseorang
gagal terus, nembak yang lain ditolak
terus dan selalu naksir seseorang yang
sudah ada yang punya. Kacihan deh loe.
Ciri-cirinya : Selalu keliatan berapi
api, bernafsu, kalo kenalan langsung
tawarin tunangan besoknya langsung
ngajak merried. Kata kata pertama
sewaktu kenalan : “Hi, kenalan nama
gue…, married yuk!”
»»  read more
 
KeluarJangan Lupa Klik Like Dan Follow ya!

Receive all updates via Facebook. Just Click the Like Button Below

Powered By Blogger Widgets