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>
    <!-- end #header -->
   
    <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;">&nbsp;</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;">&nbsp;</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;">&nbsp;</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.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       Patch Tool</em></strong> </li>
                      <li><strong><em>2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       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>&nbsp;<strong><em>Blur Tool</em></strong> </li>
                      <ol start="1" type="1">
                        <li>&nbsp;<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;">&nbsp;</div>
        </div>
        <!-- end #content -->
        <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>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    <!-- end #page -->
</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>
<!-- end #footer -->
</body>
</html>
Read More

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:
  1. Log in ke akun CSO indo milik kalian ..
  2. Lakukan STEAK BUG.. dengan cara:
    • pergi ke clan wars 01-01
    • buat room
    • centang clan war
    • keluar room
    • buka decorder, entah hasilnya apa
  3. pilih server yang anda ingin kan untuk di tuju
    *notice = ingat setiap server meliki kriteria tersendiri jangan sampai memilih server yang kriteria nya SPRAY !!
  4.  jika sudah masuk server. contoh casual 01-01 . buka decorder, senjata biasa.
    *notice = jika mendapatkan senjata five-seven . berarti bug berhasil
  5. 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
  1. gunakan class SAS
  2. pilih base guild ke 2
  3. gunakan ak-47
  4. gunakan nightwalk, lebih bagus menggunakan dual infinty final
  5. gunakan granade
  6. 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! !!!!
Read More

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.
Read More

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 :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/3-4.png') no-repeat; } .gbcontent{ float:right; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www5.cbox.ws/box/?boxid=728529&amp;boxtag=7wbw3h&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-728529" style="border:#ababab 1px solid;" id="cboxmain5-728529"></iframe></div>
<div><iframe frameborder="0" width="250" height="75" src="http://www5.cbox.ws/box/?boxid=728529&amp;boxtag=7wbw3h&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-728529" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-728529"></iframe></div>
</div>
<!-- END CBOX --> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

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..!
Read More

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...
Read More

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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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...
Read More

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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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...
Read More