menambah kolom pada tempate baru di blogspot

Jika mengacu kepada standarisasi dari template blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :

Elemen Header

Elemen Outer

Elemen Footer


Untuk elemen Outer di bagi kembali menjadi :

Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.


uke..langsung aj yiaa....

Sign in di blogger

Klik menu Layout

Klik menu Edit HTML

Ingat ! jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan mencentangnya, karena jika sobat mencentangnya nanti akan keluar kode-kode widget yang memusingkan kepala.
cari kode sperti di bawah ini:

#header-wrapper {<br /> width:660px;<br /> margin:0 auto 10px;<br /> border:1px solid $bordercolor;<br /> }

ganti nilai 660px dengan 840px, sehingga kodenya jadi seperti ini :


#header-wrapper {<br /> width:840px;<br /> margin:0 auto 10px;<br /> border:1px solid $bordercolor;<br /> }

Cari kode seperti di bawah ini :


#outer-wrapper {<br /> width: 660px;<br /> margin:0 auto;<br /> padding:10px;<br /> text-align:left;<br /> font: $bodyfont;<br /> }

ganti nilai 660px menjadi 840px, sehingga kodenya menjadi seperti ini :


#outer-wrapper {<br /> width: 840px;<br /> margin:0 auto;<br /> padding:10px;<br /> text-align:left;<br /> font: $bodyfont;<br /> }

cari kode seperti di bawah ini :


#sidebar-wrapper {<br /> width: 220px;<br /> float: right;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}

Copy paste kode berikut persis di bawah kode yang seperti di atas :


#sidebarbaru-wrapper {<br /> width: 180px;<br /> float: right;<br /> psdding-left:10px;<br /> word-wrap: break-word; <br /> overflow: hidden; <br />}

Cari kode seperti di bawah ini :


#footer {<br /> width:660px;<br /> clear:both;<br /> margin:0 auto;<br /> padding-top:15px;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> text-align: center;<br />}

Ganti nilai 660px menjadi 840 px, sehingga kodenya akan seperti ini :


#footer {<br /> width:840px;<br /> clear:both;<br /> margin:0 auto;<br /> padding-top:15px;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> text-align: center;<br />}

Cari kode seperti di bawah ini :


<div id="'sidebar-wrapper'"><br /> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"><br /><b:widget id="'Profile1'" locked="'false'" title="'Mengenai" type="'Profile'/"><br /><b:widget id="'BlogArchive1'" locked="'false'" title="'Arsip" type="'BlogArchive'/"><br /></b:section><br /> </div>

Copy kode berikut, lalu paste persis di bawah kode yang seperti di atas :


<div id="'sidebarbaru-wrapper'"><br /><b:section class="'sidebar'" id="'sidebarbaru'" preferred="'yes'/"><br /></div>


# Klik tombol Simpan Template

# Selesai.

Untuk melihat efek hasilnya, silahkan klik Elemen Halaman apakah sudah berformasi tiga kolom atau belum? jika sudah, silahkan isi sidebar tersebut dengan apa saja lalu lihatlah hasil nyatanya.

Langkah-langkah di atas merupakan metoda dasar saja, untuk menambahkan variasi lain, sobat memerlukan pengetahuan serta kretifitas. Agar sobat yakin dengan apa yang saya terangkan, sobat bisa melihat contoh yang sudah jadi, silahkan klik di sini !

efek ketikan pada blog

langsung aj yiaaa.......keburu lampu na mati...hahha^^

1. Login ke blogger
2. Pilih Tata Letak
3. Klik Edit HTML
4. Cari kode
5. Paste script berikut ini tepat diatas kode


<script><br />var tit = document.title;<br />var c = 0;<br />function writetitle() {<br />document.title = tit.substring(0,c);<br />if(c==tit.length)<br />{<br />c = 0;<br />setTimeout("writetitle()", 2000)<br />}<br />else {<br />c++;<br />setTimeout("writetitle()", 275)<br />}<br />}<br />writetitle()<br /></script>

truss jgn lupa di save.ukee....
nah...silahkan mencoba

variasi link di blog

pengen kan punya link keren...biarr enak di pandang n terkesan lebih cantik...

nahh dsinii ad beberapa cara.......mngkn bagi yg uda snioor pasti ga asing lgii....
tp buat pra pemula kayak ayee nih..past seneng bgt bs pasang link keren ginii.....

ya uda kita share aj yiaaa....

1.link berwarna warni ketika di sorot

<a href="http://miyha86.blogspot.com/">NAMA BLOG</a>

2.link terbuka ketika di klik

<a href="http://miyha86.blogspot.com/" onmouseover="window.location=this.href">NAMA blog</a>

3.link terbuka ketika di sorot.

<a href="http://miyha86.blogspot.com/" title="[Blog tutorial bagi pemula dan belajar berbisnis on line secara gratis! jangan lupa kritik dan sarannya ya di kotak komentar!]">NAMA BLOG</a>

4.link berkedip

<ahref="url><blink>NAMA BLOG</blink></a>

semoga bermanfaat..............

efek salju di blog

wahhh....posting lagi nih.hihiih^^

Pernah liat ga halaman blog yang ada salju bertebaran?past sering donk....

maap yiaa....mngkn uda byk yg tauuu cr msg nya,tp we posting buat pr pemula aj....sm kayak ayee...hehhe.

lgsg aj yiaaa...

Langkah pertama:

Login ke blogger, kemudian masuk ke layout atau tata letak
=>klik add page element atau tambah elemen halaman
=>pilih HTML/javascript

Langkah selanjutnya

Copy dan pastekan kode dibawah ini :

<script type="text/javascript" src="http://achmad46.googlepages.com/snow.js"><br /></script>

simpan dan lihat hasilnya

CARA MEMBUAT VARIASI HURUF

Untuk membuat variasi huruf pada artikel yang kita tulis di setiap postingan sebenarnya sangatlah mudah sekali, kita hanya membutuhkan sebuah script singkat saja, sehingga akan terciptalah huruf-huruf yang ingin kita tampilkan. Dibawah ini saya akan tampilkan beberapa contoh variasi huruf tersebut dan juga script apa saja yang akan kita gunakan untuk membuatnya.

1.untuk membuat efek blink blink :

<center><blink><span>Pingin Belajar</span></blink></center><br />

maka hasilnya akan seperti ini:

Pingin Belajar

2.Anda juga bisa menambah script dan untuk menambah efek miring (italic)

<i><center><span>Pingin Belajar</span></center></i>

maka hasilnya:

Pingin Belajar

3.Anda bisa menambahkan dengan script dan untuk meletakkan huruf tersebut pada posisi tengah

<center><span>Pingin Belajar</span></center>

maka hasilnya:

Pingin Belajar

Keterangan :

- Script size menandakan ukuran huruf, silahkan ganti dengan "1" sampai dengan "7" sesuai ukuran yang anda inginkan
- Script face menandakan jenis huruf, silahkan ganti dengan jenis huruf yang anda inginkan
- Script color menandakan warna huruf, silahkan ganti dengan warna yang anda inginkan dalam versi english

membuat huruf berjalan di URL

ae shobat....hihi postingan ke2 nih,kali ini mw share lagi....prna liat gak pas km nge klik n masuk di blog se2org truss nama blog nya itu bs jalan...wahh past keren tuhh.

nah disinii au mw share caranya biar blog shobat smuaa bs tambah keren dikitt...hehhe dikiiitt aje yeee......mklum same same pemula....
lgsg aj yeee...........

1. Ketik script di bawah ini

<script><br />var pesan = " || Meindra's Blog ";<br />var speed = 200;<br />function the_free87()<br />{<br />document.title=pesan;<br />pesan=pesan.substring(1,pesan.length)+pesan.charAt(1);<br />setTimeout("the_free87()",speed);<br />}<br />the_free87();<br /></script>

2. login pada blog kamu
3. pada layout pilih edit html,trus centang tanda expant
4. cari

>>>head

dan letakkan tepat dibawahnya.
Selamat mencoba....

script hujan cinta

ae shobat.......nih posting pertamaku,hiihih.....abis blogwalking kmna2 eeee nemu ide buat script cantik ini......iya ciii ilmu na hasil share jg dr para senior.
udahh aaahh lngsg aja...........biar tmn km betah atau yg lewat d blog kamu ademmm tyuzzz,nih ada script manis n cantik for u blog.

untuk script Hujan Cinta
<script src="http://anas.ku93.googlepages.com/lovingheart.js"><br /></script>


dan seperti biasa untuk pemasanganya langkah - langkahnya sebagai berikut
1. login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Pilih tambah HTML JavaScript.
5. Copy script diatas kemudian paste kedalam kotak HTML JavaScript.
6. Klik tombol Simpan

and silahkan lihat keajaiban kecil yang sudah anda buat...
selamat mencoba...