Sabtu, 09 Oktober 2010

Mebuat Menu Verikal Bloger


Jumpa lagi sob,, dah lama gak posting.
Maklum sibuk..nah nie misteri akan bahsa masalah membuat menu vertikal untuk bloger, dibaca ya sob.

1. Login ke blogger trus pilih "Layout-->Edit HTML"

2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> .
Pokoknya ditaruh di dalam Barisan kode CSS deh. hehe.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }


Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika sobat ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');

Pilihan Warna menu vertikal :

blue1.gif
blue2.gif
green1.gif
green2.gif
red1.gif
red2.gif
pink1.gif
pink2.gif
black1.gif
black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="http://misteridesign.blogspot.com/"><span>Home</span></a></li>
<li><a href="http://misteridesign.blogspot.com/2010/09/4th-award.html">Penghargaan The 4th award</a></li>
<li><a href="http://news.palcomtech.com/">Kampus</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalo Mao Menambah menunya..tinggal di copy saja bagian ini :

<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
Ganti alamat ( http://misteridesign.blogspot.com/ ) dengan alamat yang sobat dijadikan menu dan untuk (Home)itu adalah judul dari menu tersebut.


Selamat mencoba...Semoga Bermanfaat.

Thanks,

Misteri ^_^
Baca Selengkapnya Sob Tentang Mebuat Menu Verikal Bloger

Diposting oleh Misteri di 09.02.00 0 komentar  

Tips Membuat gambar Berjatuhan (falling snow effect)


Jumpa lagi sob,, dah lama gak posting.
Maklum sibuk..nah nie misteri punya posting bagus.. dibaca ya sob.

Tips Membuat gambar Berjatuhan ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (falling snow) sesuai yang kita mau
ika sobat blogger tertarik untuk membuat falling snow ini, sobat bisa mengikuti langkah-langkah berikut:

1. Login ke akun blogger sobat.
2. Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
3.  Kopikan script di bawah ini dan letakkan (paste) di bawah kode <head> (yang letaknya di awal-awal script template blog).


<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = " http://i34.photobucket.com/albums/d107/ImanBG/GIF%20pic/ROowlTest1.gif ";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

4. sobat bisa mengganti
(http://i34.photobucket.com/albums/d107/ImanBG/GIF%20pic/ROowlTest1.)
Dengan gambar  yang jatuh (var snowflake) dengan gambar yang sobat inginkan.

5. sobat juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan sobat.
5.  Lakukan Pratinjau (Preview) sebelum menyimpan template sobat.
6.  Jika sudah OK. Save template sobat.


Selamat mencoba...Semoga Bermanfaat.

Thanks,

Misteri ^_^


Baca Selengkapnya Sob Tentang Tips Membuat gambar Berjatuhan (falling snow effect)

Diposting oleh Misteri di 08.35.00 0 komentar  

Selasa, 21 September 2010

Langkah – langkah Format Hard Disk Dan Install Windows XP














































































































































































































































































































































































































































Baca Selengkapnya Sob Tentang Langkah – langkah Format Hard Disk Dan Install Windows XP

Diposting oleh Misteri di 09.15.00 1 komentar  

Partisi Harddisk

Partisi harddisk, kadang sering kita dengar kata itu, tapi apa sih maksud dari partisi harddsik itu? Secara umum partisi harddisk ialah proses memberi bagian atau memecah ruang harddisk yang tersedia menjadi beberapa bagian. Contoh, jika kita mempunyai harddisk sebesar 40 GB yang belum di partisi, maka jika kita membuka windows explorer maka akan terbaca sebagai Local Disk (C:) namun terkadang kita melihat di komputer lain dengan besar harddisk yang sama tetapi terbaca 2 bagian yaitu Local Disk (C:) dan Local Disk  (D:), inilah yang dimaksud harddisk di partisi menjadi 2 bagian yang besarnya masing-masing bagian itu bisa kita sesuaikan. Setelah kita mengetahui apa itu partisi harddisk, sekarang mari kita mencoba membuatnya dengan bantuan software Partition Magic keluaran PowerQuest(R). Di sini saya mengambil contoh denganmenggunakan Partition Magic Pro 8.0. Jika sobat belum memiliki software ini, searching aja di Google, OK
Setelah sobat memiliki software tersebut, silahkan install terlebih dahulu,
Cara menginstall Partition Magic Pro 8.0 :
  1. Buka folder Partition Magic Pro 8.0, silahkan sobat cari file Setup.exe
  2. Tunggu sampai proses persiapan installasi selesai
  3. Setelah proses persiapan selesai, maka akan tampil window PartitionMagic 8.0 Setup. Silahkan pilih Next
  4. Isikan User Name, Company Name dan Serial Number yang sobat miliki ( Untuk user name dan company name bebas ), kemudian pilih Next
  5. Setelah itu pilih Yes untuk memberi persetujuan terhadap Licence Agreement yang tampil.
  6. Kemudian pilih Next ( 3 kali ) sampai proses installasi berjalan secara automatis
  7. Setelah proses installasi selesai, maka akan ditanyakan apakah sobat ingin membuat Rescue Disket ? untuk contoh ini kita abaikan saja penawaran itu dengan memilih No
  8. Buanglah 2 kotak yang ter-ceklist / tercentang pada window yang tampil, lalu pilih Finish
Sekarang komputer sobat telah terinstall PartitionMagic 8.0, untuk langkah selanjutnya mari kita membuat partisi harddisk dengan bantuan software tersebut.
Cara membuat partisi harddisk :
  1. Silahkan sobat aktifkan software PartitionMagic 8.0
  2. Setelah tampil window PartitionMagic 8.0, klik nama harddisk sobat ( Disk 1 ) pada bagian sebelah kanan atas window PartitionMagic 8.0
  3. Pada bagian pick a task… ( lihat sebelah kiri atas window PartitionMagic 8.0 ) pilih Create an new partition
  4. Silahkan pilih Next untuk melanjutkan
  5. Pilih harddisk yang akan kita paritisi, lalu Next
  6. Kemudian silahkan pilih lokasi partisi, untuk contoh ini silahkan pilih After C: (Recommended)
  7. Sekarang tentukanlah besarnya partisi yang diinginkan di bagian size dengan berpedoman pada informasi di sebelah kanan kotak tersebut ( Maximum Size & Minimum Size ), setelah itu pilih Next
  8. Setelah kita menentukan besarnya partisi, maka akan ditampilkan perkiraan partisi harddisk sesuai data yang sobat masukkan tadi. Jika sudah yakin dengan besarnya partisi harddisk sobat silahkan pilih Finish
  9. Sekarang silahkan sobat klik tombol Apply yang ada di bagian kiri bawah window PartitionMagic 8.0
  10. Jika tampil window konfirmasi, silahkan sobat pilih Yes atau OK, untuk memulai proses mempartisi harddisk
Setelah 10 langkah di atas sobat jalankan maka windows akan restarts untuk memulai proses mempartisi harddisk sobat, silahkan sobat tunggu proses tersebut hingga selesai.
Note : Jangan menekan tombol apapun setelah komputer sobat restart, untuk menghindari gagalnya proses partisi tersebut.

Thanks
Misteri ^_^
Baca Selengkapnya Sob Tentang Partisi Harddisk

Diposting oleh Misteri di 08.46.00 0 komentar  

Cara Aman Mengotak-atik Setting BIOS PC


Nie jumpa lagi,
Sebenarnya misteri juga masih awam dalam seting bios ini..
Tapi karena misteri punya pengalaman buruk dalam seting bios, mistericoba cari di embah google. Gimana seting bios yang bagus and aman tu..
Nie di baca ya sob,

Bila Windows adalah wajah ramah yang ditampilkan proyek-proyek komputer kepada dunia, maka BIOS adalah sisi gelap bawah sadar yang bertugas untuk berpikir. BIOS (Basic Input/Output System) adalah kode untuk fungsi-fungsi fundamental PC, seperti mengumpulkan ketukan tombol dari keyboard atau meletakkan pixel ke layar.
Program kecil ini bekerja di balik layar, menterjemahkan perintah Windows yang people-friendly menjadi angka nol dan satu yang hanya dimengerti oleh hardware sobat. Dan sebagaimana alam bawah sadar manusia, BIOS bisa berpengaruh sangat kuat pada tingkah laku dan kinerja PC sobat.
Terapi BIOS
Ketika teknologi baru muncul dan bug tua ditemukan, para pembuat komputer sering menerbitkan versi BIOS yang telah diupdate yang dapat mengatasi problem dan meningkatkan kinerja. Periksa situs Web pembuat PC sobat mengenai update terbaru. Namun pertama-tama pastikan sobat memiliki nomor versi terbaru BIOS; biasanya muncul sekilas di monitor sobat tepat setelah sobat menyalakan sistem. (Tekan tombol Pause bila kilasannya terlalu cepat.)
Mengupdate BIOS mudah, tetapi sobat harus melakukannya dengan hati-hati. Biasanya sobat perlu menjalankan program kecil dari floppy disk saja. Namun bila terjadi masalah, sobat hanya bisa meratapi motherboard yang tidak bisa lagi sobat gunakan. Jadi pastikan bahwa sebelumnya sobat telah membaca semua instruksi di file readme BIOS update. Dan selalu lakukan persis seperti apa yang petunjuk-petunjuk itu katakan.
Jika BIOS adalah bawah sadar PC, maka utiliti Setup merupakan fondasi untuk membangun karakter PC. Utiliti tersebut memiliki setting user untuk mengontrol harddisk, memori, kartu-kartu grafis, power saving, port USB, dan hardware lain. Program tersebut biasanya disertakan dalam disk, tetapi sekarang sudah tersimpan dalam chip ROM yang sama dengan BIOS PC.
Untuk membuka Setup, cukup tekan tombol (atau kombinasi tombol) yang disarankan kepada sobat untuk dimasukkan ketika PC melakukan start up. Masing-masing pembuat BIOS menggunakan tombol yang berbeda — Delete, F1, atau F10. Di layar sobat seharusnya memperlihatkan tombol atau tombol-tombol mana yang perlu ditekan untuk Setup tepat setelah layar menampilkan angka versi BIOS. Jika tidak, periksa dokumentasi sistem sobat.
Karena utiliti Setup dibuat oleh pembuat BIOS dan berada dalam chip yang sama dengan BIOS, ini sering disebut utiliti BIOS Setup. Dan karena utiliti ini menyimpan settingnya di chip clock/calendar — chip complementary metal-oxide semiconductor, atau CMOS — maka sering pula disebut sebagai program Setup CMOS. (Chip CMOS memiliki batere sendiri untuk memelihara setting chip sekalipun PC dimatikan.)
Utiliti Setup memiliki setting hardware yang berlimpah, mulai dari yang terlihat nyata, seperti setting waktu di clock PC, sampai yang tidak kelihatan, seperti jumlah “wait states” yang mengkoordinasi aliran data antara RAM dan CPU.
Pertama, Jangan Merusak
Ketika bekerja dengan utiliti Setup PC, gunakan petunjuk praktis yang sama diajarkan pada awal bedah otak: Bila sobat tidak tahu apa yang dilakukan sesuatu, jangan berurusan dengannya. Kecerobohan mengubah wait state atau setting lainnya dapat menurunkan kinerja atau bahkan menyebabkan sistem mengalami crash.
Jika sobat mengira sobat telah tanpa sengaja mengubah setting ketika sedang bekerja dengan utiliti Setup, segera berhenti dan mulailah dari awal lagi. Semua utiliti Setup memiliki pilihan menu yang memungkinkan sobat keluar tanpa menyimpan perubahan. sobat mungkin melihat pula pilihan untuk mengembalikan setting ke nilai defaultnya. Abaikan opsi ini: Bila vendor PC sobat telah melakukan fine-tune terhadap sistem, setting default si pembuat BIOS mungkin membuatnya menjadi tidak optimal.
Backup setting-setting sobat sebelum membuat perubahan. Bila batere yang menghidupi chip clock/calendar mati, setting-setting sobat mati bersamanya. Bila utiliti Setup sobat mempunyai opsi backup, gunakanlah. Jika tidak, catat setting di kertas — atau tekan key Print Screen untuk masing-masing layar di utiliti tersebut (tetapi ini tidak selalu berfungsi).
Apa yang Dicari
Sebelum mulai, baca sampai selesai user manual yang menyertai PC atau motherboard. Banyak manual menawarkan penjelasan singkat masing-masing setting. Setting bervariasi menurut manufaktur dan model, namun sobat seharusnya menemukan ini di hampir semua PC:
Optimalisasi dan kompatibilitas setting: Utiliti Setup sering berisi setting-setting untuk kinerja hardware. Kadang-kadang ini tidak diatur secara optimal di pabrik, utamanya pada PC yang dibuat berdasar pesanan atau generik. Scan seluruh program Setup. Setting modus AGP dan setting DMA merupakan kandidat utama untuk dioptimalisasi. Setting-setting ini juga berguna untuk troubleshooting hardware yang baru diinstall: Menonaktifkan atau menurunkan setting yang diberikan bisa memicu ketidak-kompatibelan kartu grafis, CD-ROM drive, atau peranti lain yang terjadi sebelumnya.
Setting harddisk: sobat akan menemukan tabel, biasanya pada halaman kedua atau Advanced dan dengan judul “IDE”, yang mendaftar semua parameter konfigurasi untuk EIDE harddisk yang secara langsung terkoneksi ke motherboard. (SCSI harddisk dan EIDE harddisk yang tidak punya kartu ekspansi akan menjalankan program konfigurasinya sendiri.) Sementara kebanyakan PC yang dibuat selama beberapa tahun terakhir dapat dengan mulus mendeteksi dan mengkonfigurasi harddisk baru, sebagian memerlukan instalasi manual. Baca your dokumentasi disk baru sobat mengenai prosedur tersebut dan gunakan opsi-opsi on-screen untuk membuat perubahan di tabel ini.
Floppy disk: Opsi ini memungkinkan sobat menyetel tipe floppy drive (3,5 inci, 1,44MB, sebagai contoh) yang telah sobat tetapkan sebagai drive A: atau B: sobat. Ini merupakan setting yang perlu diperiksa jika sobat mengalami problem floppy-drive. Sebagian utiliti Setup mempunyai setting sekuriti `Floppy Read only` tersendiri yang mencegah data sobat dituliskan ke floppy disk dan dihapus dari PC.
Urutan booting: Setting ini menentukan mana yang pertama kali dilihat PC ketika instruksi boot-up. Contoh: `A: kemudian C:`, `C: kemudian A:`, atau `C:, Zip drive`. Untuk booting dari CD-ROM drive, Zip, atau LS-120, sobat sepertinya harus mengubah setting ini.
Proteksi password: Bila ini diaktifkan, BIOS akan menanyakan password sebelum booting up. Sangat berhati-hatilah dengan yang satu ini: Bila melupakan password, sobat terpaksa mereset jumper motherboard atau mencopot batere CMOS, yang akan menyebabkan sobat kehilangan semua setting, atau sobat bahkan harus membeli motherboard baru.
Setting IRQ: Bila sobat butuh setting IRQ ekstra untuk hardware baru, sobat perlu membebaskan satu IRQ dengan menonaktifkan feature yang tidak digunakan, seperti port serial, port paralel, atau port USB.
Setting port paralel: Pilih modus yang paling cocok untuk hardware. Modus ECP atau EPP dapat sangat mempercepat printer dan peranti lain.
Kipas RPM dan temperatur CPU: Dua parameter kritis ini sebaiknya dicentang secara periodik untuk memastikan mereka berfungsi dengan benar.
Bantuan Hardware Offline
Internet sangat bagus untuk menemukan jawaban atas pertanyaan-pertanyaan hardware, tetapi menyelidiki situs-situs Web untuk mendapatkan nasihat yang bisa dipercaya cukup menghabiskan waktu. Kadangkala cara tercepat untuk mendapat jawaban adalah cara gaya kuno: dengan buku referensi yang baik. Di bawah ini adalah dua yang terbaik.
Upgrading and Repairing PCs ( www.upgradingandrepairingpcs.com) karya Scott Mueller (US$ 60) merupakan buku klasik yang mencakup segala sesuatu yang sobat butuhkan tentang PC dan hal-hal yang mungkin sobat tidak ketahui. Bila sobat mencari referensi menyeluruh, keluasan dan kedalaman judul ini belum terkalahkan ( www.quepublishing.com).
PC Hardware in a Nutshell ( www.oreilly.com/catalog/pchardnut2) oleh Barbara Fritchman Thompson dan Robert Bruce Thompson (US$ 40) merupakan panduan praktis yang bagus untuk membeli dan menggunakan PC. Dimuati dengan nasehat bergaya ringkas yang secara jelas memberikan informasi yang sobat perlukan, tanpa sobat harus mencari-carinya (www.oreilly.com).
Drive Kotor
Benah-benah di akhir minggu meninggalkan lapisan debu yang menutupi seluruh kantor, dan sobat kuaatir CD-RW drive sobat mungkin kotor. Bagaimana sebaiknya membersihkannya?
Mungkin sebaiknya tidak. Gosokan paling halus sekalipun dapat menghambat laser sensitif pada drive, jadi bila tidak rusak, jangan bersihkan. Bila kinerja menurun, atau bila drive sobat tidak mampu membaca medianya, coba beberapa semprotan yang diarahkan dengan baik dari kaleng semprotan udara — tersedia dengan harga kurang dari US$ 10 di toko-toko komputer. Pastikan menggunakan sedotan plastik yang menyertai kaleng. Dan jaga agar menyemprot pelan-pelan; desakan semprotan yang berlebihan dapat menyebabkan kondensasi yang menumpuk uap lembab pada interior drive. Sebelum menggunakan kit pembersih CD-RW seperti US$ 15 Drive Guardian buatan Kensington ( www.kensington.com/html/1080.html), carilah rekomendasi dari pembuat drive; sebagian merekomendasikannya, tetapi yang lainnya tidak.
Menghentikan Program Tua
Beberapa program software yang benar-benar tua hanya tidak sanggup berfungsi pada PC kecepatan tinggi sekarang ini. Jika Sobat memiliki program kuno yang mengunci atau memunculkan pesan error setiap kali sobat hendak menjalankannya, cobalah CPUKiller; utiliti gratis dan mudah digunakan, yang memungkinkan Sobat memperlambat PC sesedikit atau sebanyak sobat inginkan. Pergilah ke www.cpukiller.com untuk mendownloadnya.

Thanks,
Misteri ^_^
Baca Selengkapnya Sob Tentang Cara Aman Mengotak-atik Setting BIOS PC

Diposting oleh Misteri di 08.34.00 1 komentar  

Membuat Gambar Hidup Di Pojok Halaman Blog

Kali ini misteri akan coba share bagaimana membuat gambar hidup di pojok bloger.
Hmm..ini caranya neh.


1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera sobat.
    Misalkan misteri gunakan ini nie :   

    http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif

2. Setelah ketemu gambar yang sobat inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }


9. Text bottom dan left adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan sobat ganti sesuai keinginan sobat, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template sobat kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini


<div id="trik_pojok">
<a href=" http://misteridesign.blogspot.com/ ">
<img src="http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif" border="0" /></a>
</div>


13. Silahkan ganti http://misteridesign.blogspot.com/ dengan alamat blog sobat.
14. Ganti juga http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif dengan alamat URL gambar pilihan sobat, yang telah sobat copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan sobat klik kanan pada gambar yang sobat inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja sobat.
17. Jika sudah sesuai dengan keinginan sobat, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat..!!


Thanks

Misteri
Baca Selengkapnya Sob Tentang Membuat Gambar Hidup Di Pojok Halaman Blog

Diposting oleh Misteri di 01.26.00 2 komentar  

Cara Mengganti Backround Bloger Dengan Image

Nie cara kalo mao ganti backround bloger dengan image,
Misal misteri gunakan Alamat gambar ini nie : 

http://i748.photobucket.com/albums/xx126/blackink99/camp/red-matrix.gif

kebetulan yang misteri gunakan image gif nie,
kalo sobat gak suka, sobat mao ganti dengan foto sobat sendiri, sobat bisa upload ke :

http://i748.photobucket.com/

Ato :

http://imageshack.us/

Disana sobat bisa upload foto keren sobat ^_^.
Kalo sekarang sudah di upload dan dapet urlnya. Langsung kita ganti sob backroundnya.

Silahkan ikuti langkah-langkah berikut :
1.Login ke blogger dengan ID sobat
2.Klik tab Edit HTML
3.Kemudian cari kode yang mirip seperti ini :

body { background: #fff;
margin:0; color:#000000; 
font:12px trebuchet ms; 
text-align: center } 
Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas. 
Tambahkan kode seperti di bawah ini diantara tanda { dan } :

url(URL FILE GAMBAR ANDA);

Sehingga Hasilnya

body{background: #fff;
margin:0;color:#000000; url(URL FILE GAMBAR ANDA);
font:12pxtrebuchetms; 
text-align: center } 

Nah Untuk Tulisan URL FILE GAMBAR ANDA

Silakan sobat ganti dengan url tadi,
Sehingga hasilnya :

body{background: #fff;
margin:0;color:#000000; url(http://i748.photobucket.com/albums/xx126/blackink99/camp/red-matrix.gif);
font:12pxtrebuchetms; 
text-align: center } 

4.Jika sudah selesai kemudian Simpan Template sobat.
5.Lihat hasilnya.

Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar. 

Semoga Bermanfaat..!!

Thanks,

Misteri
Baca Selengkapnya Sob Tentang Cara Mengganti Backround Bloger Dengan Image

Diposting oleh Misteri di 00.50.00 0 komentar  

Cara Membuat Read More Otomatis

Jumpa Lagi sob, hehe gak bosan2 nie..
Oya sob, nie kalo mao pasang readmore otomatis.
Biasanyakan kita kalo bikin readmore ato baca selengkapnya secara manual.
Ato copy sana copy sini.emang ribet sie.
Nah, ini misteri jalan ke mbah google, ketemu dengan artikel bagus neh.wkwkwk.
Langsung di praktekkan ya sob.

Berikut langkah – langkah dalam membuat read more otomatis :
Silahkan login ke blogger terlebih dahulu. 

1.Klik Tata Letak. 
2.Kemudian klik Edit HTML. 
3.Centang Expand Template Widget. 
4.Letakkan kode berikut ini tepat diatas kode </head>

    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>

    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)

    (C)2008 by Anhvo

    visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>



 6.   Kemudian hapus kode :


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


Ganti kode tersebut dengan kode berikut ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More â�¦ <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7. Kemudian Simpan Template.

Keterangan :
summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
summary_img = 360 –-> untuk tinggi postingan dengan gambar.
img_thumb_height = 120 –> tinggi gambar.
img_thumb_width = 150 –> lebar gambar.
Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.
Selesai.
Semoga bermanfaat..!!

Thanks,

Misteri ^_^
Baca Selengkapnya Sob Tentang Cara Membuat Read More Otomatis

Diposting oleh Misteri di 00.06.00 0 komentar  

Senin, 20 September 2010

Cara Measang Scrift Dalam Postingan Dengan Kotak Backround

Jumpa Lagi sob,
Nie Meneruskan Postingan misteri yang judulnya Cara menulis java script di postingan.

Nah Misteri Punya Koleksi border berwarna dan jenis-jenis garis bordernya.
Nie sob,

» Solid Border

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Ridge Border

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Groove Border

<div style="border: 2px #006400 groove; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Inset Border

<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Outset Border

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Double Border

<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Dotted Border

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Dashed Border

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Border dengan scroll, lebar dan tinggi

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang sobat inginkan.
Untuk backround color silahkan ganti dengan warna kesukaan sobat.

Semoga bermanfaat sob,
Thanks
Misteri ^_^
Baca Selengkapnya Sob Tentang Cara Measang Scrift Dalam Postingan Dengan Kotak Backround

Diposting oleh Misteri di 23.44.00 1 komentar  

Cara menulis java script di postingan

Jumpa lagi nie sob.
Neh Misteri coba share sedikit ilmu tentang Cara Menulis Java Scrift di Postingan.
Tapi kali ini agar tidak hilang atau berubah saat kita menulisakannya sob,
Berapa kali misteri coba tulis java scrift di postingan, tapi hasilnya selalu gagal.
Nanya ke temen,, ee gak mao jawab neh.
Setelah sekian lama muter di embah google. Akhirnya misteri ketemu juga dan coba lihat hasilnya. Bisakan di postingan misteri hehe..

Nah langsung saja sob nie caranya.

1. Seperti biasa sobat memposting.
2. Copy kode java script yang sobat inginkan di Compose jangan di edit HTML!
3. Di bawah kiri ini sobat lihat "post options", silakan sobat klik.
4. Pada setelan tulisan, pilih "tunjukan HTML pada adanya"
5. Silakan terbitkan kali ini kode yang sobat buat sudah siap untuk di tampilkan.

Tips :
Saat mengcopy kode javascript di postingan. tempatkanlah kode itu di compose, jangan ke edit HTML karena jika di taruh disini kode script yang anda buat akan terbaca dan akan berubah bentuk. Ok..!

Oya sob,

Thanks semoga bermanfaat neh.

Misteri..^_^
Baca Selengkapnya Sob Tentang Cara menulis java script di postingan

Diposting oleh Misteri di 23.31.00 0 komentar  

Langganan: Postingan (Atom)
===== Selamat Datang Di Kediaman Misteri Design ===== Silakan Isi Buku Tamunya ===== Misteri Punya Koleksi Lagu Dari Daerah Kota Lahat, Silakan Di Unduh ===== Misteri Mencoba Sharing Ilmu Yang Misteri Punya Kepada Sobat Sekalian ===== Semoga Dalam Postingan Ini Punya Banyak Manfaatnya Bagi Sobat Sekalian ===== Misteri Mohon Masukan, Kritikan, Dan Komentarnya Dari Sobat Sekalian ===== Terima Kasih Atas Kunjungannya ===== Mohon Berkunjung Kembali =====

  © Blogger template 'Froggy' by Ourblogtemplates.com 2008

Back to TOP  

Selamat Datang Di Misteri Design

Selamat Datang Di Kediaman Misteri Design, Disini Misteri Mencoba Share ilmu Yang Misteri Punya Kepada Teman-Teman Bloger Sekalian, Semoga Apa Yang Teman-Teman Butuhkan Ada Di Bloger Ini. Di Mohon Kesediannya Untuk Mengisi Buku Tamu. Terima Kasih Atas Kunjungannya, Mohon Berkunjung Kembali, Misteri ^_^

My Profil

Nama Saya Misteri, Saya Mahasiswa Profesional 1 Tahun Palcomtech Lahat.

Blog

Chat Dengan Misteri

Misteri