---AzhokA---

7.11.11

Film - 3 Idiots (2009)

3 Idiots (2009) - Perfilman India selepas Slumdog Millionaire

akhirnya mendapat tempat lagi oleh penerusnya, yakni film 3 Idiots.

Bahkan ada yang mengatakan bahwa film Bollywood ini lebih baik dan

menghibur dibandingkan Slumdog Millionaire.

Berkisahkan mengenai dua sahabat bernama Farhan [R. Madavhan] dan Raju

[Sharman Joshi] yang berangkat untuk mencari kawan lama mereka yang

hilang. Dalam perjalanannya, mereka menghadapi sebuah pertaruhan lama

yang sudah mereka lupakan, sebuah acara pernikahan yang harus mereka

datangi dan acara pemakaman yang berakhir tak karuan. Saat mereka

berangkat menuju tempat berbahaya, suatu perjalanan lain dimulai: yakni

perjalanan pribadi mereka mengarungi kenangan dan kisah tentang kawan

mereka – Rancho [Aamir Khan] dengan cara berpikir beda dari masyarakat

luas – yang dengan caranya tersendiri telah menyentuh dan mengubah

kehidupan mereka.

Film ini awalnya menyebar dari Twitter yang selanjutnya dari mulut ke

mulut yang sampai-sampai bukan penggemar film India pun tampaknya akan

‘terperangkap’ juga untuk membeli tiket dan menonton film ini.

Film 3 Idiots tidaklah seperti film Bollywood kebanyakan. Dengan plot

cerita yang dominan komedi, yang untungnya komedinya memanglah lucu dan

terdengar cerdas. Sang penulis cerita juga menampilkan hasil dari

ideologi pemikirannya lewat percakapan dan kejadian yang sangat

menyentuh. Film ini pun sukses menyampaikan kritik terhadap cara

mendidik yang terlalu textbook sehingga tidak merangsang perkembangan

individu, hingga menyentil masalah kurang meratanya pendidikan terutama

di India.

Seperti sewaktu adegan Raju menanyakan alamat di secarik kertas ke

penjual kacang, si penjual malah menjawab, “Kalau saya bisa baca,

ngapain saya jualan kacang.”

Penulis cerita film 3 Idiots ini memang sukses meramu tangisan dan tawa

dalam satu adegan. Harus diakui 3 Idiots mengemban pesan-pesan yang

penting, bahkan krusial bagi kehidupan setiap manusia dengan kemasan

yang ringan dan sangat menghibur. Dengan elemen yang masih tetap

Bollywood seperti, film berdurasi lama (yang nyaris 3 jam), tarian dan

nyanyian, kisah cinta melodrama, bahkan hujan. Tetap saja recommended

bagi setiap orang karena ada pesan bernilai lebih melalui film ini untuk

Anda nikmati.

Info :

Genre: Comedy | Drama | Romance

Tanggal Rilis: 25 December 2009 (Indonesia)

Sutradara: Rajkumar Hirani

Penulis: Vidhu Vinod Chopra, Rajkumar Hirani

Pemain: Aamir Khan, Madhavan and Mona Singh

Trailer :

Fileserve
http://click-me.us/TIdts
http://click-me.us/TIdts1
http://click-me.us/TIdts2
http://click-me.us/TIdts3

Mediafire
http://click-me.us/TIdts4
http://click-me.us/TIdts5
http://click-me.us/TIdts6
http://click-me.us/TIdts7

Say thankzz to thehacker.com

23.6.11

CARA PASANG PESAN DIBAWAH POSAN KOMENTAR

Langkah-langkahnya :

1. Masuk ke account Blogger anda sendiri sehinggan masuk ke Dasbor.
2. Pilih Tata Letak/Edit HTML.
3. Jangan lupa beri tanda centang pada kotak kecil "Expand Template Widget"

4. Cari kode dibawah ini :

<p><data:blogCommentMessage/></p>

5. Kemudian taruh pesan anda di bawah kode diatas
6. Simpan Template

maka jadinya seperti gambar dibawah ini :

Source:http://www.cukuhnau.co.cc/2011/01/cara-pasang-pesan-dibawah-poskan.html

Cara Memasang pesan Terimakasih di bawah komentar

Login blogger
Rancangan, Edit Html, Centang menu Expand Template Widget
Cari kode ]]></b:skin>
Dan Simpan kode CSS berikut diatasnya :

/*comment messages*/
.visitormessages {
text-align: right;
color: #F90;
padding-right: 3px;
font-style:italic;
}
.visitormessages a:link{
color: #F90;
font-style:italic;
}
.visitormessages a:hover{
color: #F90;
border-bottom: solid 1px
}
.visitormessages a:visited{
color: #F90;
}

5. Cari kode <data:comment.body/> dan simpan kode berikut tepat dibawahnya:

<div class='visitormessages'>
<b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
Terimakasih sudah berkomentar di »
<span><a expr:href='data:post.href'><data:post.title/></a></span>
</div>

Catatan : Untuk kode CSS nya silahkan kawan-kawan sesuaikan dengan template kawan .

6. Simpan Template dan lihat hasilnya pada Artikel blog kawan yang ada komntarnya.. :)

Source:http://www.kangdadang.co.cc/2011/06/cara-memasang-pesan-terimakasih-di.html

22.6.11

Tutorial Pasang Widget Tombol Twitter, Facebook Share dan Facebook Like (3-in-1) Di Blog/Website

Saat ini situs-situs jejaring sosial terutama Facebook dan Twitter merupakan jenis situs online yang paling banyak diakses oleh pengguna internet di seluruh dunia, dengan salah satu layanan yang banyak digunakan adalah kemudahan bagi penggunanya untuk menyebarkan/membagikan aka share artikel online yang ada di berbagai website/blog.
Bagi pemilik atau pengelola website/blog, tentunya hal tersebut menjadi salah satu peluang untuk memperbesar tingkat kunjungan ke situsnya melalui Facebook dan Twitter ini, dengan memberikan kemudahan bagi pengunjung untuk share artikel yang ada di blog, salah satunya adalah dengan memasang tombol share Facebook dan Twitter.

Tombol Retweet Twitter, Facebook Share / Like (3-in-1)

Sebelumnya pernah disampaikan secara terpisah cara memasang tombol share Twitter dan Facebook, dan juga tombol Facebook Like. Kali ini masih soal cara memasang tombol Facebook dan Twitter, tapi sedikit berbeda dari cara sebelumnya itu. Pemasangan tombol share kali ini menggunakan layanan dari LinksAlpha, yang menyediakan tombol share yang menggabungkan ketiga tombol tersebut (Facebook Share, Facebook Like, dan Share Twitter) untuk ditampilkan menjadi satu baris saja, sehingga terlihat lebih simpel, kompak dan lebih rapi.

Sebenarnya, tombol bernama “1-Click Retweet/Share/Like” yang disediakan oleh LinksAlpha ini bisa anda pasang dengan menggunakan kode yang diberikan di situs tersebut. Tapi sayangnya, kode tombol yang disediakan hanya untuk halaman / URL statis saja (Website), jadi tidak bisa tampil secara otomatis membaca URL/alamat setiap artikel blog. Kecuali anda install plugin untuk blog WordPress (self-hosted), atau blog TypePad.

Untuk platform blog/situs lainnya, tenang saja, bisa diakali kok. Berikut ini cara pemasangannya.

1. Pasang di template Blogspot/Blogger
Silahkan login, masuk ke tab Design/Layout, lalu klik Edit Template, centang pilihan Expand Widget Templates. Cari kode <data:post.body/> di template anda, lalu di atas/di bawahnya pasang kode ini :

<b:if cond='data:blog.pageType != "index"'>

<b:if cond='data:blog.pageType != "archive"'>

</b:if>

Demo: lihat di sini.

2. Pasang di template WordPress.ORG (self hosted)
Anda bisa install plugin ini, atau bila anda seperti saya

yang tidak suka install terlalu banyak plugins (karena semakin banyak plugins, semakin berat beban server hosting), silahkan pasang kode berikut ini. Silahkan login, masuk ke Appearance, lalu klik Editor (Themes editor). Silahkan buka template Single Post (single.php) atau Page Template (page.php). Carilah kode <?php the_content(); ?>, lalu di atas/di bawahnya tambahkan kode ini :

<iframe id="websites_iframe" src="http://www.linksalpha.com/social?link=<?php the_permalink() ?>" scrolling="no" frameborder="0" height="25px" width="320px"></iframe>

Demo: lihat di sini.

3. Pasang di Sidebar/Widget/Webpage (javascript)
Ini adalah kode generik untuk semua website (tentunya yang membolehkan pemasangan kode javascript) tanpa perlu edit template/theme, seperti pada demo pemasangan di artikel ini.

<script type="text/javascript">
document.write('<ifr'+'ame id="websites_iframe" src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Sumber:http://ilmukomputer-online.blogspot.com/2010/12/tutorial-pasang-tombol-twitter-facebook.html

20.6.11

Cara Membuat Related Post/Artikel Terkait Memakai Scroll

Hallo Sobat informasi maya yang super malam ini kang salman mau mengulas bagaimana cara mengubah tampilan related post atau bahasa kitanya artikel terkait di bawah posting yang memiliki fungsi scroll? Kita Ssebut saja dengan nama Related Post With Scroll yaitu related post yang ditampilkan dalam bentuk menu scroll. Contohnya seperti gambar di bawah ini :

Bagi anda yang ingin tau bagaimana cara membuat Artikel terkait seperti di atas silakan ikuti langkah-langkah di bawah inii :

1. Login Ke Blogger
2. Pilih Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil expand . .
5. Cari kode seperti ini <data:post.body/>

(Biar cepat ketemu, tekan CTRL+F tar masukin aja <data:post.body> ke kotak yang tesedia)

6. Copy kode di bawah ini dan dan simpan di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

7. Cari kode ini : ]]></b:skin>

8. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

9. Save template

Selesai, dan lihat hasilnya . . .

Post By : http://asksalman19.blogspot.com
Refrensi : brugkembar.blogspot.com

Source: http://www.kucoba.com/2010/04/cara-memodifikasi-related-post-artikel.html

Menciptakan Headline News di blogspot

Jika anda berkunjung ke blog atau situs laian mungkin anda pernah melihat melihat sebuah bar kecil di bawah, jika di lintasberita.com Headlinenya ada di atas. di dalamnya berisi berita-beruta terbaru dari blog berubah-rubah, sehingga membuatnya menarik perhatian. Nah itulah yang dimaksud dengan Headline News. Tips kali ini kang salman dapatkan dari teman saya Witto
Kang salman ingin membahas sedikit cara bagaimana cara memasang Headline News di blog Pengertian headline news sendiri adalah sebuah widget pihak ke tiga yang dibuat dengan bantuan javascript yang berfungsi untuk menampilkan judul serta link artikel-artike terbaru dari update blog kita.

Nah cara untuk membuat nya pun sangat mudah anda cukup copy paste kode dibawah ini ke dalam elemen widget yang baru, Letakkan widget terserah anda.

1. Login ke Blogger
2. Pilih Edit Tata Letak
3. Pilih Tambah Widget
4. Pilih HTML/Javascrtpt
5. Copy Kode di bawah ini :

Catatan :
1. Warna merah di atas ganti dengan alamat blog anda
2. Warna hijau di atas adalah warna latar dari widget, b
3. Wana Biru adalah untuk warna garis yang akan muncul di widget,
4. Warna orange di atas adalah untuk posisi widget yang akan di tampilakan, bottom = bawah, top=atas dll

Catatan tambahan :

hn_url_blog = URL blog anda (ganti dengan url blog anda)
hn_jumlah-post = jumlah judul artikel yang di tampilkan
hn_warna_latar = kode warna untuk latar belakang headline news
hn_warna-garis = kode warna garis bingkai
hn-posisi = menentukan posisi letak headline news

6. Setelah selesai, simpan dan lihat hasilnya.

Selamat mencoba.........

Sumber : http://www.kucoba.com/2010/04/membuat-headline-news-mirip.html

Pasang Widget Lintas Berita di Blog

Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.

Cara pasangnya sangat mudah, coba perhatikan langkah-langkahnya berikut ini.

Pada Edit HTML, silahkan klik Expand Template Widget.
Letakkan kode css berikut ini diatas kode ]]></b:skin>

#lintas-berita { background:#ECE0F8; border:1px solid #cccdcd; margin:15px 0px 10px 0px; padding:10px; color:#000; font-weight:normal; }
.lintaskiri { float:left; margin:0px 15px 0px 0px; width:380px; }
.lintaskanan { text-align:center; }
Kemudian letakkan kode berikut setelah kode <data:post.body/> atau <p><data:post.body/></p> :

<div class='clearfix' id='lintas-berita'> <div class='lintaskiri'> Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain. </div> <div class='lintaskanan'> <script type='text/javascript'>lb_skin = 'mode2'; </script> <script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/> <noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript> </div> </div>
Simpan Template.

Perhatikan kode css yang berwarna Biru, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode

<b:if cond='data:blog.pageType == "item"'>
diantara kode yang berwarna hijau dan tutup dengan kode
</b:if>

Semoga berhasil.

Sumber :http://miscah.blogspot.com/2010/05/pasang-widget-listas-berita-di-blog.html

19.6.11

Cara Membuat/Pasang Emoticon Kaskus di Komentar Blog

Pasang Emoticon Kaskus di Kotak Komentar Blog Menjadi alternatif lain untuk menarik pengunjung blog kita agar mendapatkan banyak komentar, begitulah kira-kira menurut aritutorial. karena blog ini masih sepi dan tidak banyak dapat komentar dari visitor akhirnya admin blog seo blogger ini mencoba pasang emoticon kaskus di form komentar, siapa tau setelah dipasang mendapatkan banyak komentar dari sobat-sobat blogger nyasar di blog ini. baiklah langsung saja kita aplikasikan cara pasang emoticon kaskus di kotak komentar

1. Buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template

2. Lalu cari kode class='comment-body'

Pada langkah nomer 2 liat tagnya apakah memakai DIV atau memakai DD, kalau DIV, ganti aja jadi DD, jangan lupa tag penutupnya juga ganti jadi DD. kalau udah menggunakan DD gak perlu diutak atik, langsung aja kelangkah nomer 3 berikut ini

3. Lalu cari kode <p class='comment-footer'> dan tambahkan kode berikut tepat dibawahnya.

:a:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' width='40'/>
:b:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' width='40'/>
:c:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>
:d:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' width='40'/>
:e:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' width='40'/>
:f:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' width='40'/>
:g:
<br/><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' width='40'/>
:h:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>
:i:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' width='40'/>
:j:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>
:k:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' width='40'/>
:l:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' width='40'/>
:m:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' width='40'/>
:n:
</b>

4. Terkahir cari Kode </body> lalu tambahkan kode berikut tepat diatasnya

5. Terakhir Jangan lupa save template sobat blogger. dan lihat hasilnya, kalau berhasil tolong komentarnya dunk :)

Sumber :http://www.aritutorial.co.cc/2011/04/pasang-emoticon-kaskus-di-komentar-blog.html

Cara Membuat Reply Komentar Dengan Gambar

Membuat reply komentar di blog anda sangat perlu. Karena akan memudahkan komentator terutama anda sebagai pemilik blog untuk menjawab komentar-komentar yang muncul di artikel anda. Reply komentar ini juga berfungsi untuk menjawab komentar secara otomatis sehingga tidak perlu repot menuliskan nama si pemberi komentar terlebih dahulu jika ingin merespon komentarnya itu. Nah lihat gambar berikut di bawah ini untuk lebih jelasnya:

Bagaimana? Jika berminat untuk membuat Membuat Reply Komentar silahkan ikuti cara berikut di bawah ini :

1. Login ke akun blogger sobat.

2. Klik menu rancangan, kemudian pilih tab edit HTML.

3. Centang expand template widget.

4. Cari kode seperti di bawah ini:

<b:include data='comment' name='commentDeleteIcon'/>

5. Jika sudah ketemu, maka copy paste-kan kode di bawah ini persis berada dibawahnya:

<a expr:href='"https://www.blogger.com/comment.g?blogID=Blog ID anda&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'><img alt='Reply To This Comment' src='Url Image Reply Anda'/></a>

Blog ID anda → Silahkan ganti dengan Blog ID (nomor id blog) anda.
Url Image Reply Anda → Silahkan ganti dengan Url gambar reply anda.

6. Klik Simpan Template.

Jika sobat belum mempunyai Url Image Reply, silahkan gunakan Url gambar di bawah ini:

Catatan: Bagi anda yang kesulitan untuk mencari blog ID silahkan pergi ke menu rancangan > edit HTML. Lihat ID Blog anda, atau lebih jelasnya lihat gambar berikut:

Selamat Mencoba

Sumber :http://daw-xp.blogspot.com/2011/05/cara-membuat-reply-komentar.html

16.6.11

Membuat Menu Horizontal Dengan Fitur Drop Down Support All Browser

Screenshot :

Untuk Langkah-langkah-nya :
Masuk ke Dasbor
Rancangan
Edit HTML
Beri tanda centang Expand Widget Templates
Copy kode dibawah ini dan pastekan di atas kode ]]></b:skin>

.jqueryslidemenu{
font: bold 12px Trebuchet MS; background: #414141; width: 100%;}

.jqueryslidemenu ul{
margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #151515;
color: #2d2b2b;
text-decoration: none;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;}

.jqueryslidemenu ul li a:hover{
background: #DF0101; /*tab link background during hover state*/
color: white;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0; display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;color: black;}

/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute; top: 12px; right: 7px;}

.rightarrowclass{
position: absolute; top: 6px; right: 5px;}

Copy kode berikut dan pastekan di atas kode </head>

<script src='http://mastergomaster.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src=' http://emoticmastergomaster.googlecode.com/files/jquery_slide.js ' type='text/javascript'/>

Copy kode di bawah ini kemudian pastekan di atas atau di bawah kode <body>
atau Tambah Gadget => Edit HTML

<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu1</a></li>
<li><a href='#'>Menu2</a></li>
<li><a href='#'>Menu3</a></li>
<li><a href='#'>Menu4</a>
<ul>
<li><a href='#'>Sub Menu4</a></li>
<li><a href='#'> Sub Menu4</a></li>
<li><a href='#'> Sub Menu4</a></li>
</ul>
</li>
<li><a href='#'>Menu5</a>
<ul>
<li><a href='#'>Sub Menu5</a></li>
<li><a href='#'>Sub Menu5</a>
<ul>
<li><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a>
<ul>
<li><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
<li><a href='#'>4</a></li>
</ul>
</li>
<li><a href='#'>4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu6</a></li>
<li><a href='#'>Menu7</a></li>
<li><a href='#'>Menu8</a></li>
<li><a href='#'>Menu9</a></li>
<li><a href='#'>Menu10</a></li>
<li><a href='#'>Menu11</a></li>
</ul>
<br style="clear: left" />
</div>

Gantilah kata/kode yang harus diganti
Langkah terakhir adalah menekan tombol save template.

Sumber : zy-web.blogspot.com/2011/03/membuat-menu-horizontal-with-drop-down.html