Cara Membuat Info Melayang

Ini dia Cara Menambahkan Info Slide Di Blog sebelumnya saya sekali lagi ingin menginformasikan bahwa artikel ini saya ambil dari  Blog Modification oh ya mau tau liat hasilnya saja di Blog Modification.

Baik Langsung Saja Kita Liat Cara Membuat Info Slide Di Blog :

Langkah 1 : Login ke Blogger

Langkah 2 : Masuk ke "Tata Letak - Edit HTML"
Langkah 3 : Klik "Expand Template Widget"
Langkah 4 : Cari kode  ini  ]]></skin> atau klik aja skin tapi bagian yang kedua
Langkah 5 : Masukan (copy paste) kode dibawah ini diatas kode pada langkah 4:

.panel{position:fixed;top:20px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px solid #444;width:330px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:30px 30px 30px 100px}

.panel p{color:#ccc;margin:0 0 15px;padding:0}
.panel a,.panel a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0}
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0}
a.trigger{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:15px 40px 15px 15px}
a.trigger:hover{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#222 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:15px 40px 15px 15px}
a.active.trigger{background:#222 url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDvxbreOI/AAAAAAAAD2M/Cz3Q2r5pdTM/d/minus.png) 85% 55% no-repeat}
.columns{clear:both;width:330px;line-height:22px;padding:0 0 20px}
.colleft{float:left;width:130px;line-height:22px}
.colright{float:right;width:130px;line-height:22px}
a:focus{outline:none}
.panel img{background-color:#262626;border:1px solid #333;float:right;margin:3px 3px 6px 8px;padding:5px}
.panel h3{border-bottom:1px solid silver;margin-bottom:5px;padding-bottom:3px;text-align:left;clear:both;color:#FFF;font-size:12px;font-weight:700}
.columns ul,.columns ul li{list-style-type:none;margin:0;padding:0}

Langkah 6 : Cari kode dibawah ini:

</head> atau head tanpa tanda /

Langkah 7 : Masukan (copy paste) kode dibawah ini diatas kode pada langkah 6:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type="text/javascript">
$(document).ready(function(){
$(".trigger").click(function(){
 $(".panel").toggle("fast");
 $(this).toggleClass("active");
 return false;
});
});
</script>

Langkah 8 : Cari kode dibawah ini

</body> atau sama dengtan kode body yang paling bawah

Langkah 9 : Masukan (copy paste) kode dibawah ini diatas kode pada langkah 8:

<div class='panel'>
<h3>Selamat Datang</h3>
<p style='text-align:justify'>Selamat datang di Kotretan OjelHTC - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan berselancar di sini dan membaca lebih lanjut tentang artikel dunia teknik (Teknologi, Internet, komputer) yang kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik. <a href='http://ojelhtc.blogspot.com/' title='OjelHTC Online'>Selengkapnya tentang kami</a></p>

<h3> Sepintas Tentang Kotretan Ojel HTC </h3>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dLpY6JvfKU03xQSmRJ0LX6ZBPj0TzMayIsYHw3guwZieKCGre4LbBeECl7GNWfHlS6JWUurQ1hc8cfInQcfi5HD4OGqwkgvoXBa2wtXDCfBEhppUf_RcCygHYSVNtnwSZJ0K03rUuNY/s220/eyelashes_mascara.gif' width='73px' height='73px'/>
<p>Nama saya M.Joko Lukito, Saya seorang freelance designer, blogger, teknisi. Spesialisasi pada Blogger blogs, Visual Basic 6.0, Sql Server 2000 </p>

<div style='clear:both;'/>

<div class='columns'>
 <div class='colleft'>
 <h3>Navigasi</h3>
  <ul>
   <li><a href='#' title='home'>Home</a></li>
   <li><a href='#' title='about'>About</a></li>
   <li><a href='#' title='portfolio'>Portfolio</a></li>
   <li><a href='#' title='contact'>Contact</a></li>
   <li><a href='#' title='blog'>Blog</a></li>
  </ul>
 </div>

 <div class='colright'>
 <h3>Social Stuff</h3>
  <ul>
   <li><a href='Twitter Anda' title='Twitter'>Twitter</a></li>
   <li><a href='Facebook Anda' title='Facebook'>Facebook</a></li>
   <li><a href='Digg Anda' title='Digg'>Digg</a></li>
   <li><a href='Delicious Anda' title='Del.Icio.Us'>Del.Icio.Us</a></li>
   <li><a href='E-mail Anda' title='Gmail'>Gmail</a></li>
  </ul>
 </div>
</div>
<div style='clear:both;'/>
</div>
<a class='trigger' href='#'>Info</a>

Langkah 10 : Simpan Template dan Preview blog...

Keterangan

Lakukan modifikasi kode pada langkah 9 sesuai keinginan anda (yang diblok hijau), dari mulai informasi blog, informasi author/penulis, sampai link-link yang akan dimasukan.

Semoga Berhasil Ya...
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...

Read more »

Cara Membuat Menu dengan Dock

Menu Docking adalah menu tiga dimensi yang sepenuhnya digerakan  jquery, Menu Docking tersebut banyak digunakan di website - website profesional tidak terkecuali blogspot.

Menu Docking diatas bahkan terdapat pula pada software-nya untuk bisa digunakan di PC / komputer anda. (link software doc pada postingan selanjutnya)

Jika anda ingin Membuat Menu Docking dengan jquery ini ke blogspot anda, sebelumnya anda bisa lihat dulu demonya disini

@ Kemudian Login ke blog anda
@ Pilih tata letak
@ Elemen halaman
@ Tambah gadget "JavaScript"
@ Masukan jquery dibawah beserta stylenya:

<script type="text/javascript" src="http://dinhquanghuy.110mb.com/jquery1.js"></script>
<script type="text/javascript" src="http://dinhquanghuy.110mb.com/interface.js"></script>

<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 90,
proximity: 90,
halign : 'center'
}
)
}
);

</script>

<style type="text/css">
.dock {
position: relative;
height: 50px;
padding-left:0px;
margin-top:0px;

}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;

}
a.dock-item {
display: block;
width: 60px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
}

.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}

.dock-item span {
display: block;
padding-left: 20px;
}
</style>

<div style="display: block;" class="dock" id="dock">
<div style="left: -7.48972px; width: 814.979px;" class="dock-container">

<a style="width: 90px; left: 0px;" class="dock-item" href="link 1"><img src="http://i342.photobucket.com/albums/o433/bkprobk/home.png" alt="home"><span style="display:block;">Home page</span></a>

<a style="width: 90px; left: 90px;" class="dock-item" href="link 2"><img src="http://i342.photobucket.com/albums/o433/bkprobk/about.png" alt="Gi�¡�»ï¿½i thi�¡�»ï¿½u"><span style="display:block;">Introduce</span></a>

<a style="width: 90px; left: 180px;" class="dock-item" href="link 3"><img src="http://i342.photobucket.com/albums/o433/bkprobk/dichvu.png" alt="D�¡�»ï¿½ch v�¡�»�¥"><span>Service</span></a>

<a style="width: 90px; left: 270px;" class="dock-item" href="link 4"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/sanpham.png" alt="Site ������£ thi�¡�º�¿t k�¡�º�¿">Customer</a>

<a style="width: 90px; left: 360px;" class="dock-item" href="link 5"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/template.png" alt="Template"><span style="display: block;">Template</span></a>

<a style="width: 90px; left: 450px;" class="dock-item" href="link 6"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/history.png" alt="history"><span style="display:block;">Advisor</span></a>

<a style="width: 134.979px; left: 540px;" class="dock-item" href="link 7"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/doitac.png" alt="calendar"><span style="display:block;">Partners</span></a>

<a style="width: 140px; left: 674.979px;" class="dock-item" href="link 8"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/email.png" alt="rss"><span style="display:block;">Contact</span></a>

</div>
</div> 

@ Lalu Simpan Gadget

@ Udah deh selesei tinggal lihat hasilnya

Tank's for http://amuysblog-berbagi.blogspot.com

Read more »

9 Jenis Olah Raga Paling Aneh di Dunia

Berikut ini adalah olahraga - olahraga aneh dari penjuru dunia, yang mungkin kita baru mengetahuinya.

01. Chess Boxing.

Penggabungan 2 olahraga yakni Tinju dan Main Catur. . . .artinya udah bonyok malah disuruh mikir.

02.Kejuaraan Dunia Mengangkat Istri Sendiri

Caranya kita angkat istri kita di pundak dengan posisi terbalik, siapa yang mencapai garis finis duluan ialah pemenangnya, cool !

03. Kejuaraan suit, Batu ! Gunting ! Kertas !

he he he ada ada saja, ternyata ada organisasinya lho yakni

The U. S. Association of Rock Paper Scissors ( USARPS ) pertandingan kuno ini telah menjadi Liga sejak tahun 2006. Atlitnya badannya gede pertandingannya ? Batu! Gunting! Kertas ! apa gak cemen tuh . . .

04. Pria melawan Kuda

Olahraga ini berasal dari negara Wales, Inggris Raya. aturannya adalah dengan cara berlari melintasi pedesaan, siapa yang mengalahkan penumpang kuda pertama ialah pemenangnya.

05. Menyelam dalam kubangan lumpur

Aturannya adalah, setiap orang diharuskan menyelam dalam kubangan lumpur sejauh 60 yard, siapa yang mencatatkan waktu tercepat, ialah pemenangnya.Rekor dunia tercepat adalah 1 menit 35 detik dipegang oleh Phillip John asal Inggris.

06. Mengejar Keju

berasal dari Inggris, setiap orang diharuskan mengejar keju yang dilempar diatas bukit dengan kemiringan bisa membuat setiap orang terjungkil balik untuk mendapatkannya. Pemenangny mendapatkan aplaus tepuk tangan yang meriah dan tentunya sepotong keju.

07. Buzkashi: Seperti Polo tetapi menggunakan bola dari kepala kambing


Berasal dari Afghanistan, pernah tuh dalam film Rambo III dimainkan. . .


08. Hockey dengan sepeda satu roda

Bagaimana caranya agar olahraga hockey menjadi lebih sulit ? inilah caranya dengan menggunakan sepeda roda satu ! erasal dari kanada.

09. Sepak Takraw.


Permainan asli Indonesia, dimainkan oleh enam orang dibagi dalam dua kelompok. Permainan ini menggabungkan tiga jenis olahraga yakni sepakbola, Bola voli dan senam menggunakan bola berukuran 6" dari Rotan. bahkan seorang didier drogba pun gak yakin bisa melakukan olah raga ini.

http://200806.multiply.com/journal/item/575/9_Olahraga_Aneh_Di_Muka_Bumi

Read more »

9 Minuman Paling Aneh di Dunia

Dibawah ini adalah daftar 9 minuman paling aneh, dari rasa sapi hingga Air Susu Ibu, semuanya mungkin ada yang enak atau bikin kita mual-mual . . .


01. Gau Jal : 100% Air Kencing Sapi


Adalah minuman dari kencing sapi asli 100%, yang baru-baru ini sempet membuat HEBOH internet, dengan merk "Gau - Jal" dalam bahasa setempat atau kencing sapi, kepala departemen Perusahaan minuman tersebut meyakinkan " jangan takut, ini tidak berbau layaknya urine biasa, ini sangat menyegarkan " ia menambahkan " Kelak, Minuman ini bisa menyaingi coca-cola dan mungkin Pepsi "

02. Minuman Jelly Placenta


Placenta 10.000 adalah minuman jelly Terbuat dari cairan Placenta babi 10.000mg, sebagai ramuan pelangsing dan kecantikan dijual US$8 perbotol, tersedia juga dalam kemasan botol 40.000 mg

03. Pepsi ktimun Hijau


Tahun 2007 Pepsi, sebuah perusahaan minuman raksasa didunia memproduksi minuman Es cola rasa ketimun

04. Beer + Susu = Bilk


Sebuah perusahaan pembuatan bir di Hokkaido, Jepang, baru-baru ini merilis sebuah minuman rendah kalori menggunakan bir gandum yang direndam dalam air susu. Ide datang dari anak yang menyimpan minuman keras yang ada di perusahaan industri susu ditempat lain. Setelah peristiwa tersebut, ia mengusulkan tempat pembuatan bir lokal untuk menghasilkan bir susu. Demi membantu petani setempat. Rasa bir seperti rasa buah-buahan dan berjalan dengan baik, berharap menjadi populer di kalangan wanita.

05. Needs : Terbuat dari keju


Minuman Keju baru ini datang dengan 3 rasa berbeda; polos, blueberry, dan jeruk yuzu. Mereka menggunakan proses yang khusus untuk membuat minuman ini sehingga menghasilkan cita rasa berbeda, namun dapat Dikatakan memiliki rasa mirip dengan yogurt, tapi dengan aroma keju.

06. Minuman Salad

Dibuat tahun 2004 dibawah licensi coca-cola, diambil dari air perahan Salad , datang dengan 6 rasa berbeda

07. ASI : Air Susu Ibu


Dan sekarang, sesuatu yang lebih dekat di hati ... , Apakah ada sesuatu di dunia ini yang lebih sehat, lebih alami, lebih hidup dari Air susu ibu?

08. Air Mineral Diet


Dengan rasa air biasa dan sedikit kalori lebih banyak, Oxymoron

09. Bir Anak


Sebuah minuman non alcoholic "bir" untuk anak-anak. Dengan minuman dari bahan yang diambil dari tanaman Guarana yang hanya dapat dijumpai di Amerika Selatan, Dijual sekitar 380 yen per 330-milliliter botol. Botol yang berwarna coklat itu sendiri adalah untuk membuat minuman terlihat lebih seperti minuman Bir Dewasa namun rasanya seperti minuman cola yang dijual di Shitamachi-ya restoran di Fukuoka, dijalankan oleh Yuichi Asaba 39 Tahun, ini orang mendidik yang ga bener untuk anak-anak.

http://200806.multiply.com/journal/item/657/9_Minuman_paling_aneh

Read more »

Taman - Taman Super Kreatif di China

Read more »