Mei 2012

Home » Archives for Mei 2012

Senin, 07 Mei 2012

0
Artikel Lora Malunk Di Jiplak Oleh Lintas.Me

Saya adalah orang yang sering mencari kata kunci yang belum ditulis oleh orang lain, contoh yang saya buat kata kunci adalah tentang Blogger Trik, Blogger Tutorial, Blog Tips, Blogging, Blogger Hack, Belajar SEO, Mengedit CSS, Free Blogger Templates, Ebook gratis dan yang terakhir adalah ini Info Yang Sangat Menari dan Mengenai masalah kata kunci "Pacar Baru Agnes dan Calon Suami Agnes Monica".

Sejak awal saya menulis artikel tersebut firasat saya pikiran saya enak kalau kita buat kata kunci mengenai masalah "Pacar Baru Agnes dan Calon Suami Agnes Monica". Saya akhir-akhir ini sering mencari kata kunci yang sekiranya menarik dan jarang dipakai oleh orang lain.

Nah, Oleh karena itu saya malam ini pada tanggal 07 Mei 2012, mencari kata kunci mengenai Pacar Agnes. Kerena di sangat menarik kalau kita buat kata kunci di Blogspot, lalu saya tertarik untuk menjelajahi melalui Mbah Google, karena jarang-jarang temen-temenmembahas tentang pacar agnes. Apalagi Pacar dan Calon Suami Agnes. Hmmm, saya pikir lumayan lah buat naikin trafik.

Ternyata, setelah saya cek di Mbah Google, wew!!! perasaan artikel ini saya yang buat.....??? Tapi kenapa nyolongnya ko tidak ngasik kabar? setelah saya teliti ternyata beneran, ini adalah artikel yang ada di posisi teratas di pencari google . Artikel tersebut adalah:

Coba anda lihat:

- "Pacar Baru Agnes dan Calon Suami Agnes Monica"

Sebelumnya saya tidak yakin, masak iya sih Lintas.Me Webmaster sebesar itu menjiplak karya seorang blogger kacangan. Apa tidak takut ketahuan dan tidak malu. Dan sebelumnya juga saya berfikir, Setelah saya acak-acak semuanya, ternyata Lintas.me Menjiplak Artikel Lora Malunk. Dan saya perjelas lagi bahwa, Lintas.me telah menjiplak artikel di Lora Malunk Blog.

Sekarang silahkan simak screenshotnya di bawah ini: dan silahkan bandingkan dengan artikel saya Disini yang telah saya tulis di blog ini!

INI SCREEN SHOTNYA TUKANG COLONG DAN TUKANG JIPLAK ARTIKEL LORA MALUNK

Gila bener tidak tanggung-tanggung si penjiplak tersebut menjiplak Artikel Lora Malunk, WOWOW... Bahkan judulnya pun tidak jauh beda.

Gila Coy, yang jiplak tidak kreatif sama sekali. Artikel Lora Malunk di Copy Paste dan memasukkan link kedalam webnya dan total semuanya persis seperti artikel yang saya tulis.Sang Penjiplak adalah berinisial mr.manu.

0
Menu Sliding Vertikal Dengan CSS

By Unknown | At 06.48 | Label : Kumpulan Menu | 0 Comments

Masih dalam pembahasan Cara Membuat Menu, sekarang Menu Sliding Vertikal Dengan CSS. Langsung saja masuk ke pembahasan :

Langkah 1
Masuk ke akun Blogger anda
Langkah 2
Masuk Ke Menu Rancangan atau Design
Langkah 3
Masuk ke EDIT HTML
Langkah 4
Silahkan Copy Paste kode dibawah ini tepat diatas kode ]]></b:skin>

h2.slideInfoa {normal font:18px/25px georgia, serif; color:#000;}
h2.slideInfoa span {padding:0 80px;}

.slideHolder {height:498px; width:250px; margin:0 40px; padding:2px;
font-family:georgia, serif; border:1px solid #888; float:left;}

.slideOuter {height:498px; width:250px; overflow:hidden; margin:0;}
.slideOuter .slide {padding:0; margin:0; list-style:none;
height:800px; width:250px; overflow:hidden;}
.slideOuter .slide li {display:block; float:left; height:98px;
border-bottom:2px solid #fff; width:250px; overflow:hidden;
background:red;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}
.slideOuter .slide li.p5 {height:318px;}
.slideOuter .slide.current li {height:43px;}
.slideOuter .slide.current li.current {height:318px;}
.slideOuter .slide.current li.p5 {height:318px;}

.slideOuter .slide li.p1
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzKIbzkJinECN3NLDBqgaQDqaUE5OX_Fof-5A2fqHtQkqPNVkTqcLU77QM_JxcnJh7P9ks9xCF_qScvJ1AeFEopOuIRntCaPrHXJXmpku0gHyMhbatHYsU-ctQhQfsaYZcYXA46UKk5Og/s400/pic1.jpg);}
.slideOuter .slide li.p2
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpaTs416y5prDObGkjU7ad6TpXYfT91A_Nc2Oy1QzZncobXk0JVXcBLRGQanEssTUvrHSegg3JAs5Vcy-haq24M6dQA3hwMSi57EPKZobEWwqytPibED0eZwHgR9bJwYPe4eH_dWBKLVE/s400/pic2.jpg);}
.slideOuter .slide li.p3
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlan3V0zmq337qugQLpVnF4R8A7A2lxdajpwDG6U6wArA950JbFBNVY6LpkxTfeCvdAy6VCPetPKQm54c5q8xLVUfpWW2lYmQy5KkcYWIvGRXwgBTT80JFXqAf2ppnDZaLyVyaig0zWEc/s400/pic3.jpg);}
.slideOuter .slide li.p4
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2wKSNql2hqP0Jy9AVMfFoNozTY2-sFx3amMgoVwQLZ4LR6nun-6LkdY5nNVWD3pEnA4J8CnQqUYX0nwenfven-dN2twM4JMetI6JmDX0yVcEFrdyZnH4E70yCydRAhBRPb1kb7Jmc30/s400/pic4.jpg);}
.slideOuter .slide li.p5
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQSY6xZObDxmua6RdSYsIN8uEGTdbhnZTzzUWr1LYzrJil-qJ1WTf8NG0VnrT53SzJY8-Jc_uRw9SniXOI0qEcey3Fqlr3x0BH-vUJGmUGatqwh9hE6HV_n8hWXeay0u_hRZsETGJhR4/s400/pic5.jpg);}

.slideOuter .slide:hover li.p1,
.slideOuter .slide:hover li.p2,
.slideOuter .slide:hover li.p3,
.slideOuter .slide:hover li.p4 {height:43px;}

.slideOuter .slide:hover li.p1:hover,
.slideOuter .slide:hover li.p2:hover,
.slideOuter .slide:hover li.p3:hover,
.slideOuter .slide:hover li.p4:hover {height:318px;}

.slideOuter .slide li h1 {padding:0 15px; margin:0; font-size:24px;
line-height:43px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);}
.slideOuter .slide li {color:#fff;}
.slideOuter .slide li.p2 h1 {color:#c60;}
.slideOuter .slide li.p3 h1 {color:#040;}
.slideOuter .slide li.p4 h1 {color:#400;}
.slideOuter .slide li.p5 h1 {color:#000;}

.slideOuter .slide li p {font-weight:bold; padding:0 5px 20px 15px;
margin:0; font-size:12px; line-height:17px; text-shadow: 0px 2px 4px
rgba(0, 0, 0, 0.6);}
.slideOuter .slide li a {display:block; color:#fff; padding:0 15px;
margin:0; font-size:14px; line-height:25px; width:230px;
font-weight:bold; text-decoration:none;}
.slideOuter .slide li a:hover {text-decoration:underline;}
.clear {clear:left;}

Langkah 5

Setelah anda selesai memasukkan kode diatas. Sekarang memasukkan kode dibawah ini dengan cara menambahkan Gadget HTML/JavaScript.

<div id="infoa">
<div class="slideHolder">
<div class="slideOuter">
<ul class="slide current">
<li class="p1">
<div>
<h1>Landscapes</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#url">Quisque tincidunt</a>
<a href="#url">Donec tempor</a>

<a href="#url">Sed placerat leo vel</a>
<a href="#url">Curabitur ac bibendum</a>
<a href="#url">Duis nec diam</a>
<a href="#url">Sed quis massa</a>
</div>
</li>
<li class="p2 current">
<div>

<h1>Portraits</h1>
<p>Vestibulum scelerisque quam a dui interdum semper.</p>
<a href="#url">Quisque tincidunt</a>
<a href="#url">Donec tempor</a>
<a href="#url">Curabitur aliquet</a>
<a href="#url">Curabitur</a>

<a href="#url">Class aptent</a>
<a href="#url">Vestibulum</a>
</div>
</li>
<li class="p3">
<div>
<h1>Flowers</h1>
<p>Mauris pellentesque, ligula eget molestie suscipit.</p>

<a href="#url">Nunc accumsan</a>
<a href="#url">Sed varius</a>
<a href="#url">Vestibulum</a>
<a href="#url">Phasellus quis</a>
<a href="#url">Maecenas</a>
<a href="#url">Nullam ligula</a>

</div>
</li>
<li class="p4">
<div>
<h1>Abstracts</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes.</p>
<a href="#url">Duis nec diam</a>
<a href="#url">Ut sagittis</a>

<a href="#url">Sed a lorem</a>
<a href="#url">Mauris id mi</a>
<a href="#url">Donec sit amet</a>
<a href="#url">Aliquam placerat</a>
</div>
</li>
<li class="p5">
<div>

<h1>Seascapes</h1>
<p>Aenean quis lacus id eros lobortis dapibus sed non nisi.</p>
<a href="#url">Donec fringilla</a>
<a href="#url">Quisque vel</a>
<a href="#url">Duis at magna</a>
<a href="#url">Maecenas rutrum</a>

<a href="#url">Ut iaculis tristique</a>
<a href="#url">Suspendisse</a>
</div>
</li>
</ul>
</div>
</div>

</div>

Langkah 6
Simpan template anda dan lihat hasilnya. Sekian terima kasih trik kali ini.

0
Cara Membuat Menu Mega JQuery Dan CSS

By Unknown | At 06.44 | Label : Kumpulan Menu | 0 Comments

Apakabar semuanya sahabat blogger. Saya disini tidak akan panjang lebar memaparkan masalah Cara Membuat Menu Mega JQuery Dan CSS. saya akan berikan secara langsung tutorial Membuat Menu Mega JQuery Dan CSS. Silahkan perhatikan tips dibawah ini :

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cheklist "Expand Template Widget"
Langkah 4
Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>

/*---------------------------------------------------- {--------} Menu {--------} ----------------------------------------------------*/ ul.ldd_menu{ z-index:999; margin:0px; padding:0; display:block; height:50px; background-color:#D04528; list-style:none; font-family:"Trebuchet MS", sans-serif; border-top:1px solid #EF593B; border-bottom:1px solid #EF593B; border-left:10px solid #D04528; -moz-box-shadow:0px 3px 4px #591E12; -webkit-box-shadow:0px 3px 4px #591E12; -box-shadow:0px 3px 4px #591E12; } ul.ldd_menu a{ text-decoration:none; } ul.ldd_menu > li{ float:left; position:relative; } ul.ldd_menu > li > span{ z-index:999; float:left; color:#fff; background-color:#D04528; height:50px; line-height:50px; cursor:default; padding:0px 20px; text-shadow:0px 0px 1px #fff; border-right:1px solid #DF7B61; border-left:1px solid #C44D37; } ul.ldd_menu .ldd_submenu{ z-index:999; position:absolute; top:50px; width:550px; display:none; opacity:0.95; left:0px; font-size:10px; background: #C34328; border-top:1px solid #EF593B; -moz-box-shadow:0px 3px 4px #591E12 inset; -webkit-box-shadow:0px 3px 4px #591E12 inset; -box-shadow:0px 3px 4px #591E12 inset; } a.ldd_subfoot{ z-index:999; background-color:#f0f0f0; color:#444; display:block; clear:both; padding:15px 20px; text-transform:uppercase; font-family: Arial, serif; font-size:12px; text-shadow:0px 0px 1px #fff; -moz-box-shadow:0px 0px 2px #777 inset; -webkit-box-shadow:0px 0px 2px #777 inset; -box-shadow:0px 0px 2px #777 inset; } ul.ldd_menu ul{ list-style:none; float:left; border-left:1px solid #DF7B61; margin:20px 0px 10px 30px; padding:10px; } li.ldd_heading{ font-family: Georgia, serif; font-size: 13px; font-style: italic; color:#FFB39F; text-shadow:0px 0px 1px #B03E23; padding:0px 0px 10px 0px; } ul.ldd_menu ul li a{ font-family: Arial, serif; font-size:10px; line-height:20px; color:#fff; padding:1px 3px; } ul.ldd_menu ul li a:hover{ -moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333; background:#AF412B; }

Langkah 5
Letakkan kode berikut ini sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(function() { /** * the menu */ var $menu = $('#ldd_menu'); /** * for each list element, * we show the submenu when hovering and * expand the span element (title) to 510px */ $menu.children('li').each(function(){ var $this = $(this); var $span = $this.children('span'); $span.data('width',$span.width()); $this.bind('mouseenter',function(){ $menu.find('.ldd_submenu').stop(true,true).hide(); $span.stop().animate({'width':'510px'},300,function(){ $this.find('.ldd_submenu').slideDown(300); }); }).bind('mouseleave',function(){ $this.find('.ldd_submenu').stop(true,true).hide(); $span.stop().animate({'width':$span.data('width')+'px'},300); }); }); }); </script>

Catatan Penting: jika anda sudah memasang kode java script jQuery abaikan saja kode yang di cetak tebal diatas.

Langkah 6
Setelah itu cari kode <div id='footer-wrapper'> dan pastekan kode dibawah ini diatasnya, jika dalam blog sobat tidak ada kode tersebut bisa juga menggunakan Add Gadget dan pastekan kode dibawah ini.

<ul class='ldd_menu' id='ldd_menu'> <li> <span>Vacations</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun & Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science & Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises & Boat Trips</a></li> <li><a href='#'>Wild Animals & Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others & For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Equipment</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun & Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science & Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises & Boat Trips</a></li> <li><a href='#'>Wild Animals & Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others & For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Locations</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun & Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science & Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises & Boat Trips</a></li> <li><a href='#'>Wild Animals & Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others & For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Tourists</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Download</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun & Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science & Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises & Boat Trips</a></li> <li><a href='#'>Wild Animals & Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others & For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> </ul>

Catatan Akhir : Jangan lupa untuk merubah kode # dengan link menu anda,

Sekian trik kali ini.

0
Kumpulan Menu Horizontal dan Vertikal Terlengkap

By Unknown | At 06.43 | Label : Kumpulan Menu , Tutorial Blog | 0 Comments

Kalini ini saya akan membuat sebuah artikel yang berhubungan dengan Cara Membuat Menu Horizontal dan Vertikal. Disini saya akan memberikan berbagai macam model menu CSS, JQuery dll. Menu itu sendiri adalah bagian dari perlengkapan untuk mempercantik penampilan blog. Karena blog tanpa menu di ibaratkan makan nasi tidak ada lauk pauknya, jadi tidak enak rasanya. Nah Maka dari itu saya akan memberika berbagai macam model menu yang sudah siap pakai. Tinggal pilih mana yang cocok buat blog anda. Silahkan dipilih-dipilih Model Menunya.

- Menu yang ke 1 adalah : Menu Mega Jquery dan CSS
- Menu yang ke 2 adalah : Menu Horizontal Kwicks Jquery Slide

- Menu yang ke 3 adalah : Menu Sliding Vertikal Dengan CSS
- Menu yang ke 4 adalah : Menu Drop Down Multi Level CSS3

Untuk model menu yang lainnya menyusul dan secepatnya saya akan meng up date artikel ini. Sekian dulu artikel mengenai Kumpulan Menu Horizontal dan Vertikal Terlengkap. Semoga bermafaat buat kita semua.

0
Menu Drop Down Multi Level CSS3

By Unknown | At 06.22 | Label : Kumpulan Menu | 0 Comments

Menu yang ke 4 adalah Menu Drop Down Multi Level CSS3, Langsung saja masuk ke tutorialnya :

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cheklist "Expand Template Widget"
Langkah 4
Cari kode ]]></b:skin> dan masukkan dan letakkan kode CSS dibawah ini tepat diatasnya.

#nav {
float: left;
font: bold 12px Arial, Helvetica, Sans-serif;
border: 1px solid #121314;
border-top: 1px solid #2b2e30;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav ul li {
float:left;
}

#nav ul li a {
float: left;
color:#d4d4d4;
padding: 10px 20px;
text-decoration:none;
background:#3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(0,0,0,0.2);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}

#nav li ul {
background:#3C4042;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
left: -999em;
margin: 35px 0 0;
position: absolute;
width: 160px;
z-index: 9999;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 120px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}

#nav ul li a:hover,
#nav ul li:hover > a {
color: #252525;
background:#3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;

}

#nav li ul a:hover,
#nav ul li li:hover > a {
color: #2c2c2c;
background: #5C9ACD;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
border-bottom: 1px solid rgba(0,0,0,0.6);
border-top: 1px solid #7BAED9;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

#nav li:hover ul {
left: auto;
}

#nav li li ul {
margin: -1px 0 0 160px;
-webkit-border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
border-radius: 0 10px 10px 10px;
visibility:hidden;
}

#nav li li:hover ul {
visibility:visible;
}

#nav ul ul li:last-child > a {
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}

#nav ul ul ul li:first-child > a {
-moz-border-radius:0 10px 0 0;
-webkit-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;
}

Langkah 5
Silahkan tambahkan kode dibawah ini dengan cara menambahkan Gadget HTML/JavaScript

<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Portfolio</a></li>
<li><a href="#">One Dropdown</a>
<ul>
<li><a href="#">Level 2.1</a></li>
<li><a href="#">Level 2.2</a></li>
<li><a href="#">Level 2.3</a></li>
<li><a href="#">Level 2.4</a></li>
<li><a href="#">Level 2.5</a></li>
</ul>
</li>
<li><a href="#">Three Levels</a>
<ul>
<li><a href="#">Level 2.1</a></li>
<li><a href="#">Level 2.2</a></li>
<li><a href="#">Level 2.3</a>
<ul>
<li><a href="#">Level 2.3.1</a></li>
<li><a href="#">Level 2.3.2</a></li>
<li><a href="#">Level 2.3.3</a></li>
<li><a href="#">Level 2.3.4</a></li>
<li><a href="#">Level 2.3.5</a></li>
<li><a href="#">Level 2.3.6</a></li>
<li><a href="#">Level 2.3.7</a></li>
</ul>
</li>
<li><a href="#">Level 2.4</a></li>
<li><a href="#">Level 2.5</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

Langkah 6
Silahkan simpan template anda lihat hasilnya. Sekian dulu trik kali ini semoga bermanfaat buat kita semua.

0
Menu Horizontal Kwicks JQuery Slide

By Unknown | At 05.59 | Label : Kumpulan Menu | 0 Comments

Sebelum Tutorial ini kami sudah membahas Cara Membuat Menu Mega JQuery dan CSS. Sekang berbeda kami disini akan memberikan sebuah cara atau trik yang berhubungan dengan Menu Blog. Kami disini mempunya koleksi dan Kumpulan Menu Horizontal dan Vertikal Terlengkap. Nah Mari kita simak bersama-sama Cara Membuat Menu Horizontal Kwicks JQuery Slide.

Langkah 1
Letakkan Kode CSS dibawah ini Tepat diatasnya kode ]]></b:skin>

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Langkah 2

Kemudian Masukkan dan letakkan kode JQuery dibawah ini tepat dibawahnya kode ]]></b:skin>

<script class='jsbin' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'>
</script>
<script class='jsbin' src='https://sites.google.com/site/pujiantoroinc/Home/kwicks.js'>
</script>
<script type='text/javascript'>
$(document).ready(function(){
$('.kwicks').kwicks({
duration: 500,
max: 170,
spacing: 0
});
});
</script>

Langkah 3

Simpan perubahan template anda kalau sudah proses pemasangan Kode diatas selesai

Langkah 4

Masuk ke Menu Design atau Rancangan. Setelah itu Tambahkan Gadget HTML/JavaScript, Lalu masukkan kode dibawah ini.

<table width="100%" border="0"><tr><td bgcolor="black">
<ul class='kwicks'>
<li id='kwick1'><a href='http://lora-malunk.blogspot.com/' title='halaman utama'>Home</a></li>
<li id='kwick2'><a href='http://lora-malunk.blogspot.com/' title='daftar isi.'>Blog</a></li>
<li id='kwick3'><a href='http://lora-malunk.blogspot.com/' title='about'>About</a></li>
<li id='kwick4'><a href='#' title='futures'>Portfolio</a></li>
<li id='kwick5'><a href='#' title='contact us'>Contact</a></li>
<li id='kwick6'><a href='http://lora-malunk.blogspot.com/' title='recomended links'>Resource</a></li>
</ul></td></tr></table>

Langkah 5
Simpan Template anda dan lihat hasilnya

Minggu, 06 Mei 2012

0
Insting Blogs Template SEO Friendly V.1

By Unknown | At 08.52 | Label : SEO , Template Keren , Tutorial Blog | 0 Comments

Selamat malam semuanya..! Semoga sahabat blogger baik dan diberi kesehatan oleh sang maha kuasa agar bisa beraktifitas kembali dan berblogwalking ria. Sekarang saya sedikit berbeda dengan postingan yang sebelumnya saya akan memberikan sebuah Template SEO Friendly yang saya kasik nama Insting Blogs Template SEO Friendly V.1.

Sebenarnya template ini saya buat "Insting Blogs - SEO Friendly" adalah untuk blog baru saya tentang Informasi dan seputar tips dan trik, bisnis, tetapi setelah saya menguji template ini pada banyak meminta template blog ini melalui email.

Insting Blogs Template SEO Friendly ini sebenarnya bukan versi baru dari tema trik tetapi tema ini dimodifikasi dari versi 2 Wordpress Theme Trick tetapi saya telah menambahkan beberapa fitur pada tema ini seperti PageNavi siap, Slide Featured, Related Posts, Colom Cemmentar, 3 Footer, dan breadcrumb jadi jika Anda menginstal tema ini di blog Anda, Anda tidak perlu menginstal PageNavi, plugin breadcrumb dan postingan terkait. Karena sudah kami setting secara otomatis.

Pada tema ini saya juga mengecilkan file CSS, agar proses loading blog lebih cepat lagi :

DEMO - DOWNLOAD

Adsense-content2. Anda juga dapat menyisipkan kode iklan Anda dalam file ini dan iklan akan muncul di bawah konten tunggal
Blogger template with adsense ready, easy loading, SEO ready, 3 column, auto readmore, multi column and more.sildeshow Otomatis

CATATAN PENTING :

Untuk menambah menu horizontal anda tinggal Copy Paste Kode dibawah ini dan letakkan di Gadget HTML/JavaScript.

<div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="/">Home</a></li> <li><a href="http://instingblogs.blogspot.com">Gladiator</a></li> <li><a href="#">Kategori</a> <ul> <li><a href="#">Sub Kategori 1</a></li> <li><a href="#">Sub Kategori 2</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li><a href="#">Folder 2</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Folder 2.1</a> <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> <li><a href="#">Folder 3.1.1</a> <ul> <li><a href="#">Sub Item 3.1.1.1</a></li> <li><a href="#">Sub Item 3.1.1.2</a></li> </ul> </li> <li><a href="#">Sub Item 2.1.4</a></li> </ul> </li> </ul> </li> <li><a href="http://lora-malunk.blogspot.com">Tutorial Blog</a></li> </ul> <br style="clear: left" /> </div>

Rabu, 02 Mei 2012

0
Cara Mencari Kode Area Nomor Handphone

By Unknown | At 04.38 | Label : BlackBerry , Tutorial Hacker | 0 Comments

Pertemuan kali ini kami akan memberikan sebuah gadget yang bisa melacak atau Mencari Kode Area Nomor Handphone, Gadget ini bisa kita pakai dengan cara mencantumkan atau memasukkan nomor kedalam gadget tersebut, maka dengan cara otomatis muncul kode area nomor yang anda masukkan tadi.

Jika anda berminat untuk memakai gadget ini silahkan Copy-Paste kode dibawah ini :

1. Copy script :
<iframe src="http://stufimedia.com/hasil.php" frameborder="0" ></iframe>

2. Untuk Blogspot :
Login blogger.com → pilih rancangan → tambah gadget → pilih html/javascript → paste script di atas.

3. Untuk WordPress :
Login ke dashboard wordpress → pilih Widget → pilih Text → paste script di atas.

TER-JAIL

Best Patner

Label

Sample Text

Sample text

Movie Category 2

Pages

Movie Category 3

Ads 468x60px

Popular Posts

Social Icons

Followers

About Me

Blog Archive

Movie Category 5

Movie Category 4

Featured Posts