subscribe to RSS

Tooltip di blog

Posted by bagus on Saturday, July 3, 2010

Setelah berhari2 puasa ngenet , gara2 kuota tinggal separo akhirnya skarang ol lagi ......
Na , tutorial kali ini buat yang mau ngasi tooltip yang nanti akan tampil di sebelah kanan bawah layar . Cara kerjanya adalah dengan mengarahkan kursor kita ke salah satu elemen yang telah diberi tooltip sebelumnya .....

Cara ini saya sebut "blog template injection" ........ Untuk tutor nanti dulu ya ......

Arahkan Kursor Anda Pada tulisan ini , lihat apa yang terjadi

Ini adalah tooltip

Tooltip ini berguna untuk membantu pambaca blog dalam hal-hal yang tidak diketahui orang awam atau untuk penjelasan istilah baru ....

bagus tooltip ver. beta

.......

Membuat Script Box di Blog

Posted by bagus on Monday, June 28, 2010

Postingan ini untuk yg  pengen tau cara nge-box di blog , untuk nge-box di blog memang tidak terlalu sulit ( tapi susah :D ) tetapi yang jadi masalah adalah saat kita mau nulis kode2 HTML , CSS  ato bahasa WEB scripting laennya . Kenapa ? karena kode2 itu dianggap seperti kode HTML biasanya . Jadi nanti blog kita bisa error ( semuanya khususnya tampilan ) dan akan tampilannya kacau malah bisa2 jadi putih semua ........ :D Jangan lebay ..............

Nah untuk mengatasi hal tersebut , ( kalau saya ni ) pake Dreamweaver . Jadi pertama bikin kotaknya dulu , lalu ketik kode yang mau dimasukkin di tab design . Jadi  deh , tinggal ambil sourcenya copy-paste di post edit HTML ( yang di blog tu .....) jadi deh .......

Masih belum ngerti ? emang . Sini yang baca aja ga ngerti . Maklum belum ada gambarnya ........

Dari pada visitors kecewa mending ditulisin dulu scriptnya ( error tanggong sendiri ) wkwkwkwk :


<div style="background-color: white; border: thin dashed; color: #434343; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: auto; margin-left: 20px; padding: 10px; right: 50px; width: auto;">

ketik disini Scriptnya ,
tapi kalo tanda2 khusus jangan langsung ditulis ,
nanti blognya error , malah jadi putih semua
error tanggung sendiri .....

</div>

<br />

Membuat Menu bar Part 2

Posted by bagus on Sunday, June 27, 2010

Eeeee.  ....... ada lanjutannya nie........

Sabar ya , scriptnya rada panjang tapi yang penting tinggal copy paste kalo ga mau repot . Klo maw nanya ya mangga tanya , yang mau ralat yang ralat tulisannya klo bisa ( hehehehehe .... jangan ada dusta di antara kita ....)

Kembali ke topik . Tinggal copy paste code dibawah ( klo tega ) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Menubar</title>

<link rel="stylesheet" type="text/css" href="menubar.css" />

</head>
<body>

<ul>

<li><a href="#">CONTOH</a></li>

<li><a href="#">CONTOH</a></li>

<li><a href="#">CONTOH</a></li>

<li><a href="#">CONTOH</a></li>

<li><a href="#">CONTOH</a></li>

</ul>
</body>

</html>


Lalu save dengan nama : menubar.html , nah ini script CSS nya :

/* CSS Document */

/* Css file ini dibuat oleh

bagus20972@yahoo.com

meng-copy secara ilegal

tidak akan diberi sanksi

tapi dosa tanggung sendiri :D*/

ul{

list-style-type:none;

}

ul li{

display:inline;

float:left;

}

a {

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

display:block;

width:100px;

height:20px;

padding:10px;

text-align:center;

text-decoration:none;

background-color:#040404;

color:#A4A4A4;

}

a:hover, a:active{

background-color:#919191;

color:#060606;

}

lalu save dengan nama menubar.css pada folder yang sama , kode pun telah jadi !!!

Jalankan menubar.html pada browser anda dan lihat and saksikan .......
Wkwkwkwwk .......

Penjelasannya nanti dlu ya , cape nulis n scripting ......



Membuat menubar part 1

Posted by bagus on

Akhirnya setelah error gara2 ngepost ga aturan , sekarang bsa ngepost lagi . Tpi harus ngetik ulang hu.... T.T



Kembali ke tujuan postingan ini , membuat menubar di HTML tidak serumit yang di bayang kan . Saya menemukan caranya ketika membaca tutorial CSS Advance , memang awalnya akan terasa banyak yg harus dihafal tertama dalam tahapannya . Tpi saya akan menjelaskan caranya 1 per 1 , sedetil2nya tapi semampunya .
Yg masih belum ngerti atau ada error bisa nanya atau memberi ralat artikel ini .


LED TV Siap Gantikan LCD TV

Posted by bagus on Tuesday, June 22, 2010

VIVAnews - Samsung Group mendirikan Samsung LED, sebuah perusahaan yang didedikasikan untuk membuat produk-produk berbasis LED. Perusahaan tersebut merupakan kombinasi dari Samsung Electronics dan Samsung Electro-Mechanics Co.

Mengambil tempat di Suwon, sebagai kantor pusat, Samsung LED juga akan beroperasi di Giheung dan juga di Tianjin, China.

“Industri LED tumbuh lebih pesat dibanding yang diperkirakan,” kata Kim Jae-wook, mantan pemimpin

Datang Kembali !!!!

Posted by bagus on Sunday, June 20, 2010

Di artikel yang pertama saya ini , saya mau mengucapkan terima kasih kepada teman-teman , guru-guru dan keluarga yang telah mendukung dan mendidik saya sampai saat ini. Di artikel pertama ini , saya cuma mau bercerita sedikit ....
Blog ini saya buat untuk mendampingi website saya yang namanya dibuat sama : Eclios. Tapi, tapi , tapi , setelah berpikir sejenak setelah membuat web tersebut ..........
"Waaaaa....... ni web mau diapain! , dibikin tutorial HTML masih (Nuudzubillah) baru satu halaman . Padahal butuhnya puluhan . Apa lagi kalo mau yang laen (CSS,JavaScript,.....) Astaghfirullah .!!!!!!.......", malam harinya setelah membuat website . Daripada kelamaan bikin , ngetik website mending bikin blog pendamping wkwkwkwkwk......