Cara Membuat Teks Area dengan Flip Background Image

AbahVsan | 01.25 | 0 comments

Teks area dengan Flip Background Image, Pada postingan kali ini, Blog tips and Trick akan membahas tentang cara membuat text area dengan 2 background gambar yang akan berubah dengan mouse over, mungkin para blogger ataupun anda sudah tak aneh lagi dengan yang namanya Teks area yang sering anda lihat pada setiap blog ataupun website, dimana terdapat beberapa tulisan yang terletak pada kotak teks area tersebut. tapi bagaimana dengan kotak teks area yang mempunyai background gambar serta warna tulisan yang bisa berubah dengan mouse over. mungkin sebagian dari anda masih banyak yang belum tahu tentang trik ini. contohnya kurang lebih seperti dibawah ini, coba anda gerakan mouse anda ke kotak area dibawah ini, Tulisan dan gambar backgroundnya akan berubah dengan digerakkannya mouse anda.


Bagi anda yang berminat untuk membuat teks area seperti pada contoh di atas pada begian postingan anda, caranya adalah sebagai berikut ini.

1. Anda copy semua kode dibawah ini, lalu paste kode tersebut tepat dibawah kode ]]></b:skin> pada bagian halaman Html template anda.

<style>
textarea.imageOne{
background-color:#000000;
background-image:url(Masukan Link gambar anda disini);
color:#00ff00;
}
textarea.imageTwo{
background-color:#000000;
background-image:url(Masukan Link gambar anda disini);
color:#ff0000;
}
</style>

2. Setelah itu klik simpan/save.


Keterangan :.
Silahkan anda rubah tulisan yang dicetak tebal dan berwarna kuning diatas sesuai dengan yang anda inginkan. misalnya  pada bagian  textarea.imageOne, tertulis background-color:000000; yaitu untuk warna background. background-image:url(Masukan Link gambar ana disini); yaitu untuk background gambar, silahkan anda masukan link gambar yang anda inginkan. dan color:ff0000; yaitu untuk warna Teks. semua kode yang ada pada bagian bawah textarea.imageOne, yaitu gambar ataupun warna Teks yang akan tampil pertama dan kode yang terdapat dibawah textarea.imageTwo, yaitu yang akan tampil ketika mosue digerkan atau Mouse over.

3. Setelah anda selesai mencopy, meng-edit dan mempaste semua kode diatas. sekarang adalah cara memasukan kode Teks area kedalam postingan. caranya yaitu anda copy kode dibawah ini terus anda masukan kedalam postingan anda.

<textarea
 rows="12" cols="60"
 class="imageOne"
 onMouseOver="this.className='imageTwo'"
 onMouseOut="this.className='imageOne'"> 

 Tulis teks yang anda inginkan disini 

</textarea>

Keterangan :
Bila anda ingin merubah ukuran Teks area tersebut. silahkan anda ganti ukuran rows dan cols-nya seperti yang dicetak tebal dan berwarna kuning pada bagian kode di atas.  rows yaitu untuk ukuran tinggi dan cols untuk ukuran lebar kotak teks area tersebut.

4. Selesai.

Cara Membuat Widget Untuk Mengetes Loading Page Di Blogspot

AbahVsan | 01.19 | 0 comments

Untuk para blogger jangan merasa bangga dulu dengan tampilan blog juga isi dari postingan anda, kalau ternyata blog anda sangat berat untuk diload. bila ini sampai terjadi, mungkin para pengunjung blog anda akan merasa kecewa, karena loading page blog anda berat atau lama. Hal-hal yang bisa membuat loading page suatu blog atau website menjadi berat.tergantung dari content dari blog atau website itu sendiri. diantaranya mungkin pengaruh template yang banyak memakai background berupa gambar, bisa juga dari pernak pernik seperti widget, bisa juga dari isi postingan, dan lain lain.

Blog tips and Trick menyarankan, bila anda menggunakan template yang banyak sekali menggunakan background berupa gambar. sebaiknya sesegera mungkin templatenya anda ganti. gunakanlah template yang sekiranya terlihat bagus tapi simple.contohnya template yang saya design ini. template ini sama sekali tidak menggunakan unsur gambar pada tiap bagian body template ini. semua tampilan body template ini hanya menggunakan olah warna.

Untuk isi postingan, Blog Tips and Trik menyarankan sebisa mungkin semua postingan anda yang berisi gambar. sebaiknya anda kurangi. jangan terlalu memasang gambar pada postingan. kalaupun harus, pilihlah format gambar yang lebih kecil. Blog tips and Trick menyarankan agar anda menggunakan format PNG untuk setiap gambar yang akan di pasang dalam postingan.karena ukuran filenya jauh lebih kecil bila dibandingkan dengan JPG,JPEG.

Baiknya anda melakukan test Load page blog atau web anda tool yang satu ini setiap kali anda selesai membuat postingan. apalagi dalam postingan tersebut terdapat banyak gambar. cara menggunakan tool ini cukup memasukan alamat blog atau web anda kemuaian klik check. ukuran / size web atau blog page standar yaitu 100Kb, bila blog anda ternyata jauh melebihi ukuran tersebut maka loding page anda akan berat. dan segeralah anda cari content apakah dalam anda yang  membuat loading page blog/web anda jai berat. untuk anda yang berminat dengan tool untuk mengetest load page blog atau website anda silahkan anda copy semua kode yang ada dibawah ini terus anda paste semua kode tersebut ke gadget HTML/javascript anda. silahkan mencoba dan semoga bermanfaat. Salam blogger mania.

<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test -->
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" name="pageform" method="get" onsubmit="return validate(this);">
<table border="0" style="border-collapse: collapse" width="100%">
<tr>
<td valign="top" height="91">
<table style="border-collapse: collapse" width="100%" class="tooltop" height="76">
<tr>
<td>
<table border="0" style="border-collapse: collapse" width="100%" cellspacing="5">
<tr>
<td valign="top" colspan="5"><b><font size="2">Your domain(s): </font></b><font size="1">Enter each address on a new line (Maximum 10)</font></td>
</tr>
<tr>
<td valign="top" colspan="4">
<textarea rows="11" style="width: 100%" name="domain"></textarea></td>
<td>
&nbsp;</td>
</tr>
<tr>
<td>
<input style="float: left" value="Check!" type="submit"/></td>
<td>
<font size="1">(eg. iwebtool.com)</font></td>
<td>
&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<iframe width="100%" frameborder="0" class="toolbot" name="pageframe" height="251">
</iframe></td>
</tr>
<tr>
<td height="39">
&nbsp;</td>
</tr>
</table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
<p><a href="http://www.iwebtool.com/" target="_blank"><font size="1">Powered by iWEBTOOL</font></a></p>
<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test -->

Download Musicmatch Full Crack

AbahVsan | 21.16 | 0 comments


Assalamualaikum.... 
Share koleksi lagi nih sob. kali ini saya share koleksi saya yang bernama musicmatch sob, software ini tu gunanya yang asli sama dengan pemutar-pemutar musik lainya cuman kalau menggunakan software ini suaranya lebih mantab kalau tidak percaya monggo langsung dicoba...

Screen Shoot


Download Area

Software Gratis (Full Version)

AbahVsan | 23.33 | 0 comments

Bale-bale Palupuh berbagi 20 Software Gratis 2012 (Full Version) dan fungsinya yang dapat anda download disini:


PrimoPDF (membuat file ebook berformat pdf)
http://www.primopdf.com/download.aspx

Rapid Typing Tutor (belajar mengetik cepat)
http://www.rapidtyping.com/

Photobie (Mirip adobe photoshop tapi versi gratis)
http://www.photobie.com/
XnView (pengelola lebih dari 400 jenis file gambar)
http://www.xnview.com/en/download.html

Winamp (software pemutar musik terpopuler)
http://www.winamp.com/

BioniXWallpaper (perubah tampilan desktop background otomatis)
http://www.bionixwallpaper.com/

Free Screen Hunter (ahlinya pembuat screenshot dari tampilan layar computer)
http://screenhunter-free.en.softonic.com/
http://www.snapfiles.com/get/screenhunter.html

Download Accelerator Plus (peningkat kecepatan download)
http://www.speedbit.com/

CCleaner (penghilang file file tidak berguna dari sistem komputer)
http://www.piriform.com/ccleaner

Ad-Aware Free (software anti spyware terpopuler di dunia)
http://www.lavasoft.com/

Smadav Anti Virus (antivirus lokal kebanggaan indonesia)
http://www.smadav.net/

Youtube Downloader (untuk mendownload video dari youtube)
http://youtubedownload.altervista.org/
http://www.youtube-d.com/

FLV Player (pemutar file berformat flv/flash video)
http://www.flvplayer.com/

GOM Player (pemutar file video paket komplit!)
http://www.gomlab.com/eng/

Mozilla Firefox (browser internet terpopuler)
http://www.mozilla.org/id/firefox/new/

Google Earth (jelajahi dunia melalui internet)
http://www.google.com/earth/index.html

CD Burner XP (pem'burn CD & DVD gratis)
http://cdburnerxp.se/

Camstudio (perekam aktivitas di layar komputer)
http://camstudio.org/

Mudah-mudahan bermanfaat, semua software diatas bersumber dari website resminya.

Ebook Harun Yahya 1

AbahVsan | 01.33 | 0 comments

Tanda-tanda nyata kiamat. Download
Terorisme Ritual Setan. Download
Menyingkap tabir dibalik perang dunia. Download
TRAGEDI PALESTINA.full. Download
suara hati dan Alquran. Download
Selamat datang di dunia semut dan
berang-berang sang ahli pembuat bendungan Download 2 in 1
kekeliruan teori evolusi. Download
ebook Mengenal Allah lewat akal,
ebook bagaimana seorang muslim berfikir,
ebook keikhlasan dalam telaah Alquran dan
Download ebook 3 in 1
Runtuhnya teori evolusi dalam 20 pertanyaan. Download
Pesona alam satwa. Download

Download Windows Media Player Classic (MPC Classic)

AbahVsan | 21.14 | 0 comments

Assalamualaikum my plend...

Wah lama tak posting, lama tak update blog ternyata visitor saya turun haha...
Tapi tak apa-apa kali ini saya ingin share koleksi saya lagi yaitu MPC Classic.Pastikalian semua sudah tau apa itu MPC Classic, jadi saya tidak usah menjelaskan bertubi-tubi apa itu mpc classic ahaha
Ok let's check this out

Screen Shoot 


Download Area

Ebook Harun Yahya 2

AbahVsan | 01.32 | 0 comments

Ebook Harun Yahya gratis 2
jihad menentang agama bathil. Download
misinterpretasi terhadap Alquran. Download
keruntuhan teori evolusi. Download
Mengapa Darwinisme Bertentangan dengan Al-Quran. Download
ebook Rahasia kekebalan tubuh dan
ebook penciptaan alam semesta.
Download ebook 2 in 1
makhluk-makhluk yang mengagumkan. Download
keikhlasan dalam telaah Alquran. Download
Hari akhir AlMahdi dan
Rahasia DNA. Download
kaum-kaum yang telah dibinasakan. Download
IMAN YANG SEMPURNA. Download

Download Game Transformer

AbahVsan | 23.38 | 0 comments

Download Game Transformer



Satu lagi game yang menarik untuk dimainkan yaitu transformer, game ini diangkat dari cerita filmnya nah dengan bermain game ini anda memiliki kesempatan bermain sebagai robot atau mobil, tergantung pilihan anda. Setelah saya mainkan ternyata lumayan seru. Langsung saja ke tkp download  disini

Download Photoscape 3.6 Portable

AbahVsan | 21.15 | 0 comments

Photoscape adalah salah satu software yang menyenangkan dan mudah untuk menggunakanya, software ini berfungsi untuk memperbaiki photo dan bahkan untuk meningkatkan kualitas photo. bagaimanakah bentuk software ini? ayo kita ke TKP...


Fiturnya adalah:
1. Viewer
2. Editor
3. Batch Editor
4. Page
5. Combine
6. Animated GIF
7. Print
8. Splitter
9. Screen Capture
10. Color picker
11. Rename
12. Raw converter
13. Paper Print
14. Face Search

Screen Shoot

Langkah-langkah Install Windows 8

AbahVsan | 00.00 | 0 comments

CARA INSTALL WINDOWS 8

Belajar Komputer : Sehubungan dengan mulai maraknya windows 8 saat ini, maka cerdaskom tidak mau ketinggalan dengan memberikan materi mengenai windows 8 yaitu Cara install windows 8.
Adapun langkah-langkah menginstall windows 8 hampir sama dengan menginstall windows 7, hanya saja bedanya pada akhir penginstalan ada beberapa teknik yang memang harus kita ketahui yang berbeda dengan windows 7.
Apa itu?
install-windows-8

Sabar rekan-rekan langkah-langkah menginstall windows 8 ini sudah saya rangkum dalam satu file PDF yang bisa anda download lengkap dengan gambar petunjuknya.
Untuk itu Download saja disini petunjuknya :
Langkah-langkah Install Windows 8

Koleksi Ebook Islami Gratis 2

AbahVsan | 01.38 | 0 comments

Ajaran-ajaran Sesat Bahayanya Terhadap Agama Dan Negara. Download
Ada apa dibalik gempa tsunami ??? Download
114 Tips Murobbi Sukses Download
1001 Kisah-kisah Teladan Islam“. Download
17 Kisah Penuh Hikmah Islami“. Download
73 Wasiat Untuk Para Pemuda Muslim Download
9 Tipe Gadis Yang Tidak Diminati Para Pemuda. Download
Adab Pergaulan menurut Alquran dan Assunnah. Download
10 Cara dan Kiat menyambut dan Optimalisasi Ramadhann. Download
Agar Puasa Lebih Bermakna by Abu Umar Basyir. Download
ALIRAN-ALIRAN SESAT ISLAM“. Download
“ALKOHOL DALAM MAKANAN OBAT DAN KOSMETIK” BAG 1 Download
ALKOHOL DALAM MAKANAN OBAT DAN KOSMETIK BAG 2 Download
Akibat Memakan Harta Riba. Download
Apa benar kalau Islam dikatakan hancur ??? Download
Antara Sunnah Bidah Dan Taklid Download
Akhirnya Saya Berhasil “Berhenti Merokok” Download
Hadits Dhaif Palsu Yang Masyhur diKalangan Masyarakat Download
Adab2 bertetangga. Download

Koleksi Ebook Islam Gratis

AbahVsan | 01.36 | 0 comments

1001 SMS silaturahmi.SMS ISLAMI Download
Arab indo.Belajar Bahasa Arab Untuk Orang Indonesia. Download
52 Kiat Agar Suami Disayang Istri Download
853 “nama bayi muslim” Download
76 Karakter-karakter Yahudi Dalam Al-Quran.kenalilah,, Download
7 Tipu daya setan atas ummat Islam. Download
15 faktor mantapnya aqidah Download
20 FATWA PILIHAN SEPUTAR ZAKAT Download
28 fatwa seputar Puasa. Download
10 PERKARA YANG MEMBUAT MURTADNYA SEORANG MUSLIM. Download
 
Support : Khiansantang | TipsTrikBlogger | Mas Template
Copyright © 2011. BALE-BALE PALUPUH - All Rights Reserved
Template Modify by Abahvsan
Proudly powered by Blogger