Daftar Isi




Selasa, 24 Juli 2012

Membuat Menu Show/Hide(Spoiler)



Judul Spoiler 1

Judul Spoiler 2 =>

Contoh diatas Code Scriptnya :
(Click Mouse untuk highlight all)




SCRIP SOBAT




Untuk Contoh diatas Kode Scriptnya :



Selamat Mencoba semoga bermanfaat

Read more »
Diposting oleh di 1 komentar:
Label:

Posting Artikel dengan menu HTML (Rata Kiri, Kanan, Semua)

Kode html Rata Kiri
<div align="left">
isi artikelnya di sini
</div>
Maka Hasilnya :
Cara agar artikel bisa rata kanan yaitu Highligh (blok) seluruh artikel yang di buat, lalu klik icon yang untuk rata kanan saja. Bila ingin rata kanan-kiri, rata kiri atau tengah semua, caranya ya sama yaitu tinggal Highligh (blok) seluruh artikel yang di buat, trus ya klik icon yang sobat mau pake, kelar deh. Selanjutnya ya tinggal publish, mudah bukan?

Akan tetapi bagi sobat yang memakai system Read more yang memakai kode <span class="fullpost">, memposting artikel artikel dengan memakai menu Compose sering menemui masalah di akibatkan jika di lihat pada menu Edit HTML akan muncul kode tadi di atas dalam jumlah yang banyak tanpa kita tuliskan sehingga sistem read more menjadi tidak bekerja dengan baik, oleh karena alasan tadi sistem read more yang saya ajarkan di blog ini adalah dengan memakai kode <div class="fullpost"> yang relatif lebih aman.
Kode html Rata Kanan:
<div align="right">
isi artikelnya di sini
</div>
Maka Hasilnya:
Cara agar artikel bisa rata kanan yaitu Highligh (blok) seluruh artikel yang di buat, lalu klik icon yang untuk rata kanan saja. Bila ingin rata kanan-kiri, rata kiri atau tengah semua, caranya ya sama yaitu tinggal Highligh (blok) seluruh artikel yang di buat, trus ya klik icon yang sobat mau pake, kelar deh. Selanjutnya ya tinggal publish, mudah bukan?

Akan tetapi bagi sobat yang memakai system Read more yang memakai kode <span class="fullpost">, memposting artikel artikel dengan memakai menu Compose sering menemui masalah di akibatkan jika di lihat pada menu Edit HTML akan muncul kode tadi di atas dalam jumlah yang banyak tanpa kita tuliskan sehingga sistem read more menjadi tidak bekerja dengan baik, oleh karena alasan tadi sistem read more yang saya ajarkan di blog ini adalah dengan memakai kode <div class="fullpost"> yang relatif lebih aman.
Kode html tulisan ditengah semua
<div align="center">
isi artikelnya di sini
</div>
Maka Hasilnya :
Cara agar artikel bisa rata kanan yaitu Highligh (blok) seluruh artikel yang di buat, lalu klik icon yang untuk rata kanan saja. Bila ingin rata kanan-kiri, rata kiri atau tengah semua, caranya ya sama yaitu tinggal Highligh (blok) seluruh artikel yang di buat, trus ya klik icon yang sobat mau pake, kelar deh. Selanjutnya ya tinggal publish, mudah bukan?

Akan tetapi bagi sobat yang memakai system Read more yang memakai kode <span class="fullpost">, memposting artikel artikel dengan memakai menu Compose sering menemui masalah di akibatkan jika di lihat pada menu Edit HTML akan muncul kode tadi di atas dalam jumlah yang banyak tanpa kita tuliskan sehingga sistem read more menjadi tidak bekerja dengan baik, oleh karena alasan tadi sistem read more yang saya ajarkan di blog ini adalah dengan memakai kode <div class="fullpost"> yang relatif lebih aman.
Kode html Rata Kiri-Kanan
<div align="justify">
isi artikelnya di sini
</div>
Maka Hasilnya :
Cara agar artikel bisa rata kanan yaitu Highligh (blok) seluruh artikel yang di buat, lalu klik icon yang untuk rata kanan saja. Bila ingin rata kanan-kiri, rata kiri atau tengah semua, caranya ya sama yaitu tinggal Highligh (blok) seluruh artikel yang di buat, trus ya klik icon yang sobat mau pake, kelar deh. Selanjutnya ya tinggal publish, mudah bukan?

Akan tetapi bagi sobat yang memakai system Read more yang memakai kode <span class="fullpost">, memposting artikel artikel dengan memakai menu Compose sering menemui masalah di akibatkan jika di lihat pada menu Edit HTML akan muncul kode tadi di atas dalam jumlah yang banyak tanpa kita tuliskan sehingga sistem read more menjadi tidak bekerja dengan baik, oleh karena alasan tadi sistem read more yang saya ajarkan di blog ini adalah dengan memakai kode <div class="fullpost"> yang relatif lebih aman.


Semoga Bermanfaat

Read more »
Diposting oleh di 6 komentar:
Label:

Penulisan HTML (Warna)

<span style="color:kode warna">
tulisan yang mau di warnai
</span>

Contoh Penggunaannya :
<span style="color:red">
ini contoh merah
</span>
Hasilnya:

ini contoh merah
Atau bisa juga ditulis :
<span style="color:#FD0303">
ini contoh merah
</span>
Hasil kode diatas akan tetap sama. untuk mengetahui kode warna klik disini
Kode-kode diatas tidak hanya berlaku pada postingan saja, akan tetapi berlaku juga pada edit HTML untuk kode template.
Read more »
Diposting oleh di Tidak ada komentar:
Label:

Conventer html by Google





Copy Paste kode html dibawah ini

<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=320&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

Read more »
Diposting oleh di Tidak ada komentar:
Label:

Pasang Widget Kode Warna di Blog 2

<div style="line-height: 0; text-align: center;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="src" value="http://www.allblogtools.com/MiSc/colors/color-codes.swf" /><param name="pluginspage" value=" http://www.macromedia.com/go/getflashplayer" /><embed width="485" height="485" type="application/x-shockwave-flash" src="http://www.allblogtools.com/MiSc/colors/color-codes.swf" pluginspage=" http://www.macromedia.com/go/getflashplayer" /> </object></div>
Hasil CodeScript
Hasil Script diatas :


Silahkan dicoba
Read more »
Diposting oleh di Tidak ada komentar:
Label:

Membuat Bingkai/Border Posting

Banyak bentuk bingkai yang bisa anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang support di WordPress.com.



  • Solid

    • <div style="background-color: #222222; border: 1px solid #000000; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>



  • Dashed

    • <div style="border: 1px dashed #000000; background-color:#D8E7F6; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>


  • Dotted

    • <div style="background-color: #d8e7f6; border: 1px dotted #000000; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>


  • Double

    • <div style="background-color: #d8e7f6; border: 1px double #000000; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>


  • Groove

    • <div style="border: 4px groove #000000; background-color:#d8e7f6; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>


  • OutSet

    • <div style="border: 4px outset #000000; background-color:#d8e7f6; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>


  • Ridge

    • <div style="border: 4px ridge #000000; background-color:#d8e7f6; padding: 5px; width: 400px;">
    Tulisan Anda...
    </div>

    Keterangan :

    border: tebal tipisnya, jenis dan warna bingkai.
    background-color: warna latar bingkai.
    padding: jarak antar bingkai dengan tulisan.
    padding: width: lebar bingkai.
    Read more »
    Diposting oleh di Tidak ada komentar:
    Label:

    Membuat Tex Area 2

    Melanjutkan posting awal Tentang Textare 1, untuk memperkaya pengetahuan kita berikut iini beberapa textarea lainnya :
    (Klik di kotak Area, otomatis text didalam textarea akan di highligh semua)
    <div style="text-align: center;"> <textarea cols="25" onclick="this.focus(); this.select();" rows="3">
    Contoh Text Area otomatis seleksi saat di klik
    </textarea></div>
    Hasil dari Kode diatas :
    (Mouse di kotak Area, tanpa klik otomatis tek akan di highligh semua)
    <div style="text-align: center;"> <textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Contoh Text Area otomatis seleksi saat di klik</textarea></div>
    Hasil dari kode diatas:
    Read more »
    Diposting oleh di Tidak ada komentar:
    Label:
    Langganan: Postingan (Atom)