BACKGROUND POSTING

Selamat pagi sahabat semua, pagi ini saya akan memberikan tip's ringan namun masih sering di pertanyakan oleh sahabat blogger semua, yaitu membuat "Background posting", atau lebih tepatnya membuat postingan yang lebih hidup dengan menambahkan latar belakang, seperti pengumuman yang baru saja saya buat pada postingan tepat sebelum ini (MOHON PERHATIAN !!)
Okay..adapun tujuan lain digunakannya tip's ini adalah untuk membuat beberapa tek's/kalimat yang dirasa penting bisa lebih terlihat seperti contoh berikut :

INI CONTOH SATU
DENGAN LATAR BELAKANG WARNA

Ini contoh lain :

INI CONTOH DENGAN LATAR BELAKANG GAMBAR
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,

Nah asik bukan ? apalagi kalau kalimat yang kita posting adalah "Rayuan gombal butut" buat yayang... waduhhh.. akan bertambah romantis tuch... ya ga ?
Nah... dibawah ini trik-nya perhatikan ya ? ga susah kq...

Untuk tulisan dengan latar belakang warna
kalian cukup menambahkan kode dibawah ini pada Edit HTML form posting/tempat biasa anda menulis posting.

<div style="background:#0000ff; border:1px solid #00ccd1; padding:5px;">
TULISAN ANDA DISINI
TULISAN ANDA DISINI
</div>

Keterangan :
Warna Merah : warna background. (silahkan diganti sesuka hati kalian)
Warna Kuning : Border/garis tepi (silahkan di ganti warna dan jenis : dotted, solid)

Nah Untuk Tulisan dengan background gambar ini kodenya :

<div style="background:url(http://i401.photobucket.com/albums/pp100/aroel1833/birucontoh.jpg); width:450px; height:30px; padding:5px;">

Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,
Kalimat anda, Kalimat anda, Kalimat anda, Kalimat anda,


</div>

Keterangan :
Warna Merah : Alamat URL gambar anda
Warna Kuning : Ukuran lebar & panjang (silahkan di ganti sesuai selera sampeyan)

Nah kalau sudah, silahkan kalian klik tombol Terbitkan entri o.k ?
Ilmu yang sederhana tapi bisa membuat postingan kita lebih ber-Taste kan ?
THX dan selamat mencoba !!

MOHON PERHATIAN !!!

Bagi teman2 yang meminta bertukar link, saya mohon untuk memberi sedikit penghargaan dan sedikit kebaikan
saat memasang link sesama blogger !! Jangan asal2n dunk'z !
karena beberapa waktu yang lalu, ada yang meminta saya untuk memasang link mereka berupa banner/small icon,karena bagi saya adalah satu kehormatan untuk dapat memasang banner teman2 pada blog saya ini, kemudian saya pasang tuch banner pada posisi yang strategis, dengan tujuan agar pengunjung blog saya juga bisa melihat link tersebut.
Namun setelah saya cek balik, ternyata ada yang memasang banner saya di posisi yang ga karu2an, dan musti harus melalui beberapa langkah/klik untuk bisa melihat bannerlink saya itu. Karena itu, sekali lagi saya berharap kepada sesama Blogger untuk bisa saling bekerjasama dengan baik dan menghargai satu sama lain. Karena bagaimanapun juga, kebesaran dan ketenaran seorang blogger juga sedikit banyak bergantung pada sesama Blogger itu sendiri. Mudah2an sahabat semua bisa mengerti dan memahaminya... !!
trims..!!

SIDE MENU SEDERHANA

Okey sahabat semua... kali ini saya akan posting sebuah hasil dari jalan-jalan saya ke dynamicdrive dimana disana banyak sekali kode-kode javascript yang tersedia dengan gratis alias cuma-cuma, tapi anda semua jangan menyangka kalau saya hanya melakukan "COPAST" alias Copy Paste pada setiap postingan saya pada blog ini, karena bagaimanapun juga semua hasil bacaan, referensi, dan "ilmu" yang saya dapatkan, pasti akan saya uji terlebih dahulu! dan bilamana ilmu tersebut dirasa masih kurang efektif, maka akan saya lakukan editing alias di SADUR agar bisa dipergunakan dengan se-efisien dan se-efektif mungkin pada blog ! Dan ini salah satunya, yaitu membuat SIDE MENU yang tergantung statis pada samping kiri blog anda. Karena ilmu ini akan sedikit memakan waktu, ada baiknya anda siapkan, Kopi atau teh manis dengan rokok satu bungkus agar bisa lebih konsen dan cermat okay ? bagi yang tidak merokok ya makan permen aja ya ? Ocre.... langsung saja!! silahkan anda masuk account blogger anda==>Dashboard/dasbor==> Layout/tataletak==> Edit HTML, jangan lupa centang "EXPAND TEMPLATE WIDGET" dan lakukan backup dengan cara "Download template lengkap" Trus Copy kode dibawah ini : <!-- YOffset=150; XOffset=0; staticYOffset=30; slideSpeed=20 waitTime=100; menuBGColor="#ff0000"; menuIsStatic="yes"; menuWidth=150; // HARUS KELIPATAN 10 COY !! menuCols=2; hdrFontFamily="verdana"; hdrFontSize="2"; hdrFontColor="white"; hdrBGColor="#ff0000"; hdrAlign="center"; hdrVAlign="center"; hdrHeight="15"; linkFontFamily="courier new"; linkFontSize="2"; linkBGColor="white"; linkOverBGColor=""; linkTarget="_new"; linkAlign="Left"; barBGColor=""; barFontFamily="Verdana"; barFontSize="2"; barFontColor="white"; barVAlign="center"; barWidth=20; barText="otherside"; ssmItems[0]=["JERUKLEGI"] //NAMA HEADER 1 ssmItems[1]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[2]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[3]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[4]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[5]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[6]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[7]=["FAQ", "http://NAMABLOGANDA.com/faqs.htm", "", 1, "no"] //Disini dibuat dua kolom ssmItems[8]=["Email", "http://www.pojokjerulegi.blogspot.com", "",1] ssmItems[9]=["SEMENDHEH", "", ""] //NAMA HEADER 2 ssmItems[10]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[11]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] ssmItems[12]=["..::JERUKLEGI SEMENDHEH::..", "http://pojokjeruklegi.blogspot.com", "_new"] buildMenu(); //--> Nah setelah anda Copy, silahkan anda paste pada "NOTEPAD"atau "WORDPAD" dan lakukan editing agar nantinya menu yang akan ditampilkan pada blog anda akan sesuai dengan selera anda semua okaaaayyyyy ???

• Warna Biru : silahkan diganti dengan tulisan yang akan di tampilkan pada menu
• Warna Merah : Target/alamat yang di maksud.

Untuk komposisi warna silahkan anda utak-atik sendiri dengan bereksperimen ya ? dan saya yakin anda semua pasti bisa. Nah.. setelah anda meng-copy dan telah melakukan editing sesuai dengan yang di harapkan, silahkan anda save file tersebut dengan nama : "ssmItems.js" tanpa tanda petik!! Lalu upload file ssmItem.js tersebut ke webhosting anda untuk di ambil URL-nya!! Nah, setelah kalian mendapatkan URL nya ingat2 tuch!! Nah alamat URL inilah yang akan anda pergunakan sebagai pelengkap kode dibawah ini. Copy KODE II dibawah ini : <style type="text/css"> <!-- A.ssmItems:link {color:black;text-decoration:none;} A.ssmItems:hover {color:black;text-decoration:none;} A.ssmItems:active {color:black;text-decoration:none;} A.ssmItems:visited {color:black;text-decoration:none;} //--> </style> <SCRIPT SRC="http://www.geocities.com/andreas.fafandreo/asu.js" language="JavaScript1.2"> //Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/) //Updated July 8th, 03' for doctype bug //For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com </SCRIPT> <SCRIPT SRC="URLssmItems.jsANDA" language="JavaScript1.2"></SCRIPT> Setelah anda Copy, kemudian anda paste tepat di bawah kode : <head> pada halaman edit HTML yang masih tercentang EXPAND TEMPLATE WIDGET itu ! Hint : Warna merah silahkan anda ganti dengan URL ssmItem.js anda tadi. Mohon jangan mengurangi spasi (karena ada kode tersembunyi pada script diatas). Baru sekarang anda bisa tekan tombol save/simpan perubahan !! Dan lihat hasilnya !! Jika masih terdapat pesan ERROR, itu berarti anda harus mem-PARSE semua KODE II diatas !! Cara parse pernah saya posting disini atau anda bisa langsung menuju website tempat PARSE dengan klik disini. Kemudian baru anda pastekan kode hasil PARSE tersebut pada lokasi yang tetap yaitu di bawah kode : <head> Baru kalian boleh klik tombol save/simpan perubahan !! dan sekarang kayaknya sudah ga ada masalah lagi tuch.. !! dan hasilnya,bisa kalian bisa lihat pada blog anda ocre ? Selamat mencoba, karena saya juga sudah lelah buat posting yang satu ini... panjang banget.. !!

CRAZY FLYING OBJECT

Hahahahh... judul yang ngawur tuh...... !! tapi mo dikasih nama apa lagi bro? emang pantesnya di panggil itu buat efek yang satu ini. Berawal dari sebuah e-mail beberapa hari lalu yang menanyakan kepada saya tentang bagaimana cara membuat "Efek salju" bertaburan di blogger. Ocre.... saya jawab pertanyaan itu di depan umum, tapi kali ini saya tidak akan membahas tentang efek salju bertaburan yang sudah ribuan kali dipasang oleh sahabat blogger di belahan bumi ini (cieehh ......gayanya). Kali ini, tip's yang saya berikan adalah memberi efek "CRAZY FLYING OBJECT" yang sebenarnya tidak jauh berbeda dengan efek salju, hanya saja benda yang di tampilkan bergerak lebih liar dah tidak melulu hanya bergerak jatuh dari atas ke bawah saja tapi memantul setiap kali menyentuh batas layar monitor anda dan berjumlah 3 saja (karena kl kebanyakan bisa pusing liatinya)! bisa kalian lihat contohnya pada blog ini . Nah kalau tertarik, silahkan anda Login ke blogger account anda==>Dashboard/dasbor==>Layout/tataletak==> Edit HTML, jangan lupa centang "EXPAND TEMPLATE WIDGET" dan Download template Lengkap sebelum meng-edit, buat berjaga2 jika terjadi kesalahan ocree ?? Langsung saja Copy kode dibawah ini : <script type="text/javascript" src="http://www.geocities.com/andreas.fafandreo/moveobj.js"> </script> <script type="text/javascript"> /*********************************************** * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620) * Modified by : IBRAHIMAZY * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ //Step 1: Define unique variable names depending on number of flying images (ie:3): var flyimage1, flyimage2, flyimage3 function pagestart(){ //Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image): flyimage1=new Chip("flyimage1",47,68); flyimage2=new Chip("flyimage2",47,68); flyimage3=new Chip("flyimage3",47,68); //Step 3: Using the same variable names as 1), add or delete more of the below lines: movechip("flyimage1"); movechip("flyimage2"); movechip("flyimage3"); } if (window.addEventListener) window.addEventListener("load", pagestart, false) else if (window.attachEvent) window.attachEvent("onload", pagestart) else if (document.getElementById) window.onload=pagestart </script> Lalu paste dibawah kode : <head> Kalau cari kode <head> susah, gunakan ctrl+F coy...biar gampang dan ga ribet !! Nah, setelah kode diatas sudah dipaste dengan benar, sekarang tinggal Copy kode dibawah ini lagi : <DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://NAMA_BLOG_ANDA.com"><IMG SRC="http://URL_GAMBAR_ANDA.gif" BORDER=0></a> </DIV> <DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://NAMA_BLOG_ANDA.com"><IMG SRC="http://URL_GAMBAR_ANDA.gif" BORDER=0></a> </DIV> <DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://NAMA_BLOG_ANDA.com"><IMG SRC="http://URL_GAMBAR_ANDA.gif" BORDER=0></a> </DIV> Dan Paste di bawah kode : <body> Keterangan : Kode Biru : isi dengan alamat blog anda Kode Merah : Alamat/URL gambar anda (.gif, .png, .jpg) Kode Kuning : Ukuran gambar/object yang akan ditampilkan (pixel) Dan jika dirasa masih kurang banyak, jumlah object-nya bisa kalian tambahkan lagi sesuai kebutuhan, tapi kalau saya sih menyarankan menggunakan 3 saja sudah cukup !! ga usah terlalu banyak biar ga Katro'k dan Norak... ocre ?? bisa dimengerti ?? Nah.... kalau semua kode sudah di paste dengan benar.... sekarang tinggal langkah terakhir yang paling mudah diantara cara-cara yang lain, yaitu : KLIK TOMBOL SAVE/SIMPAN PERUBAHAN... ! Dan lihat hasilnya saudaraku.......!! Eiit's jangan seneng dulu ya ? karena biasnya blogger juga akan menolak kode2 diatas dan akan muncul pesan ERROR saat kita meng-klik tombol save/simpan perubahan!! Dan bilamana hal itu terjadi.... maka kalian harus mem-PARSE kode-kode diatas dulu. dah tahu cara PARSE kan ? sudah pernah saya posting disini. Trus pastekan Kode hasil Pare tersebut pada posisi yang sama .... O.K ? Nah.. kayaknya sekarang dah ga ada masalah lagi... dan klik save/simpan perubahan !! Dan lihat hasilnya........ !! keren mana dengan hujan salju hayoo??? Anda boleh meng-edit dan mengembangkan kode ini sesuka anda... bahkan anda juga boleh untuk menggunakan Foto pribadi anda untuk object-nya (tapi pose yang baik ya ??)!! Selamat mencoba !!