Showing posts with label tutorial blog. Show all posts
Showing posts with label tutorial blog. Show all posts

Thursday, March 29, 2012

Lutju nich bisa getar

iseng2 jalan2 ksana kemari, dapat tuto lutju, coba aja taruh mouse di gambar, hahaha jangan kaget kalo ada gempa (gambar e bisa goyang dombret n ngebor cooy) wkwkwkw, aku copas dari sini, hehe gan ane copas gpp kan???

Testing2, letakkan cursor pas di gambar, n taraaaaaaaa langsung dweh gambar e Ngeborrrrrr haha.
versi extreme




versi santai




Gambar biasa , hehe


Sunday, September 25, 2011

Cara Nak Buat Tabel




Ciluuuuuuuk... baaaaaaa.....
hehehe kaget gak temen2, hehhe.
Assalamu'alaikum temen2, kali ini kun akan memposting cara pembuatan table eh tabel maksud kun, hehehe.
Langsung aja ya :

Tabel Tunggal

Kodenya kek gini :
<table border="1" style="width: 100px;"><tr>
<td>
testink
</td>
</tr>
</table>

n hasilnya kek dibawah ini :

testink


terus kalo temen2 ingin buat tabel yang garisnya tebal, temend2 tinggal ganti tulisan yang berwarna hijau itu sesuai keinginan.
Example :
ini borderNya kun pake size 5, jadinya kek gini :

testink

Tuch jadi tebalkan???


Dua Kolom


Kodenya kek gini :


<table width="200" border="5">

<tr>
<td align="center">
test1
</td>
<td align="center">
test2
</td>
</tr>
</table>

n hasilnya, kek dibawah ini :

test1
test2

kalo mau nambah baris kolom 

Kodenya kek gini :


<table border="1" style="width: 300px;">

<tr>
<td>
test1
</td>
<td>
test2
</td>
</tr>
<tr>
<td>
tset3
</td>
<td>
test4
</td>
</tr>
</table>

n hasilnya kek dibawah ini:

test1 test2
tset3test4

Gimana???? mudahkan cara buatnya.
Gud luck plend ^^



Wednesday, September 14, 2011

Cara buat kursor bertabur PeLangi


Ayo kita buat kursor yang bertabur bintang, pasti akan menambah cantik blog yang kita punya, mau tau cara buatnya, simak benar2 ya, kalo bisa langsung praktek aja, kan bisa tau langsung hasilnya, Ok. Or kalo mau tau hasil akhirnya silahkan liat disini aja, gimana??? Bagus kan??? *gerakkan kursor, cruink...cruink... pelangi menebar...


Cara buatnya :


1. Design
2. Add Gadget
3. Html / JavaScript
4. Lalu masukkan kode dibawah ini :

Tuesday, September 13, 2011

Animasi Blockquotes

Alhamdulillah... akhire aku berhasil buat Animasi blockquotes, liat tuh di bawah, OkE kan??? yey Cantiknye... kalo temen2 juga pengen buat kayak gitu, monggo silahkan disini Q dapat itu tutorial... thanx Fazeera ^

WeLcome To mY Blog Kauand2
Lagi Testing BLockQuotes nich.

Friday, September 9, 2011

Cara buat Tulisan Read More

Gampang kok aslie,
nich aku punya langkah2 e dalam pembuatan read More, berikut Caranya:

1. Login ke blogger temen2
2. Lalu ke blogger dashboard
3. Tekan entri baru kalau mau buat postingan baru or kalau temen2 mau mengedit tekan edit entri
4. Lalu isi judul posting tersebut
5. Lalu jika temen2 selesai memposting tekan gambar yang ada di bar atas, itu yang gambar e kertas robek (insert jump break) *panah ungu* , pilih letak tulisan yang mau di potong dimana.
6. Tekan terbitkan entri
7. Kalau sudah selesai, tekan jendela baru lihat blog
8. Lihat postingan temend2 berhasil atau tidak.

Nach mudahkan...

Tuesday, August 9, 2011

Membuat Efek Teks Neon Light Pada Postingan

Membuat Efek Teks Karaoke di Postingan

Tuesday, May 31, 2011

Anti Copas

<style>
#roomanclik{display:block;
-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;
user-select:none;unselectable:on;
}</style>
<div id="roomanclik">
Tulis paragraph atau kalimat disini
</div>

Saturday, May 21, 2011

Mengenal Jenis Border Blog dan Cara Membuatnya

Pagi ini ane mau mengenalkan tentang boder. Mau tau Apa itu border ...? Border adalah garis tepi atau garis yang berada di setiap sisi dan biasanya untuk membedakan letak suatu komponen baik widget, Gadget atau yang lainnya.

Dalam Template blogger terdapat beberapa jenis atau style atau juga tampilan dari border ini. Adapun jenis border yang saya ketahui antara lain:

Thursday, May 19, 2011

Cara membagi isi posting menjadi 2 kolom




dari pada pening mikirin ini itu... mending buat es teh ae... seger  kayak e,,, ma posting cara buat es teh , upst salah,,, hehehehe. just kidding, maksud ane cara buat ini posting yang bisa jadi 2 kolom :


Nich carae :

1. copy kode dibawah ini di posting temen2 :

<table Cellpadding="10" Cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" Width="300"> Artikel di bagian kiri</td><td align="justify" valign="top" Width="300"> Artikel di bagian kanan</td> </tr>
</tbody></table>



2. keterangan :

* cellpadding="10" : adalah jarak antara tepi kolom dengan tulisan;
* cellspacing="10" : adalah jarak antara dua kolom;
* width="300" : adalah lebar masing-masing kolom;
* align="justify" : adalah perataan teks;
** justify : rata kanan kiri
** left : rata kiri
** right : rata kanan
** center : rata tengah;
* valign="top" : adalah perataan vertikal;
** top : rata atas
** bottom : rata bawah
** middle : rata tengah;

3. Temen2 bisa merubah sesuai keinginan...
4. Selamat mencoba... Gud Luck...




Memindah tulisan read more dari kiri ke kanan



cara membuat tulisan read more atau baca selengkapnya atau baca selanjutnya atau apalah terserah anda nanti mau di ganti dengan apa tulisan read more nya, berada di sebelah kanan.

1. Login blogger
2. Dasbor --- Tata letak --> Edit HTML
3. Kemudian centang Expand Template Widget
4. Hapus code yang ini :

<div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
      </div>
    </b:if> 

5. Ganti dengan code yang ini :


<div class='post-body entry-content'>
      <data:post.body/>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
      <div style='float:right;padding:10px 0px 5px 0px'>
      <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
      </div>
      </div>
    </b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Lalu Save.
7. Gud luck...

Tuesday, May 17, 2011

Zoom pict


with ugak tau nich ane penyebabnya??? kemarin ane pas testing ini tutorial bisa loch. Tapi tau2 pas ane mulai edit2 tak tambahi ini itu, malah ini pict gak bisa fungsi jQuery e, halah ben e wes... hehe.
kalo pengen tau hasil yang terbukti bisa klik disini, ane testing di blog ane yang ini bisa polae...

Saturday, May 14, 2011

test Zoom




Tuk buat gambar jadi besar, gunakan code berikut ini :
Save script diatas code < /head>


  • lalu Save
Untuk pemanggilan script diatas pada gambar kalian gunakan kode berikut:


Saturday, May 7, 2011

Buat Gallery Photo















Friday, May 6, 2011

Gambar miring




wahahahahaha, miring tenan wes sak wong2e iki, jarne wes.... wkwkwkwkwk


Efek Thumbnail hover preview pada image


Testing yek.... berhasil gak.....




  • T-shirt t-shirt
  • coklat coklat
  • coklat coklat









Sumber : brugkembar


Monday, January 24, 2011

Cara Mengganti Favicon di Blogger

Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut caranya :

Copyright © 2009- kunitmaulana