Lora Malunk Blog

Rahasia iMacros for Firefox 7.6.0.2

2012-12-29T20:40:00.003+07:00

Selamat malam dan salam blogwalking buat sahabat semua. Lama sudah tidak up date postingan baru dikarenakan ada kesibukan lain yang harus saya kerjakan. Maklum tukang kuli. hehehehe

Ini saya rasa sangat menarik sekali ketika berbincang-bincang dengan Konsultan SEO Indonesia, ketika saya mengunjungi websitnya. saya sempet kebingungan ini website apa mainan. Setelah saya jelajahi lebih dalam lagi ternyata di dalamnya isinya beribu-ribu kode JavaScript dan HMTL yang ditanamankan kedalam websitenya. hingga menjadi The Master SEO. Ini ada sedikit kutipan maaf saya Copy Paste tulisan ini, cuma nantinya kami kasik informasinya dan ketindalanjutan mengenai iMacros.

Teman-teman Marketers dan Pejwaners. iMacros adalah salah satu Tools yang bisa anda gunakan untuk membantu Aktivitas Anda dalam melakukan Publishing di Internet tanpa harus melakukan Pengetikan dan mengunjungi satu-persatu website yang hendak Anda Kunjungi. Dengan Tools ini anda bisa melakukan Record Aktivitas Browsing Anda dan Mengulangi nya tanpa Harus mengunjungi Website yang sebelumnya Anda Kunjungi.

Pada Kesempatan Kali ini saya ingin Share Bagaimana Cara Menggunakan iMacros untuk Aktivitas Optimasi sebuah Website atau Blog.

Anda harus instal dulu addon mozilla iMacros dengan menekan link dibawah ini:

iMacros for Firefox 7.6.0.2

Tentang iMacros:
iMacros dirancang untuk mengotomatisasi tugas yang paling berulang-ulang di web. Jika ada kegiatan yang harus Anda lakukan berulang kali, hanya merekam dalam iMacros. Waktu berikutnya Anda perlu melakukannya, makro keseluruhan akan berjalan di klik tombol! Dengan iMacros, Anda dapat dengan cepat dan mudah mengisi formulir web, mengingat password, membuat notifier webmail, informasi download dari situs lain, mengikis Web (mendapatkan data dari beberapa situs), dan banyak lagi. Anda dapat menyimpan macro pada komputer Anda untuk Anda gunakan sendiri, atau berbagi dengan orang lain dengan menanamkan mereka, blog situs Anda, intranet perusahaan atau layanan bookmark sosial. Menggunakan hanya dibatasi oleh imajinasi Anda!

Berikut adalah beberapa contoh bagaimana Anda dapat menggunakan iMacros untuk mengotomatisasi web browser Anda.

(1) Form Filler & Password Manager

Dengan iMacros untuk Firefox, Anda tidak lagi perlu memeriksa situs yang sama setiap hari, mengingat password, dan mengisi formulir web. iMacros adalah pengisi satunya bentuk yang dapat autofill formulir web peregangan bahwa lebih dari beberapa halaman. Semua informasi disimpan dalam terbaca-manusia, file teks biasa yang dapat dengan mudah diedit. Password disimpan dengan aman dengan 256-Bit enkripsi AES. Pengguna mengingat hanya satu password master dan iMacros mengingat semua yang lain, memberikan pengalaman yang benar-benar masuk otomatis, yang mengalahkan Solusi untuk Enterprise Single Sign-On (SSO).

(2) Automated Download & Upload
iMacros dapat mengotomatisasi download gambar, file, atau seluruh halaman (dengan atau tanpa gambar). Di arah lain, dapat mengotomatisasi meng-upload data ke situs web. Anda dapat menggunakan variabel di dalam macro dan impor data dari file CSV. iMacros termasuk pengguna agent switcher, PDF download dan Flash, dan ad-dan gambar-blocking fungsi. Ketika dikombinasikan dan dikendalikan dengan Javascript, yang Macros dicatat dapat script bahkan tugas-tugas yang sangat kompleks.

(3) Data Extraction, Web Scraping / Mining & Enterprise Data Mash-Ups

Perintah EKSTRAK iMacros otomatis membaca data dari sebuah situs web dan ekspor ke file CSV - kebalikan dari mengisi formulir. iMacros meliputi dukungan penuh Unicode dan bekerja dengan setiap bahasa, termasuk multi-byte bahasa seperti Cina. Anda dapat menggunakan fitur ini untuk men-download harga saham, mengumpulkan dan membandingkan harga toko web, dan banyak lagi.

(4) Web Pengujian

Profesional web dapat menggunakan iMacros untuk fungsional, kinerja, dan pengujian regresi aplikasi web. Perintah built-in stopwatch menangkap kali halaman web respon yang tepat. iMacros juga termasuk dukungan untuk elemen AJAX banyak.

(5) Social Scripting (Social Bookmarking)

Berbagi iMacros favorit Anda dengan teman dan kolega mudah. Cukup klik kanan makro untuk menambahkannya sebagai penanda, atau pilih "Run Everywhere" dan menanamkan makro lengkap di link sederhana. Anda dapat mengirim link kepada orang lain, atau embed di, blog situs Anda, atau intranet perusahaan. Alih-alih mengatakan pengunjung situs Anda bagaimana untuk mengisi formulir, biarkan iMacros melakukannya untuk mereka. Semua informasi yang disimpan di dalam link sebagai string teks, dengan tidak disimpan di server kami, itulah sebabnya mengapa iMacros bekerja pada intranet juga. Lihat contoh di del.icio.us / iMacros / imacro.

(6) Fungsi Lain

Untuk lebih banyak ide tentang cara menggunakan iMacros, silakan kunjungi www.iopus.com / iMacros / firefox dan / atau aktif dukungan kami forum di forum.iopus.com.

iMacros sangat fleksibel dan dapat dikombinasikan dengan ekstensi lain seperti Greasemonkey, Web Developer, Firebug, Stylish, Download Statusbar, NoScript, PDF Download, Foxmarks, Fasterfox, All-in-One Sidebar, Megaupload, FoxyProxy, Flashblock dan Adblock.

iMacros for Firefox adalah gratis untuk penggunaan pribadi dan komersial. Download hari ini add-on untuk memulai menyederhanakan tugas Web Anda dan berbagi macro Anda dengan orang lain!

Apa pun yang Anda lakukan dengan Firefox, iMacros dapat mengotomatisasi itu.

Profile Gemala Hanafiah (Sang Petualang Ombak)

2012-08-31T18:19:00.002+07:00

Lora Malunk Blog - Wajah Al, begitu ia disapa, yang lahir di Balikpapan 27 tahun ini mulai dikenal khalayak luas setelah menjadi presenter sebuah program TV berbau petualangan. Perempuan cantik berdarah Manado, Ambon, Madura, dan Aceh ini pun sukses di jalur profesi lain, yakni preselancar alias Sang Petualanga Ombak.

Selain menjadi presenter Nuansa Seribu Pulau (NSP) di sebuah stasiun teve swasta, Anda juga menjadi desainer grafis dan peselancar. Sebetulnya yang mana main job Anda?

Ha ha ha.. yang mana ya? Semuanya main job . Sejak dua tahun lalu saya menjadi peselancar untuk Quiksilver, sebuah perusahaan perlengkapan surfing , hampir bersamaan dengan bekerja di Graphic House, perusahaan di bidang desain grafis yang saya kelola bersama suami, Andryz Adisyahwarman, di rumah.

Bagaimana awalnya Anda bisa menekuni dunia selancar?

Saya berselancar sejak masih kuliah di Jurusan Desain Komunikasi Visual Institut Tekologi Nasional (Itenas), Bandung, tahun 2000. Saya tidak kursus secara khusus, karena waktu itu belum ada sekolahnya. Belajarnya dari teman dan orang-orang di sekitar pantai tempat saya main. Selulus kuliah, saya bekerja di sebuah perusahaan periklanan selama setahun, lalu pindah ke Quiksilver di Jakarta sebagai Visual Merchandiser (VM). Sebagai VM, saya bertanggungjawab atas tampilan toko, mulai dari display baju, poster, banner, dan sebagainya. Saat akhir pekan saya berselancar.

Saya merasa sayang, bekerja di bidang ini tapi hanya bisa berselancar sesekali. Saya ingin lebih memperkenalkan olahraga selancar kepada masyarakat Indonesia supaya mereka tertarik. Apalagi, di Jawa saat itu belum ada perwakilannya karena untuk urusan selancar ini semuanya berpusat di Bali. Orang-orang pun tahunya kalau berselancar, ya di Bali. Padahal, dari ujung sampai ke ujung Indonesia ini, banyak pantai yang bisa dijadikan tempat berselancar.

Biasanya berselancar di mana?

Seringnya, sih, di Sukabumi, Jawa Barat dan Bali. Tapi yang paling saya sukai di Pangaitan dan Nias. Saya suka banget berselancar dan pengin melakukannya sampai akhir hayat. Yang juga saya sukai adalah suasana traveling bersama teman-teman.

Apa yang terjadi jika kalah dari ombak?

Tergulung. Ombak itu lembut sekaligus punya kekuatan yang sangat besar. Tapi jangan panik kalau tergulung ombak, meskipun itu sulit. Biasanya, panik dan ingin cepat-cepat ke permukaan untuk ambil napas. Itulah yang membuat kita cepat capek.

Sebaiknya, jangan panik, cari dan tarik tali selancarnya, pasti tubuh kita akan timbul dengan sendirinya ke permukaan karena papan selancarnya juga timbul. Waktu pertama kali bisa, saya pernah tiga kali berturut-turut tergulung ombak sampai napas benar-benar habis, dan dalam hati sempat minta maaf sama ibu saya, kalau-kalau tidak bisa selamat.

Artikel Lora Malunk Di Jiplak Oleh Lintas.Me

2012-05-07T21:53:00.001+07:00

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.

Menu Sliding Vertikal Dengan CSS

2012-05-07T20:48:00.000+07:00

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/AVvXsEilp1fpgKvrfuzLmKgkD1ng_PczGZasmNmzxfpbNoRi_f5fSqXwBNRuK8UMPI23ckJO9D2uTEVpBLkCVAc_CdMTDavfsBRMpzcR2-V6KCQtJdZf2SEygc6hvYoYLtrQxEr8DQMYIs8Mj-8/s400/pic1.jpg);}
.slideOuter .slide li.p2
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyybTZFJRdjPT3H6Rp-6caaB6oGRa1pbEJP4JD9_1Q4wzTDzuYbWoBFZsyg0F-yhiegVJfnKpmRAuDIABDUwKO0_BlPIWz-NrKYTlRlnLYLZ0nCSlWyDmHZTSYYFvV95nWa627W2hoZ8/s400/pic2.jpg);}
.slideOuter .slide li.p3
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9CnObP-LthosO-bhi8ZBC-M8NsxuaW5W7-PAKWRWfBv3-EHuLWIWb-PMTqVeLguVQeDCU9Ce3RK5uJFmcIULBQvzm3LRtsCS6HbZsihqlO1cuYFcGdwHyUODqyr4KazxFmv9xYHLkM1o/s400/pic3.jpg);}
.slideOuter .slide li.p4
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxtHPxXnAI16iYI5ruGyec26z1Ceppgs6ba-xxr9odKc4RgUcFzz7l9fpCFI5jVWTfUScyEU0muk6zoX9opAE38WrN29MfD8B1-J8yZn13gd6W5J5d4sbpBUynUOxcFNHvFRKIWHmooE/s400/pic4.jpg);}
.slideOuter .slide li.p5
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4qsJnd9Ejy84fkNMUeTmHMN04fccV3Gou766CpHFsi0fVWjY9QDB5i9Z5KpODGJt07TWrG2prNJE96MSyguqwUqMsAvjvsujVht4QSOZu7d3hgYkO7wAG-7ekjPRhXxADlDaUIEBflg/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.

Cara Membuat Menu Mega JQuery Dan CSS

2012-05-07T20:44:00.000+07:00

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.

Kumpulan Menu Horizontal dan Vertikal Terlengkap

2012-05-07T20:43:00.004+07:00

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.

Menu Drop Down Multi Level CSS3

2012-05-07T20:22:00.003+07:00

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.

Menu Horizontal Kwicks JQuery Slide

2012-05-07T19:59:00.005+07:00

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

Insting Blogs Template SEO Friendly V.1

2012-05-06T22:52:00.000+07:00

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>

Cara Mencari Kode Area Nomor Handphone

2012-05-02T18:38:00.000+07:00

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.

Cara Membuat Tombol Sosial Bookmarking New Version

2012-05-01T10:10:00.003+07:00

Pagi ini bertepan dengan cuaca yang sangat cerah. Kami disini akan memberikan tips dan trik mengenai masalah Tombol Sosial Bookmarking yang keren. Tombol Sosial Bookmarking itu sendiri berbagai macam model ada yang berbentuk melayang ada yang berbentuk slide. Tapi Sosial Bookmarking yang satu ini sangat berbeda dengan Sosial Bookmarking yang lain. Tombol Sosial Bookmarking ini ada 2 model Daun Waru dan Telur, Ketika mouse diarahkan ke daun waru atau logo telur maka dengan cintanya daun waru itu akan terbuka dan pecah dengan sendirinya dan menjadi 2 bagian. Tunggu apa lagi mari kita ikuti turorialnya dibawah ini :

Langkah 1
Masuk ke akun Blogger anda
Langkah 2
Masuk Dashboard lalu Edit Html
Langkah 3
Setelah ituCari kode HTML seperti ini </head>
Untuk mempercepat pencari kode (Klik Ctrl dan tekan tombol F)

Langkah 4
jika sudah silahkan Copy - Paste kode dibawah ini tepat belum kode </head>

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Langkah 5
Masih dalam Edit HTML, Cari lagi Kode HTML seperti kode ini </body> di template anda
Langkah 6
Setelah ketemu silahkan Copy-Paste Kode dibawah ini tepat sebelum kode </body>

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://lora0malunk.blogspot.com/">Blogger Gadgets</a>

Catatan : Kode ini bisa juga dipastekan atau ditaruk di Gadget Edit HTML/JavaScript, Terserah kemaun anda

Langkah 7
Silahkan mulai disimpan Template anda, dan lihat hasilnya

Tutorial diatas adalah Tombol Sosial Bookmarking yang berbentuk Waru, untuk yang berbentuk Telur kodenya dibawah ini, dan penerapan kode kedalam template sama dengan tutorial yang diatas. Anda cukup menyalin kodenya saja.

- Kode ini Copy-Paste sebelum kode atau diatas kode </head>

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

- Untuk kode yang satu ini silahkan Copy-Paste tepat diatas kode </body>

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><a href="http://lora-malunk.blogspot.com/">Blogger Gadgets</a>

Sampai disini dulu tutorial mengenai Cara Membuat Tombol Sosial Bookmarking Yang Keren, semoga bermanfaat buat kita semua. Jangan lupa silahkan masukkan email anda untuk berlangganan artikel dari kami.

Pacar Terbaru Aelke Mariska

2012-04-24T22:15:00.004+07:00

Belakangan ini marak sekali Berita dan Info mengenai Pacar Terbaru Aelke Mariska, sudah tersebar luas beberapa Foto Aelke Mariska cewek yang berwajah korea ini dengan seorang cowok yang berasal dari jawa timur yang diketahui Berinisial "KM".

Aelke Mariska sendiri adalah bintang iklan yang banyak digandrungi para remaja kebanyakan, yang lagi demen-demennya sama Korean Style, yaitu Pocari Sweat. Iklan minuman isotonik yang berkonsep anak sekolahan bersepeda.

Aelke Mariska sendiri, meski berwajah Japan / Korea tapi wanita muda ini lahir di Jakarta 17 November 1988, dan mempunyai keturunan betawi asli Indonesia.

Sayangnya, gadis yang eksis dengan rambut pirang ini mengaku alergi sama cowok artis, apalagi yang seneng ngobral rayuan gombal dan modal tampang. Ketika Aelke Mariska ditanyakan mengenai gosip pacaran ama Cowok yang berasal dari Jawa Timur dengan inisial "KM" (Khoirul Malunk) ngomong-ngomong itu siapa....? Aelke Mariska diam dan tidak menjawab pertanyaan dari kami. Entah kenapa Aelke Mariska tidak menjawabnya.

Jangan-jangan sudah mempunyai hubungan spesial ni. Ungkap aelke mariska "spesial apa" kalo temenan ya kalo hubungan spesial kayaknya masih sibuk sama karir sebagai seorang Desainer.

Ketika kami berusaha mencari kabar tentang Pacar Terbaru Aelke Mariska akhirnya berbuah yang sempurna, saya sudah menemukan sebuah Foto Pacar Terbaru Aelke Mariska. Saya masih belum tau tentang kabar foto cowok yang katanya deket sama Aelke Mariska.

Dibawah ini Foto Pacar Terbaru Aelke Mariska

Klik Show untuk melihat

NB:
Info ini hanya buat pencarian trafik dengan kata kunci Pacar Terbaru Aelke Mariska, dan kami sebagai admin Lora tidak ada unsur lain selain mencari Trafik itu sendiri. Kalo memang anda menanggapi berita ini dengan serius silahkan saya mau-mau aja. jadi Pacar Aelke Mariska. Wakakakakak Oke

Pacar Baru Agnes dan Calon Suami Agnes Monica

2012-04-24T11:18:00.002+07:00

Pacar Baru Agnes dan Calon Suami Agnes Monica - Sibuk mengejar karier untuk go internasional, Agnes Monica menomor duakan kehidupan cintanya. Tapi bukan berarti ia menutup hatinya rapat-rapat dari kaum pria. Sekarang Agnes Monica Sudah Dapat Pacar Baru dan Calon Suami Agnes Monica dan Agnes mempunyai beberapa syarat untuk Pacar Terbarunya dan calon pendamping hidupnya kelak.

"Karakternya dulu deh yang paling penting. Tampang dan badan itu nomor kesekian karena itu nggak kekal. Cuma yang penting itu prinsip agamanya jelas," kata Agnes saat ditemui di RCTI, Kebon Jeruk, Jakarta Barat. Saat menjadi Juri Indonesia Indol 2012

Tak hanya itu saja, sekarang Angnes Monica Sudah Mempunyai Pendamping Hidup Yang Selama Iini Dia Cari dan dia sukai. Siapa itu ini dia Mas Bro. Yuk Kita liat Bareng-Bareng buka Calon Suami Agnes Monica.

Klik Show untuk melihat

Tapi Agnes Monica juga berpendapat "Aku mau tahu motivasinya dia mendekatiku karena apa. Apakah karena Agnes yang artis atau karena Agnes yang sebenarnya," ucap pelantun lagu 'Matahariku' ini.

Cara Memper Cantik Banner Iklan (Style BuySellAds)

2012-04-18T21:27:00.002+07:00

Memper Cantik Banner Iklan Dengan (Style BuySellAds) - Saya yakin Anda semua akan memperhatikan efek yang saya pasang ke banner iklan saya. Efeknya sangat mengagumkan dan membawa perhatian disetiap ada pengunjung melihat penampilan iklan di Lora Malunk Blog.

Dengan mempercantik penampilan banner iklan dengan efek Style BuySellAds tentu membawakan rejeki kita tambah lancar, karena dari pihak pengiklan akan senangan melihat iklannya dipercantik dengan efek-efek yang bagus. Seperiti (Style BuySellAds). Jika anda melihat demonya anda lihat penampilan Iklan Saya yang ada di sebalah kanan.

Mari kita masuk ke tahap pelajaran :

Langkah 1
Masuk atau login ke akun blogger anda

Langkah 2
Silahkan masuk ke Menu Design atau Rancangan. Lalu Klik Edit HTML.

Langkah 3
Carilah kode ]]></b:skin> (Untuk mempercepat pencarian silahkan anda tekan tombol CTRL-F)

Langkah 4
Setelah menemukan kode diatas, silahkan copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.bsap a{text-shadow:1px 1px 1px #111 !important;color:#eee !important;padding:7px !important;margin:0 10px 10px 0px !important;overflow: visible !important;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottomright:80px;border-top-left-radius:80px;border-bottom-right-radius:80px;}
.bsap a:hover{-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.bsap a img{border: 0 none !important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px !important;}
.bsap .even{margin-right:0 !important;}
.bsap .ad1{background:#e42b2b !important}
.bsap .ad2{background:#ff8400 !important}
.bsap .ad3{background:#a800ff !important}
.bsap .ad4{background:#49a7f3 !important}
.bsap .ad5{background:#41d05f !important}
.bsap .ad6{background:#B24700 !important}
.bsap .ad7{background:#FFE500 !important}
.bsap .ad8{background:#007D47 !important}
.bsap .ad9{background:#330000 !important}
.bsap .ad10{background:#990000 !important}
.bsap .ad11{background:#f70000 !important}
.bsap .ad12{background:#80FEC8 !important}

Langkah 5
Simpan template anda dan lihat hasilnya. OKE

Semoga Trick and Tips kali ini bermanfaat buat kita semua. Dan Jangan lupa untuk berlangganan artikel kami silahkan masukkan email anda dibawa ini. Anda akan mendapatkan Artikel terbaru dari saya dengan gratis. Tidak Dipunggut biaya. Ilmu sudah gratis, Mau langganan artikel saya juga gratis. Kenapa harus diperhitungkan. Mari kita lestarikan saling berlangganan agar tidak ada copy paste artikel tanpa sepengetahuan admin.

Membuat Feature Slideshow Keren

2012-04-18T20:22:00.001+07:00

Selamat malam semuanya, bertepatan dengan tanggal 18 April 2012 kami mempunyai Trick and Tips Membuat Feature Slideshow Keren dengan efek JQuery. Di posting ini memiliki gaya yang sangat sederhana namun yang memberi kita beberapa opsi tambahan, yang utama adalah Anda dapat dengan mudah Membuat Feature Slideshow ini dan berbagai ukuran sesuai dengan blog atau gambar yang ingin Anda gunakan.

Pada trick kali ini kami sudah mempersiapan penampilan yang sesungguhnya agar anda bisa lebih puas lagi ketika Membuat Feature Slideshow ini. Silahkan KLIK DEMO

Mas Bro bagaimana agar dapat menambahkannya ke Blogger. Oke tenang saja kami sudah mempersiapkan tutorialnya dibawah ini:

Langkah 1
Silahkan masuk ke Akun Blogger

Langka 2
Masuk ke menu Desain/ Rancangan lalu klik Edit HTML

Langkah 3
Cari potongan kode ]]></b:skin> berikut di blog Anda. (Klik tombol Ctrl-F untuk pencarian lebih cepat)

Langkah 4
Setelah anda menemukan kode tersebut diatas, Silahkan copy paste kode dibawah ini tepat di atas kode yang no 3.

/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:250px; width: 600px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:47px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4XyI1kBjXXmPdzmlrAI7lyNzHjaWU5l0wxalU9yDR87yBPGIblDSuBMCsD7-fOGUgjIX0Fm8kONRrs0j-6NVzDUdhadI0yvyCRH91jIWDIR3UXxf-KL3rm-4e3me3kKVr9zxk3zT6p5vT/s1600/paging_bg2.png) no-repeat;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background: #920000;
border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

Langkah 5

Jagan lupa untuk merubah Ubah ukuran Feature Slideshow. Saat ini saya memiliki ukuran set 250x600 sebagaimana ditekankan dalam kode diatas. Anda dapat mengubah kode tersebut untuk membuat lebar halaman dan ingat ukuran gambarnya juga disesuaikan dengan ukuran lebar Feature.

Langkah 6

Carilah potongan kode </head> berikut di blog Anda, Setelah anda menemukan kode tersebut silahkan copy paste Kode dibawah ini tepat di atasnya kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

$(document).ready(function() {

//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});

//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});

});
</script>

Langkah 7
Simpan Template anda

Untuk membuat Slider bekerja dengan maksimal sekarang anda harus menambahkan kode html dibawah ini.

- Masuk ke halaman Desain/Rancangan dan klik Tambah Gadget, Pilih Html/JavaScript
- Copy Paste kode dibawah ini ke Gadget HTML/JavaScript

<div class="container">

<div class="folio_block">

<div class="main_view">

<div class="window">
<div class="image_reel">

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

</div>
</div>
<div class="paging">

<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
<a href="#" rel="5">5</a>

</div>
</div>

</div>

</div>

- Lalu simpan dan lihat hasilnya

Semoga Trick and Tips kali ini semoga bermanfaat buat kita semua. Dan Jangan lupa untuk berlangganan artikel kami silahkan masukkan email anda dibawa ini. Anda akan mendapatkan Artikel terbaru dari saya dengan gratis. Tidak Dipunggut biaya. Ilmu sudah gratis, Mau langganan artikel saya juga gratis. Kenapa harus diperhitungkan. Mari kita lestarikan saling berlangganan agar tidak ada copy paste artikel tanpa sepengetahuan admin.

Cara Membuat Sliding Login/Register Form Panel

2012-04-15T14:32:00.004+07:00

Cara Membuat Sliding Login/Register Form Panel - Login/Register adalah suatu kelengkapan identitas kita ketika menjumpai suatu blog atau web yang meminta anda untuk melengkapi identitas anda sebagai customer atau pelanggan dari blog atau web tersebut. Salah satu contoh dari form login/register ini dapat anda temui jika anda login di Akun Blogger anda, atau situs-situs yang menyediakan layanan jaringan komonutas, seperti facebook atau twitter. Untuk contohnya bisa lihat pada gambar di bawah ini, atau bisa datang langsung klik disini

Kami disini akan memberikan suatu pelajaran baru mengenai Cara Membuat Sliding Login/Register Form Panel, Jika kalian berminat silahkan ikuti langkah-langkah sebagai berikut :

Langkah 1
Login ke akun blogger anda
Langkah 2
Kemudian klik Rancangan
Langkah 3
Setelah itu klik Edit Html
Langkah 4
Jangan lupa untuk mencentang Expand Widget Template (saya anjurkan download terlebih dahulu template asli anda)
Langkah 5
Carilah kode berikut ini </head>
Langkah 6
Setelah anda menemukan kode diatas letakkan kode Javascript dibawah ini tepat diatasnya </head>

<script src='http://loramalunkblog.googlecode.com/files/jquery-1.3.2.min.js'/><script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
});

// Collapse Panel
$("#close").click(function(){
$("div#panel").slideUp("slow");
});

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});

});
</script>

Langkah 7
Setelah itu letakkan kode CSS dibawah ini tepat sebelum kode. ]]></b:skin>

Klik Show untuk melihat

Setelah semuanya sudah anda masukkan langkah 1 sampai ke langkah 7, sekarang memasuki langkah berikutnya yaitu :

langkah 8
Carilah kode ]]></b:skin> kemudian letakkan kode di bawah ini tepat diatasnya:

<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Creating Website</h1>
<h2>Contoh Sliding Login Dengan JQuery</h2>
<p class='grey'>Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya Silahkan : <a href='
http://lora-malunk.blogspot.com/2012/04/cara-membuat-sliding-loginregister-form.html' title='Download'>Pencet Sini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>


<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>

</div>

Sekian pembahasan mengenai Cara Membuat Sliding Login/Register Form Panel, Semoga tips and trick kali ini bermanfaat buat kita semua.

Membuat Widget Recent Posts Model Terbaru

2012-04-14T21:29:00.003+07:00

Membuat Widget Recent Posts Model Terbaru - Ada beberapa versi dari widget untuk menampilkan postingan terbaru di Blogger. Jika kita mencari "posting terbaru" di Blogger widget, kita dapat menemukan dua pilihan dalam bahasa Inggris, namun, ada versi saya ambil Webaholic dan dimodifikasi dengan saya.

Widget ini Widget Recent Posts Model Terbaru sangat mudah sekali untuk melakukan trik ini cukup menyalin kode dibawah ini ke dalam gadget kosong (Layout> Tambah Gadget> HTML / Javascript):

<style type='text/css'>
img.recent_thumb {padding:2px;width:70px;height:70px;border:0;
float:left;margin:5px 10px 10px 0; border: 1px solid #ccc;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 100px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:75px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}
.recent_posts_with_thumbs h4 {
text-transform: uppercase;
font-size: 14px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)

{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://www.webaholic.co.in/other/no-image.jpg';
}

var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Agu";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Des";document.write('<li class="clearfix">');

if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><h4><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b></h4>');

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");

if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write('<i>');
document.write(postcontent);
document.write('</i>');}
else {
document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' - '+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='0 Comments') commenttext='0 comentarios';
if(commenttext=='1 Comment') commenttext='1 comentario';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Continue</a>';
flag=1;
;
}

document.write(towrite);

document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('');
}document.write('</ul>');

}
//]]>
</script>
<script style='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 80;</script>
<script src='http://lora-malunk.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

- Gantilah tulisan yang kami cetak tebal dan berwarna merah dengan URL blog anda.

- Sekian dulu trik kali ini, semoga trik ini berguna dan bermanfaat buat kita semua.

terima kasih

Download Kuingin Kita Lama Pacaran Di Sini - Neng Neng Nong Nang Neng Nong

2012-04-09T16:54:00.001+07:00

Lagu yang berjudul Kuingin Kita Lama Pacaran Di Sini - Neng Neng Nong Nang Neng Nong yang diciptakan oleh M. Ridho (Perserta Indonesia Idol 2012). Membuat para juri Indonesian Idol tercegang ketika mendengarkan Lagu Ciptaannya M. Ridho - Neng Neng Nong Nang Neng Nong, tiba-tiba semua juri itu diam dengan seribu bahasa, Akhirnya Anang Hermansyah memberikan komentarnya kepada M. Ridho tentang lagunya.

Akan tetapi dibalik Lagu Neng Neng Nong Nang Neng Nong menyimpan sebuah rahasia, Yaitu Ahmad Dhani membeli lagunya M. Ridho dengan seharga 5 juta. Keputusan itu sudah del, sekarang Lagu Neng Neng Nong Nang Neng Nong Yang Berjudul Kuingin Kita Lama Pacaran Di Sini sedang di aransemin ulang oleh Ahmad Dhani.

Versi Ahmad Dhani
Download Lagu Kuingin Kita Lama Pacaran Di Sini - Neng Neng Nong Nang Neng Nong 2012

Versi M. Ridho

Download Kuingin Kita Lama Pacaran Di Sini - Neng Neng Nong Nang Neng Nong

Mendapatkan Pengunjung Melalui Search Engine (SEO)

2012-04-09T10:23:00.002+07:00

Mendapatkan Pengunjung Melalui Search Engine - Apa itu SEO ? Bila saya tidak menjelaskannya kepada anda dan saya minta kepada anda untuk mencari tahu sendiri di internet, apa yang akan anda lakukan? Apakah anda mencoba melakukan browsing ke situ www.seo.com? atau www.seo.org? sebagian besar dari kita tidak akan melakukannya! Kita akan meman faatkannya Search Engine dan memasukkan Keyword 'SEO' dan berharap search engine akan memberikan informasi mengenai SEO ini!

Sejarah mencatat bagaimana seorang Jerry Yang dan David Filo membuat situs pencari gratis yaitu www.yahoo.com yang kemudian berkembang menjadi bisnis yang sangat besar. Bahkan, siapa menyangka bahwa saingan besar Microsoft saat ini adalah www.google.com, yang juga sebuah mesin pencari di internet! Semua ini bisa terjadi karena sebagian besar orang akan memanfaatkan mesin pencari untuk mencari situs-situs yang bertebaran di Internet seperti contoh situs yang sekarang ini menjadi suatu ajang perhelatan para master web blog. salah satunya adalah : UEFA EURO 2012 BERTARUH DI 12BET

Dari hasil yang ditampilankan oleh mesin pencari ini, kemudian pengunjung akan memilih website-website atau blog yang diperkirakan sesuai dengan kemaunnya. Situs yang ditampilkan didepan atau ditampilkan ddeluan tentu mendapatkan prioritas pemilih dibandingkan dengan situs yang ditampilkan halaman ke 10 atau bahkan ke 50.

Kenapa sebuah situs bisa ditampilkan diatas sementara ada situs yang ditampilkan pada halaman terakhir? Searh Engine mempunyai algoritma yang sangat rumit sebelum mengurutkan situs-situs atau blog sesuai dengan keyword yang dimasukkan oleh pengguna. Tujuan yang ingin dicapai oleh sebuah search engine adalah menampilkan situs-situs atau blog yang dianggap paling sesuai dan pantas untuk dicantumkan di seacrh engine dibandingkan dengan situs-situs atau blog yang kurang berguna. Lalu bagaimana search engine memnentukan hal tersebut ? Bagaimana agar situs kita Mendapatkan Pengunjung Melalui Search Engine atau Mendapatkan Posisi Pertama Di Search Engine ? Untuk itulah kita perlu 'membantu' situs kita dengan SEO atau Seacrh Engine Optimization yang bisa dilakukan dengan beberapa cara. yaitu :

Cara Membuat Slide Featured

2012-04-08T01:11:00.004+07:00

Seribu Satu Cara untuk mempercantik tampilan blog. Salah satunya adalah Cara Membuat Slide Featured atau Cara Membuat Slide Menu Sederhana. Sebelumnya tutorial ini kemarin saya sempat membuat suatu postingan yang membahas Cara Membuat Menu JQuery Accordion, dengan ini kami akan memberikan suatu yang berbeda dari sebelumnya yang itu Slide Featured.

Pembuatan Slide Featured atau bisa juga disebut dengan Slide Menu ini sangat mudah, namun untuk menjaga keamanan agar template sebelumnya alangkah baiknya sebelum melakukan pengeditan template di backup terlebih dahulu.

D E M O

Mari kita simak bersama-sama :

Langkah 1
Login ke blogger, kemudian tuju ke Rancangan dan Edit HTML.
Langkah 2
klik Download Template Lengkap untuk membackup template.
Langkah 3
Setelah itu, copy kode css berikut dan letakkan sebelum kode ]]></b:skin>

#feature{
background:#EFEFEF;
border:1px solid #fff;
width:508px;
height:204px;
padding:10px;
margin-top:15px;
}

.slider{
margin:0;
padding:0
}

.sliderwrapper{
background:#F9F9F9;
position:relative;
overflow:hidden;
width:100%;
height:178px
}

.thumb {
float:left;
margin:0;
padding:15px 10px 10px 10px
}

.thumb img {
width:200px !important;
height:150px !important;
border:2px solid #F9F9F9;
outline:1px solid #ddd;
}

.contentdiv{
overflow:hidden;
height:210px !important
}

.pagination{
width:498px;
text-align:right;
padding:0 0 0 10px;
font-size:12px;
height:20px;
margin-top:11px;
}

.pagination a{
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZDrpSuvfCAQh8AN3WA0lZIGwggdShe2fOTP8Mv0uCH7i5UlE2G-_t8-oC4ncZAHknGdV-pUTb0Uu3tqdSK4fLvb-K3ybQoJsV50SOGNFUlR5IVnDpiMcOoO1jjDFNtn0Ip-D_JY0btc/s1600/nav_black.jpg) repeat-x;
padding:2px 7px;
text-decoration: none;
color: #fff;
border:1px solid #BEBEBE;
}

.pagination a:hover, .pagination a.selected{
background:#F9F9F9;
color:#222;
text-decoration:none;
border:1px solid #BEBEBE;
}

.desc{
overflow:hidden;
font-size:12px;
padding:0 10px 10px 0;
margin:0;
}

.desc p {
margin:10px 0 0 0;
padding:0
}

.desc h3 a{
color:#084B8A;
font-size:18px;
}

Langkah 4
Kemudian copy kode HTML berikut setelah kode <div id='main-wrapper'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
       <div id='feature'>
         <div class='sliderwrapper' id='slider1'>

             <div class='contentdiv'>
          <div class='thumb'>
       <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxdXFXigkH28wN62R8zn_x6kXkuI76dCjqHr62xHIVvl3Xa_FCifwi0XodqEjj8vcGmDp79bvdyQXZeRbJA1t9jg9HmjGChOVAWOFv33br3s4qI7PCD2Vw-taymRzN3Jak3YY8Zjcy2Xo/s1600/samsung_galaxy_tab.jpg'/>
                 </div>
                 <div class='desc'>
       <h3><a href='#'>Judul 1</a></h3>
       <p>Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
             </div>

             <div class='contentdiv'>
          <div class='thumb'>
       <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSFDPi_PgRvww-_kZ_wzG8ZEXcptZDSu4CP7DIDPpp0Oyyoo4UJfHW-aZEtBZH_B73YX5ql49rLoVFS7nGUpKjzddJEfPYd3BK_O331t-OUH6mBrUQ1nFIveZqx-p3FLaM0WHhm5gows/s1600/motorola.jpg'/>
          </div>
   <div class='desc'>
       <h3><a href='#'>Featured 2</a></h3>
                     <p>Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
   </div>
      </div>


             <div class='contentdiv'>
          <div class='thumb'>
      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPC7SMJHrb8Gbg2DXM1zSpw2Q1O9FPFH2dcvG4qJGbMad6SJGNRcVX09eUW0V4S_GmUONEwt1lZ9BJ2mA88gysC-GMHscgKduXu-KLcomlgHPx4J3D3AMhUBpC5sEyCS7En78gn74ZGQ/s1600/galaxy_note.jpeg'/>
          </div>
                 <div class='desc'>
       <h3><a href='#'>Featured 3</a></h3>
       <p>Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
   </div>
      </div>


             <div class='contentdiv'>
          <div class='thumb'>
      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1rREES4rWkDhvr_PNh1T3N2J2-XO3ZCCxlaM9NV09MQCGK5beJghJEgJ7TMnb1LHB9BzJkhTWlgc-3y84mT99BIV6mHq4axzBlyDbngolo0TmtVQeR4nOmKY3D9UEn16LoqQqu08DIw/s1600/blackberry_dakota.jpg'/>
          </div>
   <div class='desc'>
       <h3><a href='#'>Featured 4</a></h3>
       <p>Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
             </div>


             <div class='contentdiv'>
          <div class='thumb'>
       <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVz-KU0NGvnN7YJ6n63tPNy_zyCAr52W5E9Duyd86Nqd6IVMeUGr6TraM8HPk1SpDN3GMunyiCtXrqN_jnFcBXjf6iiTMHd7g9daPgyrWxf8eSYfACxvzpFOYaX4ar9qa7TgByjyBk7gg/s1600/apple-iphone.jpg'/>
          </div>
   <div class='desc'>
       <h3><a href='#'>Featured 5</a></h3>
                     <p>Curabitur et lectus vitae purus tincidunt laoreet sit amet ac ipsum. Proin tincidunt mattis nisi a scelerisque. Aliquam placerat dapibus eros non ullamcorper. Integer interdum ullamcorper venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
      </div>

        </div>
          <div class='pagination' id='paginate-slider1'/>
     </div>
   </b:if>
</b:if>

Langkah 5
Untuk bagian terakhir, copy kode script berikut sebelum kode </body>
Tapi sebelumnya Download dulu Code JavaScriptnya Klik Disini

Langkah 6
Simpan Templates

Terima Kasih Semoga bermanfaat buat kita semua

Membuat Widget Like Facebook Melayang New Version

2012-04-05T15:39:00.001+07:00

Selamat sore sahabat blogger semuanya. Kami membagikan sebuah trik yang biasa kita jumpai ketika masuk ke Blog Lora Malunk seperti Widget Like Facebook Melayang.

Kemarin saya sempat membahas mengenai "Cara Membuat Like Box Facebook dengan Efek Hover Jquery". Cuma cara itu sangat membingungkan bagi sahabat blogger yang baru belajar ngeblog. Kali ini saya mempunyai trik yang sangat portebel mengenai Membuat Widget Like Facebook Melayang New Version.

Trik ini tidak sama Tips and Trik yang kita jumpai di Blog Lora Malunk. Contoh awal coba anda baca artikelnya dan perhatikan Tips yang saya tulis berikut ini : Klik Membuat Ads Popup Dengan Efek Jquery

Kalau anda sudah membaca dan memperhatikan Tips and Trik di atas. Sekarang perhatikan Code Script yang saya rubah dan saya revisi, agar hasilnya bisa sempurna. Dan lihat perbedaannya Code Script Membuat Ads Popup Dengan Efek Jquery dan Code Script Membuat Widget Like Facebook Melayang New Version, sangat berbeda.

Berikut Tips-Nya :

Langkah 1
Masuk ke Menu Rancangan

Langkah 2
Tambah Gadget HTML/JavaScript

Langkah 3
Copy Paste Kode dibawah ini dan Simpan lihat hasilnya

<style type='text/css'>
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      left:50%;

      margin:0px 0px 0px -182px;

      width:300px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 7px #222;

      -moz-box-shadow: 0px 0px 7px #222;

      box-shadow: 0px 0px 7px #222; background-color:#eee2e2; font:normal 1em Cambria,Georgia,Serif;

      color:#111;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomright: 20px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;}

    #kotak-facebook a.close {

      position:absolute;

      top:-10px;

      right:-10px;

      background:#333;

      font:bold 16px Arial,Sans-Serif;

      text-decoration:none;

      line-height:22px;

      width:22px;

      text-align:center;

      color:#fff;

      border:2px solid #fff;

      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -webkit-border-radius:10px;

      -moz-border-radius:10px;

      border-radius:10px;

      cursor:pointer;

    }
</style>
    <script type='text/javascript'>

    $(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         $('#kotak-facebook').animate({bottom:"50px"}, 1000);

         // hilangkan kotak pesan saat tombol (x) di klik

         $('a.close').click(function() {

              $(this).parent().fadeOut();

         return false;

         });

    });

    </script>

    <div id='kotak-facebook'>

<--------KODE SCRPIT LIKE FACEBOOK DI SINI--------->

    <a class='close' href='#'>×</a>

    </div>

Sekian Tips and Trik kali ini. Semoga bermanfaat buat kita semua. Amin

UEFA EURO 2012 BERTARUH DI 12BET

2012-03-27T00:02:00.004+07:00

UEFA EURO 2012 BERTARUH DI 12BET - Untuk memberikan apresiasi kepada UEFA EURO 2012 BERTARUH DI 12BET, yang sudah sangat pengalaman memberikan produk atau layanan special untuk Eropa dan Asia Pasifik mengenai UEFA EURO 2012. Oleh karena itu, saya sebagai admin blog lora, senang sekali ketika membaca berita atau info yang berkaitan dengan UEFA EURO 2012 BERTARUH DI 12BET, soalnya saya sendiri adalah penggila bola yang selalu setia mendukung TIM kesayangan kami yaitu Spanyol.

Jika anda penggila bola atau Penggila layanan Special dari UEFA EURO 2012 BERTARUH DI 12BET, kami hanya menyarakan kepada anda bahwa dengan melalu link dibawah ini.

"UEFA EURO 2012 BERTARUH DI 12BET"

anda bisa merasakan nikmatnya dan hebohnya bermain di BERTARUH DI 12BET. Tunggu apa lagi cepetan dan buruan kunjungi Websitenya mumpung masih inreyen coy "UEFA EURO 2012 BERTARUH DI 12BET".

Pesan saya...! Anda tidak usah kuatir dengan 12bet.com karean UEFA EURO 2012 BERTARUH DI 12BET ini sudah dipercayai oleh Pacific Laut Investasi SA Eropa Limited ("PSE"), sebuah perusahaan Isle of Man dan sekarang UEFA EURO 2012 BERTARUH DI 12BET sudah mengantongi surat izin dari komisi pengawasan.

KONTES UEFA EURO 2012 BERTARUH DI 12BET sudah mulai berjalan dengan lancar dan para webmaster dan para blogger master bersaing ketat agar bisa menjuarai kontes tersebut. UEFA EURO 2012 BERTARUH DI 12BET juga sudah bersiap-siap untuk menyambut piala EURO 2012 yang sebentar lagi akan diselengarakan.

Jadwal Pertandingan EURO 2012 :

GRUP A	GRUP B	GRUP C
08 Juni 2012 Polandia Vs Yunani Rusia Vs Republik Ceko	09 Juni 2012 Belanda Vs Denmark Jerman Vs Portugal	10 Juni 2012 Spanyol Vs Italia Irlandia Vs Kroasia
12 Juni 2012 Yunani Vs Republik Ceko Polandia Vs Rusia	13 Juni 2012 Denmark Vs Portugal Belanda Vs Jerman	14 Juni 2012 Italia Vs Kroasia Spanyol Vs Irlandia
16 Juni 2012 Yunani Vs Rusia Republik Ceko Vs Rusia
	GRUP D	GRUP D
	11 Juni 2012 Prancis Vs Inggris Ukraina Vs Swedia	15 Juni 2012 Swedia Vs Inggris Ukraina Vs Prancis

Yang ingin gabungan atau mau ikutan SEO CONTEST 12BET 2012 dengan KEYWORD "UEFA EURO 2012 BERTARUH DI 12BET" silahkan melakukan registrasi dan melangkapi formulir pendaftaran ...::: DISINI :::...

Mensubmit RSS Feed Ke Facebook - Update Artikel Otomatis

2012-03-26T20:53:00.000+07:00

Saya yakin postingan blog anda ingin dibaca oleh banyak orang melalui Facebook, maka salah satu cara yang harus anda lakukan adalah Mensubmit RSS Feed ke Facebook. Dengan Mensubmit RSS feed blog anda ke Facebook, maka setiap kali anda memposting artikel baru, Artikel tersebut dengan otomatis dia muncul dan Update sendiri dihalaman profil facebook anda, sehingga teman atau sahabat facebook dapat membaca artikel blog anda dengan secara langsung di halaman Profil Facebook anda. Jika artikel anda bagus tentu mereka akan mengunjungi blog anda untuk membaca lebih lanjut sehingga dapat mempromusikan blog anda. Bagaimana.....! Oke gan.

Mari kita masuk ke tutorialnya :

Cara mensubmit RSS Feed ke RSS Graffiti

1. Login ke Facebook.

2. Buka aplikasi RSS Graffiti dan jalankan.

3. Setelah itu, klik Add Feed.

4. Kemudian akan muncul halaman seperti Gambar berikut ini :

Feed URL: isi alamat feed blog anda.
Contoh http://bloganda.blogspot.com/feeds/posts/default
Source Name: Nama Blog Anda
Source URL: URL Blog Anda
Post style: Biarkan saja 'Standard'. Jika anda ingin postingan muncul dalam bentuk pesan singkat seperti Twitter pilih 'Compact' atau 'Status updates'

5. Jika sudah tekan Save. Selesai

Sekarang tinggal rajin-rajinlah ber posting artikel yang keren.

dan banyak disenangi oleh mbah Google Seperti Contoh : Klik Disini

Promo Member Alfamart Minimarket Lokal Terbaik Indonesia

2012-03-25T22:58:00.001+07:00

Alfamart "Belanja Puas, Harga Pas" ini adalah satu icon yang disampaikan oleh Alfamart untuk masyakarat. Alfamart itu sendiri adalah sebuah toko untuk masyarakat. Nah dengan itu Alfamart sendiri tidak segan-segan dengan ikut serta berperan dalam mengembangkan solidaritas terhadap masyarakat, dengan adanya

Promo Member Alfamart Minimarket Lokal Terbaik Indonesia

Hal itu sudah banyak bukti yang dilakukan oleh pihak Alfamart. Contohnya adalah seperti aliansi dan instansi dengan cara berkala Alfamart memberikan bantuan beasiswa untuk anak yatim piatu, tidak hanya itu saja alfamart sangat pintar sekali untuk memberdayakan masyarakat dengan memberikan suatu kuliatas kehidupan masyarakat melalui pendidikan yang lebih baik nantinya.

Dengan itu semua Alfamart sekarang mempunyai program yang namanya Promo Member Alfamart Minimarket Lokal Terbaik Indonesia, dengan ini Alfamart akan membuktikannya bahwa dengan adanya Promo Best Local Member Alfamart Minimarket Indonesia dia akan memberikan suatu layanan yang memang kedepannya bisa memberi kenyamanan dan kemudahan untuk belanja dengan sistem Promo Member Alfamart.

Hingga sampai saat ini Alfamart adalah "Sebagai Minimarket Pertama yang memiliki member terbanyak di Indonesia Alfamart memberikan banyak inovasi untuk memanjakan membernya. Salah satunya adalah dengan konsisten 2 minggu sekali memberikan Promo khusus untuk member-membernya baik untuk berbelanja di Alfamart atau pun di merchant-merchant yang banyak bekerja sama dengan Alfamart untuk memberikan potongan harga atau harga spesial." tidak begitu kaget ketika Alfamart mengeluarkan suatu asumsi bahwa Alfamart adalah yang mempunyai "Member terbesar di minimarket Indonesia". Itulah Alfamart.

Sebuah bukti nyata dari kesungguhan Alfamart dia berani menciptakan sebuah kartu yang namanya adalah "A Card Flazz" maka dengan Crad Flazz ini kita berbelanja di alfamart manapun sekarang lebih enak menggunakan Card Flazz tinggal gesek kartunya sudah selesai belanja kita. Apalagi ditambah dengan Promo Terbaru dari Alfamart yaitu "

Promo Member Alfamart Minimarket Lokal Terbaik Indonesia

" mau pulang lewat jalan TOL tidak usah antri lama-lama di TOL, cukup menggunakan Promo Member Alfamart Minimarket Lokal Terbaik Indonesia dengan "A Card Flazz" perjalanan kita lancar tanpa ada gangguan macet. Oke buruan belanja sepuasnya di Alfamart-Alfamart terdekat dengan memakai kartu "A Card Flazz".

Jangan lupa ikuti Promo Member Alfamart Minimarket Lokal Terbaik Indonesia adan akan mendapatkan kejutan dan mendapat hadiah menarik dari Alfamart seperti, Hello Kitty, Diskon Besar-besaran, dan juga mendapat potongan harga ketika anda memakai kartu "A Card Flazz".

Cara Membuat Menu JQuery Accordion

2012-03-25T11:47:00.006+07:00

Semangat buat berbagi Tips And Trik Blog ke sahabat blogger mania, Kali Lora Malunk Blog akan berbagi trik mengenai Membuat Menu JQuery Accordion ini menggunakan kode javascript yang sangat sederhana sekali.

Tips ini akan membantu membangkitkan efek jQuery meciptakan sebuah fungsi indah dengan dibantu kode css yang menjadi pilar hingga terbentuk desain yang sangat menarik sekali.

Untuk Melihat Hasil Yang sudah Terjadi Silahkan Klik : D E M O

Mari kita memasuki tahap pembelajaran :

Langkah 1

Cari kode ]]></b:skin> pada "Edit Template"

Langkah 2

Copy Paste kode javascript dibawa ini dan letakkan di bawah kode ]]></b:skin>

<script type="text/javascript">
$(document).ready(function(){
$('.wadah').hide();
$('.sedul:first').addClass('active').next().show();
$('.sedul').click(function(){
if( $(this).next().is(':hidden') ) {
$('.sedul').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
return false;
});
});
</script>

Langkah 3
Memasukkan kode CSS dibawah ini tepat di atas kode ]]></b:skin>

.boxtama {
background:#333;
width: 220px;
margin: 0 auto;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-top:3px solid #777;
font-size:12px;
}
.boxtama .wadah {
margin: 0 0 5px 2px;
padding: 0;
overflow: hidden;
font-size: 16px;
width: 214px;
clear: both;
background: #bbb;
border: 1px solid #d6d6d6;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.boxtama .wadah .anakwadah {
padding:15px 8px 10px;
}
.boxtama .wadah .anakwadah p {
padding: 5px 0;
margin: 5px 0;
font:12px normal;
color:#000;
}
.boxtama .wadah h3 {
font: 18px normal Georgia;
margin: 0 0 10px;
padding: 0 0 5px 0;
border-bottom: 1px dashed #ddd;
color: #993333;
}
.boxtama .wadah img {
float: left;
margin: 10px 8px 0px 0;
padding: 3px;
background: #ddd;
border: 1px solid #444;
width:60px;
height:60px;
}
.boxtama .wadah .anakwadah ul {
padding:0;
margin:0;
list-style:none;
}
.boxtama .wadah .anakwadah li {
background:url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/miniArrow-gubhugreyot.png) top left no-repeat;
background-position:5px 5px;
list-style:none;
margin:0px;
padding:0px;
border-bottom:1px dotted #999;
transition:0.4s;
-o-transition:0.4s;
-moz-transition:0.4s;
-webkit-transition:0.4s;
}
.boxtama .wadah .anakwadah li:hover{
background:url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/miniArrowHov-gubhugreyot.png) top left no-repeat;
background-position:10px 5px;
}
.boxtama .wadah .anakwadah li a {
font-family:Trebuchet MS;
padding:0 0 0 25px;
font-size:11px;
color:#222;
font-weight:500;
text-decoration:none;
}
.boxtama .wadah .anakwadah li a:hover {
color:red;
}
h4.sedul {
padding: 0;
margin: 0 0 5px 0;
background: #666 url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/bgOrangeV34H2-gubhugreyot.gif) bottom left repeat-x;
height: 36px;
line-height: 36px;
width: 220px;
font-size: 14px;
font-weight: bold;
float: left;
}
h4.sedul:hover { /* hor.png */
padding: 0;
margin: 0 0 5px 0;
background:#660000 url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/bgFadeBlue-gubhugreyot.png) left center no-repeat;
background-position:-1px 0;
border-right:1px solid #999;
}
h4.sedul a {
background: url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/ArrowRedRight-gubhugreyot.png) left center no-repeat;
background-position:8px 5px;
border-left:2px solid #fff;
border-right:2px solid #fff;
font-family:Droid Serif;
font-size:14px;
color:/*silver*/ #003366;
text-decoration: none;/*opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); */
display: block;
padding: 0 0 0 45px;
transition:1s;
-o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
h4.sedul a:hover {
background:#000 url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/ArrowRightDownAnima-gubhugreyot.gif) left center no-repeat;
background-position:8px 5px;
color:red;
text-shadow:0px 1px 1px #888;
opacity:1.0;
filter:alpha(opacity=100);
}
h4.active {
background:url(http://animated-jquery-vertical-accordion-menu.googlecode.com/files/bgblueV35H1-gubhugreyot.gif) top left repeat-x;
}

Langkah 4

Melanjutkan dengan mencari kode <head> . Letakkan kode Jquery dibawah ini tepat diatasnya kode . <head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Langkah 5

Simpan Template / (Save Template)

Langkah 6

Masuk ke menu Rancangan Add Gadget "HTML/Javascript"

Langkah 7

Lalu Copy paste kode dibawah ini, ke kolom "HTML/JavaScript"

<div style="float:left;background:#111;padding:3px;border:2px solid #666;">

<div class="boxtama"><h4 class="sedul"><a class="pilih" href="#">Theme - Template</a></h4>
<div class="wadah">
<div class="anakwadah">
<h3>Tutorial Blog Up To Date</h3>
<ul class="accor">
<li><a href="http://lora-malunk.blogspot.com/2012/03/membuat-related-posts-slide-out-boxez.html" target="_blank">Membuat Related Posts</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/mempercantik-tampilan-entri-popular-new.html">Modifikasi Entri Populer</a></li>
<li><a href="http://lora-malunk.blogspot.com">Tips And Trik Blog</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/membuat-google-custom-seacrh-sendiri.html" target="_blank">Membuat Google Custom</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/membuat-foto-menjadi-teks.html">Foto Menjadi Teks</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/cara-memanggil-robot-mbah-google-ke.html">Memanggil Robot Google</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/cara-mengatasi-feedburner-yang-error.html" target="_blank">Tips Feedburner Eror</a></li>
<li><a href="http://lora-malunk.blogspot.com/2012/03/membuat-slide-show-foto-dengan-efek.html">Membuat Slide Show</a></li>
<li><a href="http://lora-malunk.blogspot.com">Lora Malunk Blog</a></li>
</ul>
</div>
</div></div></div>

Catatan Akhir :

- Ganti URL yang saya cetak tebal dan berwana merah dengan URL Artikel Anda.

- Untuk merubah lebar kolom (width) : Anda harus merubah kode dibawah ini dan angka tersebut mempunyai selisih 6px dengan yang di atas dan di bawahnya:

.boxtama {
width: 220px;

.boxtama .wadah {
width: 214px;

h4.sedul {
width: 220px;

Silahkan dibaca juga Tutorial yang lain yang sangat menarik dan patut dipelajari bersama. Melalui link di bawah ini:

Membuat Slide Show Foto Dengan Efek Jquery

Cara Update Status Dengan Simbol Lucu