16 Mei 2013

tugas

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Photoshop</title>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Open+Sans:400,300' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body bgcolor="#66FF33">
<div id="wrapper">
    <div id="header-wrapper">
        <div id="header" class="container">
            <div id="logo">
                <h1><a href="#">PHOTO<bold>SHOP</bold></a></h1>
            </div>
            <div id="menu">
                <ul>
                    <li class="current_page_item"><a href="#">Home</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Photos</a></li>
                    <li><a href="#">About</a></li>
                </ul>
            </div>
        </div>
        <div id="banner">
            <div class="content"><img src="../../w@llpàp€r/p.jpg" alt="" width="1002" height="414" /></div>
        </div>
    </div>
    

    <div id="page">
        <div id="content">
            <div class="post">
                <h2 class="title"><a href="#">Pengertian adobe photo<strong>shop</strong> </a></h2>
                <p class="meta"><span class="date">Mei 05, 2013</span></p>
                <div style="clear: both;"> </div>
                <div class="entry">
                    <p>Adobe photoshop merupakan salah satu program pengolah gambar standar professional. Tutorial adobe photoshop merupakan perangkat lunak editor citra buatan adobe system yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar. Untuk perangkat lunak pengolah gambar/foto dianggap sebagai produk terbaik yang pernah diproduksi oleh adobe system. Adobe photoshop cs3 adalah program adobe photoshop versi kesepuluh.</p>
                    <p class="links"><a href="#" title="b0x" class="comments">Comments</a></p>
            </div>
            </div>
            <div class="post">
                <h2 class="title"><a href="#">Pengenalan workspace adobe photo<strong>shop </strong></a></h2>
                <p class="meta"><span class="date">Mei 05, 2013</span></p>
                <div style="clear: both;"> </div>
                <div class="entry">
                    <p>Pertama kali kita membuka aplikasi pengolah gambar pasti muncul seperti lembaran kerja. Yang ada dalam workspace diantaranya:</p>
                    <ol start="1" type="1">
                      <li>Toolbox</li>
                    <li>Option Bar</li>
                    <li>Menu bar</li>
                    <li>Document window</li>
                    <li>Expand dock/collapse to icons</li>
                    <li>Icon name pallete</li>
                    <li>Collapse to icons (tombol untuk mengecilkan       pallete menjadi icon)</li>
                    <li>Pallete yang sedang aktif</li>
                </ol>
                    <p>Keterangan:</p>
                    <ol start="1" type="1">
                      <li>Toolbox</li>
                </ol>
                    <p>Berisi berbagai macam tools atau alat-alat yang disiapkan untuk digunakan pada saat mengedit atau membuat sebuah karya grafis.</p>
                    <ol start="1" type="1">
                      <li>Option Bar</li>
                </ol>
                    <p>Option bar merupakan baris pilihan yang berfungsi untuk mendukung tool-tool yang sedang kita gunakan</p>
                    <ol start="1" type="1">
                      <li>Menu bar</li>
                </ol>
                    <p>Dalam menu bar terdapat pilihan menu <strong>pull down </strong>yang berfungsi untuk melakukan perintah pada apa yang dikerjakan. Berikut adalah menu-menu yang terdapat pada Adobe Photoshop CS3 :</p>
                    <p>1. <strong>File</strong><br />
                    2. <strong>Edit</strong><br />
                    3. <strong>Image</strong><br />
                    4. <strong>Layer</strong><br />
                    5. <strong>Select</strong><br />
                    6. <strong>Filter</strong><br />
                    7. <strong>View</strong><br />
                    8. <strong>Window</strong><br />
                    9. <strong>Help</strong></p>
                    <ol start="1" type="1">
                      <li>Document Window</li>
                </ol>
                    <p>Dokumen window merupakan ruangan atau tempat.</p>
                    <ol start="1" type="1">
                      <li>Expand Dock/Collaps to Icon</li>
                </ol>
                    <p>Berungsi untuk memunculkan atau menyembunyikan pallete dalam bentuk icon atau dalam tampilan sempurna.</p>
                    <ol start="1" type="1">
                      <li>Icon Nama Pallete</li>
                </ol>
                    <p>Setiap pallete yang tampil dalam Adobe Photoshop pasti ada namanya.</p>
                    <ol start="1" type="1">
                      <li>Collapse to Icons</li>
                </ol>
                    <p>Fungsinya sama dengan icon Expand Dock/Collapse to icons.</p>
                    <ol start="1" type="1">
                      <li>Pallete</li>
                </ol>
                    <p>Pallete sangat berguna untuk memudahkan dalam navigasi maupun editing image.</p>
                    <p class="links"><a href="#" title="b0x" class="comments">Comments</a></p>
                </div>
        </div>
            <div class="post">
                <h2 class="title"><a href="#"><strong>Tool-tool dalam Adobe Photoshop </strong></a></h2>
                <p class="meta"><span class="date">Mei 05 , 2013</span></p>
                <div style="clear: both;"> </div>
                <div class="entry">
                    <ol start="1" type="1">
                      <li>Selection Tools</li>
                </ol>
                    <p>Adalah tool untuk menyeleksi objek atau gambar. Ada banyak jenis selection tool:<br />
                        <strong>A.1. Marquee Tool</strong> <br />
                    Saat kita klik Marquee Tool kita bisa melihat ada 4 jenis marquee tool :</p>
                    <ol start="1" type="1">
                      <li><strong><em>Rectangular Marquee</em></strong> </li>
                    <li><strong><em>Elliptical Marquee</em></strong> </li>
                    <li><strong><em>Single Row Marquee</em></strong> </li>
                    <li><strong><em>Single Column Marquee</em></strong> </li>
                </ol>
                    <p><strong>A.2. Move Tool</strong> <br />
                    Shortcut keyboard: <strong>V</strong> Digunakan untuk menggeser/memindah selection, layers, dan guides.<br />
<strong>A.3. Lasso Tool</strong> <br />
                    (Shortcut keyboard: <strong>L</strong>, atau <strong>Shift + L</strong> untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:</p>
                    <ol start="1" type="1">
                      <li><strong><em>Lasoo</em></strong> </li>
                    <li><strong><em>Polygonal Lasoo</em></strong> </li>
                    <li><strong><em>Magnetic Lasoo</em></strong> </li>
                    <li>Crop and Slice tool</li>
                </ol>
                    <p><strong>B.1. Crop Tool</strong> <br />
                    Shortcut keyboard: <strong>C</strong>. Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image).<br />
<strong>B.2. Slice Tool</strong> <br />
                    (Shortcut keyboard: <strong>K,</strong> atau <strong>Shift + K</strong> untuk mengubah slice) Terdiri dari 2 jenis yaitu:</p>
                    <ol start="1" type="1">
                      <li><strong><em>Slice Tool </em></strong> </li>
                    <li><strong><em>Slice Select Tool </em></strong> </li>
                    <li>Retouching tool</li>
                </ol>
                    <p><strong>C.1. Patch/Healing Brush Tool</strong> <br />
                    (Shortcut keyboard: <strong>J</strong>, atau <strong>Shift + J</strong> mengubah tool)</p>
                    <ol start="1" type="1">
                      <li><strong><em>1.               Patch Tool</em></strong> </li>
                    <li><strong><em>2.               Healing Brush Tool</em></strong> </li>
                </ol>
                    <p><strong>C.2. Stamp Tool</strong> <br />
                    (Shortcut keyboard: <strong>S</strong>, atau <strong>Shift + S</strong> untuk mengubah tool) Terdiri dari 2 jenis yaitu:</p>
                    <ol start="1" type="1">
                      <li><strong><em>Clone Stamp Tool</em></strong> </li>
                    <li><strong><em>Pattern Stamp Tool</em></strong> </li>
                </ol>
                    <p><strong>C.2. Stamp Tool</strong> <br />
                    (Shortcut keyboard: <strong>S</strong>, atau <strong>Shift + S</strong> untuk mengubah tool) Terdiri dari 2 jenis yaitu:<br />
<strong><em>1. Clone Stamp Tool</em></strong> <br />
                    2. <strong><em>Pattern Stamp Tool</em></strong><br />
<strong>C.3. Eraser Tool</strong> <br />
                    (Shortcut keyboard: <strong>E</strong>, atau <strong>Shift + E</strong> mengubah jenis eraser), Terdiri dari 3 jenis yaitu:<br />
<strong><em>1. Eraser</em></strong> <br />
                    2. <strong><em>Background Eraser</em></strong><br />
                    3. <strong><em>Magic Eraser</em></strong><br />
<strong>C.4. Sharpen, Blur, Smudge Tool </strong> <br />
                    (Shortcut keyboard: <strong>R</strong>, atau <strong>Shift + R</strong>), Terdiri dari 3 jenis yaitu:</p>
                    <ol start="1" type="1">
                      <li><strong><em>Sharpen Tool</em></strong> </li>
                    <li> <strong><em>Blur Tool</em></strong> </li>
                    <ol start="1" type="1">
                        <li> <strong><em>Smudge Tool </em></strong></li>
                      </ol>
                </ol>
                    <p class="links"><a href="#" title="b0x" class="comments">Comments</a></p>
                </div>
        </div>
            <div style="clear: both;"> </div>
        </div>
        
        <div id="sidebar">
            <ul>
            <li>
                    <h2>Categories</h2>
                <ul>
                    <li><a href="#">Pengertian adobe photo<strong>shop</strong></a></li>
                    <li><a href="#">Pengenalan workspace adobe photo<strong>shop</strong> </a></li>
                    <li><a href="#">Tool-tool dalam Adobe Photo<strong>shop </strong></a></li>
                </ul>
                </li>
        </ul>
    </div>
        
        <div style="clear: both;"> </div>
    </div>
    
</div>
<div id="footer">
    <p>Copyright (c) 2013 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FCT</a>. Photos by <a href="http://fotogrph.com/">Fotogrph</a>.</p>
</div>

</body>
</html>

0 komentar:

10 Mei 2013

SECRET STEP BUG DECORDER “Counter Srike Online Indonesia"

WORK 75 %, 15 % nya gimana pemilihan server
Need /yang di butuhkan:

minimal 3 decorder

Step by step:

Log in ke akun CSO indo milik kalian ..
Lakukan STEAK BUG.. dengan cara:
- pergi ke clan wars 01-01
- buat room
- centang clan war
- keluar room
- buka decorder, entah hasilnya apa
pilih server yang anda ingin kan untuk di tuju
*notice = ingat setiap server meliki kriteria tersendiri jangan sampai memilih server yang kriteria nya SPRAY !!
jika sudah masuk server. contoh casual 01-01 . buka decorder, senjata biasa.
*notice = jika mendapatkan senjata five-seven . berarti bug berhasil
pindah server lagi ke clan wars 01-01, buka decorder, special item.. kalau tidak minimal perunggu item

*notice = jika anda mendapatkan spray atau item zombie up . berarti server yang anda pilih di step 3
memiliki kriteria spray dan zombie , maka berhati hatilah memilih server

UPDATE TAMBAHAN !!

ITEM GOLD SPECIAL !!

lakukan step step di atas . namun pada saat step ke 5 -> buka nya di my info lalu

gunakan class SAS
pilih base guild ke 2
gunakan ak-47
gunakan nightwalk, lebih bagus menggunakan dual infinty final
gunakan granade
buka decorder disitu, special gold item

*notice= jika mendapatkan senjata biasa / sampah / spray . berarti server yang anda kunjungi di step 3 mangandung
kriteria spray. jadi hati hatilah memilih server

#NOTE = jangan salahkan saya kalau dapet spray berarti itu salah anda. karena salah memilih server pada
step 3

SELAMAT MENCOBA! !!!!

0 komentar:

9 Mei 2013

TV PROGRAM

Variety Show Anak

BATARA
( Budaya Tradisional Anak Nusantara )
menampilkan kembali jenis jenis
Permainan / dolanan anak anak tradisional
dari berbagai daerah di Indonesia.

Design Program
RM.D.Yosohadikusumo
( Jajak )

Judul Program

B A T A R A
( Budaya Tradisional Anak Nusantara )

Jenis Program

Veriety Show Anak

Durasi

24 menit Body Program
6 menit Commercial Break.

Latar Belakang

Ke aneka ragaman budaya yang dimiliki Bangsa Indonesia merupakan kekayaan yang tak ternilai harganya. Budaya yang menyangkut pendidikan atau permainan tradisional anak anak jarang kita lihat pada acara televisi. Untuk itu Saya mengajukan konsep acara veriety show anak yang bertajuk BATARA , Budaya Tradisional Anak Nusantara.

BATARA merupakan TV Program untuk anak yang berisikan , jenis permainan / dolanan tradisional Anak dari seluruh pelosok nusantara, disamping itu BATARA juga mengedepankan nilai edukasi bagi anak dengan filosofi yang terkandung dalam dolanan tresebut.

Tujuan Program.

Memberikan Pengetahuan pada anak-anak tentang keaneka ragaman permainan / budaya tradisional anak di seluruh nusantara.
Memupuk rasa cinta Tanah Air dan mempererat ikatan tali Kebangsaan sejak usia dini.
Melestarikan dolanan tradisional anak
Memberikan hiburan keluarga dan anak anak.
Mengangkat kembali kesenian tradisional anak agar tidak punah
Agar anak tidak terjebak dengan dolanan / permainan modern yang kadang kurang mendidik.

Target Pemirsa

Anak-anak & keluarga
Umum.

Desain Produksi

Siaran tunda per-episode 24 menit
Setiap episode berganti lokasi menurut permainan yang diangkat.

Design Set

Shooting in door & Out door. Disesuaikan dengan thema.

Pendukung Acara

GRAY. Moertiyah ( Gus Mung ) Kraton Surakarta.
Sri Mangkunegoro X ( Istana Mangkunegaran )
GM. Sudarta ( Budayawan Klaten & Karikaturis kompas )

NB: Jajak Telah konfirmasi dan mereka siap mendukung acara ini

PEMERAGA / Pengisi :
Sanggar Anak Anak Meta Budaya Solo.
Kelompok bermain Anak Bangsa Semarang
Sanggar Bina Seni Anak Nusantara Semarang
Pecinta Seni tradisi Anak Surakarta
Sanggar Olah Tradisi Anak Jogyakarta
Bina Kreasi Anak Nusantara Jogya

NB: hasil konfirmasi mereka siap dan sudah berlatih menurut scenario yang Jajak berikan.



Rundown :

Segment 1. Opening
- Landscape perkampungan di sore hari
- Tempat biasanya untuk Anak anak berkumpul
     - Presenter membuka on the spot.
    - Snap shoot isi acara

Segment 2.
- Tradisi anak dalam mengumpulkan rekan-rekannya.
- Anak anak berembuk menentukan jenis permainannya.
- Tradisi / budaya undian dalam menentukan posisi pemain
   serta peraturan dalam permainan.
- Permainan di mulai

Segment 3.
- Ulasan tentang filosofi permainan oleh pengamat Budaya
- Asal mula / latar belakng sosial budaya permainan
- Penampilan permainan session pertama.

Segment 4.
- Tradisi anak anak saat istirahat
- Makanan tradisional yang dinikmati saat istirahat
- Permainan session ke dua.

Segment 5.
- Cara menentukan pemenang
- Ungkapan rasa kegembiraan
- permainan Usai.
- Penerapan permainan pada kondisi sekarang
- presenter menutup acara

Materi tiap segment bisa berubah / dikembangkan menurut kondisi.

JENIS PERMAINAN / DOLANAN

JAWA
Dhoktri, Anjir, Bas-basan sepur, Bhetet thing thong, Cacah bencah, Dhing Dhingan, Dhingklik Oglak-aglik, Dhuk ther, dhul dhulan, Embek-embek’an, Epek-epek, Gajah Talena, Jeg-jegan, Jirak, Soyang, Kubuk, Kubuk manuk, Kucing, kucingan, layung, Pati lele, Slileng gending, Jamuran.Nekeran, Engklek, Dakon, Dakocan dll.

SUMATRA
Sambung Kaki, Jelentik, Gotri ala Gotri, Cepak Canting.

KALIMANTAN TIMUR
Belogo, Begasing, Begulia, Galaceng

IRIAN JAYA ( PAPUA)
Amiego, Ampakeori, Amum, Okati, Peu Para

JAMBI
Jarak jarab antum, Salam-salaman, Daro, Menjaring

ACEH
Kapai-kapai Ingreh, Makah-makah, Pepilo, Kekurikan, Asak-asakan, Kis-kisen, Jonggut ngkurik, Meu Creak, Peh Koyee.

BALI
Masempyar, Menggangsing, Mengcingklak, Magoak-goak, madul-madulan, Maciwo, Pande

LAMPUNG
Maen lelok siwok, Main Ulo, Cecelukan, Bentengan. Memalaman, Tamtam buku.

BENGKULU
Ingkau, Bicau, Pencak Ace, Sekerung, Sekejar, Dadu Kunco

Dan masih banyak lagi jenisnya.

Untuk masing masing permainan anak yang tertera diatas, telah lengkap Datanya ( 250 lembar )
Hubungan permaianan dengan Budaya setempat , Latar belakang perkembangannya , Pelaku dan Jumlah permainnya Peralatan yang diperlukan , iringan lagu pada permainan, peraturan permainan konsekwensi kalah / menang, serta Nama & Alamat calon Nara Sumber, yang bersedia di wawancarai.

0 komentar:

7 Mei 2013

Cara Bikin Buku Tamu Melayang Lucu Di Blog

Saudara Yang Terhormat, kali ini saya akan memberitahukan tentang bagaimana Cara Bikin Buku Tamu Melayang Lucu Di Blog yang nanti nya akan tampil seperti pada gambar disamping <--- tepatnya di sebelah kanan blog saudara...

Oke berikut adalah caranya...

1. Login ke http://cbox.ws/ , kalo belum punya, saudara bisa bikin account baru disana...

2. Setelah itu, bikin chat bos nya sesuai yang anda inginkan, dan kemudian dapatkan kode HTML nya..

3. Langkah berikutnya Login ke blogger anda, kemudian pilih Rancangan>>Elemen Laman>> klik add Gadget/Tambah Gadget>> pilih HTML/Java Script.

Langkah yang terakhir adalah copy dan pastekan kode HTML di bawah ini :

Setelah itu, ganti text yang saya beri warna merah dengan kode HTML dari CBOX yang tadi anda dapatkan di http://cbox.ws/ , setelah itu ?? kemudian ?? lalu ?? selesai deh... ^_^ hehehe... gimana ? gampang bukan saudara - saudara sekalian... okeee.. selamat mencobaaa... dan semoga sukses ya..!

0 komentar:

Cara Mengganti Header Judul Blog Dengan Gambar

Halo saudara - saudara... sebenarnya Cara Mengganti Header Judul Blog Dengan Gambar. sangatlah mudah sekali bahkan tanpa sedikitpun mengotak-atik code HTML yang ada pada template anda.. contoh nya saja seperti pada blog ini

Lalu ? bagai mana cara membuatnya ?

Pertama buatlah gambar yang ingin anda jadikan sebagai header di bagian judul blog. Agar tampak lebih rapi, sesuaikan ukuran dengan panjang lebar nya blog anda.. misalnya saja pada blog ini ukuran gambar header nya adalah 1000px X 200px .

Setelah selesai membuat gambar, simpan gambar tersebut dengan format JPG atau PNG, kemudian masuk ke bagian Rancangan>>Elemen Laman>> Pilih Edit pada widget Header judul. Misalnya saja jika pada blog saya terlihat seperti ini.

Kemudian upload gambar yang tadi telah anda buat setelah selesai mengupload.. ganti opsi penempatan gambar menjadi " Selain judul dan keterangan " seperti pada gambar dibawah ini :

Kemudian klik simpan.

Kembali ke blog anda dan lihat hasil nya.. mungkin bila ukuran gambar tidak sesuai dengan ukuran template blog anda, anda bisa mengedit lagi gambar tersebut, kemudian ulangi langkah di atas. jika masih belum sesuai. terus lakukan pengubahan ukuran gambar anda dan upload lagi sampai gambar benar-benar pas di blog saudara... hehehe... sangat mudah kan ? saya yakin mudah sekali .. karena Bosen Gaptek jarang memberikan tips n trick yang sulit untuk di mengerti kok...hehehe... okeee selamat mencoba saudara... semoga blog nya makin cantik aja ya...

0 komentar:

Membuat Label Tertata Rapi Dengan Box CSS

Haloo saudara saudara sekalian.... wah kayaknya hampir 1 tahun nih bosengaptek ga update blog, hehehee.. tapi tenang, mulai sekarang bosengaptek bakal di update lagi kok.. hehehe...

oke next kembali ke judul " Membuat Label Tertata Rapi Dengan Box CSS " , hmmm... mungkin jika anda belum tau maksudnya... nih langsung saja BOS GAP kasih gambarannya :

:
iya betul !! kira kira seperti itulah saudara saudara... so ? mari kita coba...

sebelum melakukan langkah-langkah dibawah ini sebaiknya delete atau remove dulu widget "label/category" yang ada di blog anda.
langkah yang pertama adalah cari kode ]]></b:skin> (untuk mempercepat gunakan alt+f)
kemudian copy dan pastekan kode CSS dibawah ini di atas ]]></b:skin> yang tadi sudah kita cari.

#textwidget {
color: #070c65;
font-size: 0.925em;
font-style: italic;
line-height: 1.6em
}

a.tag {
color: #080e76;
font: 9px verdana;
text-transform: uppercase;
transition: border-color .218s;
background: #e9e9e9;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #e9e9e9;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px #ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none
}

a.tag:hover {
color: #030632;
border-color: #000998;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.15)
}

a.tag:active {
color: #000000;
border-color: #000443
}

.slides {
font-size: 85%;
line-height: 130%;
overflow: hidden;
padding: 0;
margin: 30px 0 10px;
border-bottom: 1px solid #000000
}

Nah jika sudah, kemudian cari lagi kode </b:widget>
copy dan pastekan kode dibawah ini, dibawah kode </b:widget> tersebut.

<b:widget id='Label1' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='textwidget'>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(
<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(
<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit' />
</div>
</div>
</b:includable>
</b:widget>

apa semua kode sudah terpasang..? sebaiknya " PREVIEW " dulu blog anda, setelah anda melihat Label Box CSS terpasang di blog, save template anda, kemudian atur sendiri letak widget Label Box CSS tersebut dengan cara masuk ke Rancangan>>Elemen Laman.. daaan...... selamat !! anda telah sukses Membuat Label Tertata Rapi Dengan Box CSS . hehehe... mudah kan..? okee.. semoga berhasil saudara saudara...

0 komentar:

Membuat Label Tertata Rapi Dengan Box CSS

Nah jika sudah, kemudian cari lagi kode </b:widget>
copy dan pastekan kode dibawah ini, dibawah kode </b:widget> tersebut.

0 komentar:

Postingan Langsung Terindex Di Google

Sebenernya bagaimana sih caranya supaya setiap kita memposting artikel baru di blog kita, maka dengan cepat postingan tersebut akan langsung muncul di Mesin Pencarian Google ? Pengen tau caranya ? cek it dot...!!

Menurut pengalaman pribadi saya, ternyata tidak ada embel embel apapun agar postingan kita cepat terindex di Google, hanya saja umur blog kita yang akan berbicara... hah ? maksudnya ? jadi gini, apabila blog kita masih berumur jagung (masih baru) tentu saja postingan baru kita masih belum terindex di google, berbeda dengan blog yang sudah berumuran 6 bulan atau lebih... biasa nya blog yang sudah tua (6 bulan keatas) akan lebih cepat terindex di Google.. maka dari itu anda harus bersabar, dan saya sarankan lebih baik anda membuat artikel/postingan sebanyak - banyaknya terlebih dahulu.. karena dengan begitu setelah blog anda ber-umuran 6 bulan keatas, dengan sendirinya artikel artikel yang anda posting akan langsung terindex di Google.

Apakah iya ? yaa itu menurut pengalaman pribadi saya... tapi mungkin juga ada cara/tips lain yang disebut dengan SEO ( Search Engine Optimization ). tentu saja kalau kita berbicara SEO tidak akan ada habis nya.. karena di luar sana banyak para master SEO yang selalu menemukan cara/tips baru dalam permainan SEO.. hehehe... Oke ! itu saja dulu mungkin pengalaman pribadi saya mengenai " Postingan Langsung Terindex Di Google " ... selamat berjuang saudara saudara...

0 komentar:

Membuat Web Statis Dengan Dasar HTML Dan CSS

Oke saudara-saudara... berjumpa lagi dengan saya di Bosengaptek.blogspot.com.

Pada postingan kali ini saya akan berbagi informasi tentang dasar-dasar HTML dan CSS. bagaimana cara Membuat Web Statis Dengan Dasar HTML Dan CSS ? langsung saja simak tutorial saya di bawah ini !

Berikut adalah screenshoot tampilan website statis menggunakan kode sederhana dasar HTML dan CSS :

Contoh WEB saya

Nah sekarang, untuk membuat tampilan web seperti gambar diatas inilah kode HTML dan CSS nya :

Berikut adalah kode HTML nya :

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

</head>
<body>

<div id="header"></div>

<ul id="top-navigation">

<li><a href="index.html"><span>home</span></a></li>
<li><a href="1.html"><span>link 1</span></a></li>
<li><a href="2.html"><span>link 2</span></a></li>
<li><a href="3.html"><span>link 3</span></a></li>
</ul>

<br />
<p>Nama saya Ivan Kharisma, Saya lahir di Sleman, Yogyakarta pada tanggal 30 April 1993</p>
<p>Saat ini saya sedang menempuh studi S1 di STMIK AMIKOM YOGYAKARTA</p>
<p>Oke cukup sekian dan terimakasih... alhamdulilah tugas saya selesai.. hehehe... :D</p>

</body>

1. Tulisan yang saya blok bewarna biru diatas adalah kode HTML untuk memanggil file CSS nya,, style.css bisa anda ganti dengan nama file css yang anda buat, misalkan anda menyimpan file css dengan nama bosengaptek.css maka pemanggilanya menjadi seperti ini <link rel="stylesheet" type="text/css" href="bosengaptek.css" />

2. <div id="header"></div> adalah pemanggil ID header yang akan kita buat nanti di file CSS nya.

3. <ul id="top-navigation"> adalah pemanggil style CSS nya untuk memberikan effect/gaya pada menu li (home,link 1,link 2,link 3).

4. untuk yang bewarna merah silahkan diganti sesuka hati anda ^_^

Berikut adalah kode CSS nya :

#header{
   height:213px;
   width:850px;
   margin:0 auto:0;
   background-image:url(AMIKOM.png);
   }
#top-navigation{
   list-style:none;
   padding:0;
   margin:0;
   background:#bab3d6;
   float:left;
   width:850px;
   }
#top-navigation li {
   display:inline;
   }
a:hover {
   color:white;
   font-size:20px;
   }

Perhatikan tulisan yang saya blok warna biru !!!

1. #header adalah style CSS yang akan saya panggil pada kode HTML tadi. disini saya menggunakan #header untuk memanggil gambar dan mengatur panjang lebar nya.

2.#top-navigation adalah style CSS yang saya gunakan untuk mengatur warna background dan panjang lebar nya background li (home,link 1,link 2,link 3).

3. #top-navigation li adalah style CSS yang saya gunakan untuk mengatur dan memasukan li (home,link 1,link 2,link 3) kenapa disitu saya tulis display:inline; ? karena saya akan memasukan tulisan (home,link 1,link 2,link 3) kedalam style CSS background #top-navigation yang telah saya buat pada langkah nomor 2 diatas.

4. a:hover adalah style CSS untuk membuat effect pada tulisan li (home,link 1,link 2,link 3), kenapa disitu saya tulis color:white; font-size:20px;, agar waktu tulisan li terkena cursor mouse, warna tulisan tersebut akan berubah menjadi putih dan ukuran tulisan akan menjadi 20px.

5. AMIKOM.png adalah gambar yang telah saya buat, dan akan saya masukan sebagai background pada bagian header.

Gimana saudara-saudara ? memang rada ribet sih, saran saya sebaiknya anda pahami dulu pengertian dari langkah-langkah yang saya tulis diatas.

Jika semua kode HTML & CSS sudah ditulis dengan benar (anda juga bisa copy paste kode HTML dan CSS diatas ganti file.png nya dengan gambar anda), simpan semua file HTML,CSS dan image nya dalam satu folder seperti pada gambar dibawah ini :

Jika sudah, silahkan coba jalankan file html nya. INGAT !!! format penyimpanan kode HTML = .html dan untuk CSS = .css .

Jika tampilan tidak seperti pada gambar "Contoh WEB saya", maka kemungkinan ada kesalahan penulisan pada kode CSS nya, coba cek dengan lebih teliti lagi.

Pada menu li (link 1,link 2,link 3) disitu masih kosong, dan untuk membuatnya kita tinggal copy paste saja file HTML nya menjadi 3 file. karena pada kode HTML tadi saya menulis seperti pada gambar dibawah ini :

maka ubahlah nama ketiga file tersebut menjadi 1.html, 2.html, 3.html. sehingga didalam 1 folder terdapat 6 file (4 html,1 css dan 1 file image.jpg/png) seperti gambar dibawah ini :

Kemudian ubahlah paragraf tiap file html nya. pada gambar "Contoh WEB saya", file 3.html nya saya tulis paragraf sebagai berikut :

<p>Nama saya Ivan Kharisma, Saya lahir di Sleman, Yogyakarta pada tanggal 30 April 1993</p>
<p>Saat ini saya sedang menempuh studi S1 di STMIK AMIKOM YOGYAKARTA</p>
<p>Oke cukup sekian dan terimakasih... alhamdulilah tugas saya selesai.. hehehe... :D</p>

maka anda bisa merubah paragraf file index.html, 1.html, 2.html, sesuka hati anda, cara merubahnya, jalankan pada browser 1 per 1 file html nya >> klik kanan >> View page source, kemudian copy dan paste kode nya di notepad, ubah paragrafnya, dan simpan kembali dengan nama yang sama...

Oke... demikian tutorial Membuat Web Statis Dengan Dasar HTML Dan CSS, selamat mencoba dan semoga berhasil saudara - saudara... ! jika saudara masih bingung silahkan bertanya pada kotak komentar dibawah.

0 komentar:

Cara Membuat Link Download di Blog

Cara Membuat Link Download di Blog - Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ). Kali ini masih seputar link, saya akan share tentang cara bikin link download gratis di blogspot. Untuk membuat link download yang pertama harus kita miliki adalah file dan tentunya akun di file sharing ( seperti ziddu, googlecode, 4shared dll ). File yang ada di komputer sobat nantinya kan di upload ke salah satu file sharing tadi guna mendapatka url dari file tersebut. Kali ini kita akan membahas di file sharing ziddu saja. 1. Sign up di ziddu.com ( baca : cara membuat akun di ziddu ) 2. Silahkan sobat meng-upload file ke ziddu untuk mendapatkan link downloadnya. 3. Link download dari ziddu kira - kira seperti gambar berikut. Nah, setelah kita mendapatkan lin downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya. 1. Link Download Biasa DOWNLOAD Hasilnya : DOWNLOAD 2. Link Download Dengan Gambar

Hasilnya : Download Button Tambahan: Tulisan yang di cetak tebal dan berwarna merah adalah link download ( url file ) yang diambil dari file hasil upload di ziddu

0 komentar:

15 April 2013

Cara MEmbuat Virus Nakal

Yuk buat “Virus” Nakal, buat ngerjain dosen/guru yang kita ngga suka, lagi suntuk di ruang labkom kampus, pusing ngga bisa maen facebook karena diblokir sama admin labkom, yah iseng2 buatin scripts .vbs. Caranya: Buka notepad dan masukkan code berikut, Set oWMP = CreateObject("WMPlayer.OCX.7") Set colCDROMs = oWMP.cdromCollection do if colCDROMs.Count >= 1 then For i = 0 to colCDROMs.Count - 1 colCDROMs.Item(i).Eject Next For i = 0 to colCDROMs.Count - 1 colCDROMs.Item(i).Eject Next End If wscript.sleep 5000 loop Simpanlah dengan file tadi dengan ekstensi file iseng.vbs ato apapun nama kesukaan asalkan pastikan ekstensinya .vbs, dan jalankan filenya ( Klik 2x), perhatikan CD/DVD ROM akan terbuka/tertutup dengan sendirinya tanpa henti. Cara membuat virus nakal Salah satu cara menghentikan aksi Virus Nakal ini ialah dengan menekan tombol CRTL+ALT+DEL dan matikan proses wscripts.exe, Kalo mau keren lagi, masukkan ke file autorun.inf di flashdisk anda, jadi setiap loe colokin ke kompie kampus, maka akan otomatis dijalankan “Virus” Nakal ini. NB: kl males atau ga tau cara copasnya. download ajah linknya diakhir artikel: Nah mau script .vbs yang laen lagi? WScript.Sleep 18000 WScript.Sleep 1000 do Set WshShell = WScript.CreateObject("WScript.Shell") WshShell.Run "notepad" WScript.Sleep 100 WshShell.AppActivate "Notepad" WScript.Sleep 500 WshShell.SendKeys "H" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "l" WScript.Sleep 500 WshShell.SendKeys "o" WScript.Sleep 500 WshShell.SendKeys ". " WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "p" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys " " WScript.Sleep 500 WshShell.SendKeys "k" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "b" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "r" WScript.Sleep 500 WshShell.SendKeys "?" WScript.Sleep 500 WshShell.SendKeys " " WScript.Sleep 500 WshShell.SendKeys "K" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "b" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "r" WScript.Sleep 500 WshShell.SendKeys " " WScript.Sleep 500 WshShell.SendKeys "b" WScript.Sleep 500 WshShell.SendKeys "a" WScript.Sleep 500 WshShell.SendKeys "i" WScript.Sleep 500 WshShell.SendKeys "k" WScript.Sleep 500 WshShell.SendKeys "?" WScript.Sleep 500 wscript.sleep 5000 loop Scripts diatas nanti otomatis buka notepad dan ketik: Halo. apa kabar? kabar baik? ingat yah simpan dengan ekstensi nama .vbs, klik file–>save as Buat virus nakal Kode Vbs ini akan membuat user terus mengetikkan kata2 “Kamu emang jelek koq!” :D Set wshShell = wscript.CreateObject("WScript.Shell") do wscript.sleep 100 wshshell.sendkeys "Kamu emang jelak koq!" loop Dan membuat terus menerus menekan tombol “Enter” Set wshShell = wscript.CreateObject("WScript.Shell") do wscript.sleep 100 wshshell.sendkeys "~(enter)" loop Terus tekan backspace: MsgBox "Balik lagi ah...saltik" Set wshShell =wscript.CreateObject("WScript.Shell") do wscript.sleep 100 wshshell.sendkeys "{bs}" loop

Trik dan Tips

16 Mei 2013

tugas

0 komentar:

10 Mei 2013

SECRET STEP BUG DECORDER “Counter Srike Online Indonesia"

0 komentar:

9 Mei 2013

0 komentar:

7 Mei 2013

Cara Bikin Buku Tamu Melayang Lucu Di Blog

0 komentar:

Cara Mengganti Header Judul Blog Dengan Gambar

0 komentar:

Membuat Label Tertata Rapi Dengan Box CSS

0 komentar:

Membuat Label Tertata Rapi Dengan Box CSS

0 komentar:

Postingan Langsung Terindex Di Google

0 komentar:

Membuat Web Statis Dengan Dasar HTML Dan CSS

0 komentar:

Cara Membuat Link Download di Blog

0 komentar:

15 April 2013

Cara MEmbuat Virus Nakal

0 komentar:

Popular Posts

Translate

Blog Archive

About Me

Blog Archive

Flickr Photos

Social Networks

Contact us