Forum Yang Unik dan Asyik!
Daftar Gratis!
Nama USER ID BISA Gonta-ganti Sesuka HATI!
Daftar! Gratis! Enjoy!
Saling bertukar pengalaman, menambah wawasan Kepada Semua Member Nemo share yang ada.


Ayo buruan daftar! Sebelum Forum ini jadi Berbayar!
Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» Sengoku basara season 1&2 [COMPLETE] (Paket Hemat 55-60 MB)
Mon Jul 08, 2013 9:38 am by epen18

» Microsoft Office 2010 – Install Tanpa Cd Key atau Serial
Wed Sep 19, 2012 6:47 pm by vifi

» Perkenalkan
Mon Feb 27, 2012 8:41 pm by SATPAM

»  Diskusi Naruto Chapter 573 dan Prediksi Chapter 574
Sat Feb 11, 2012 4:52 pm by Night Fury

» Welcome To NEMOSHARE salam hangat buat member http://www.indofanster.org
Sat Feb 04, 2012 11:03 pm by Lulz

» Diskusi Naruto 572 n prediksi Naruto 573
Fri Feb 03, 2012 9:25 am by Night Fury

» Diskusi Nokia Asha 303
Tue Jan 31, 2012 3:10 pm by SATPAM

» Cara Buat Virus Sederhana Buat Isengin Temen.
Mon Jan 30, 2012 4:58 pm by SATPAM

» Hosting Gratisan Indonesia
Mon Jan 30, 2012 7:22 am by SATPAM

» Pengajian MTA di Kudus Dibubarkan Paksa
Mon Jan 30, 2012 6:22 am by SATPAM


[ASK] Menu Horizontal yang menarik.

Go down

[ASK] Menu Horizontal yang menarik.

Post by ekintung on Sat Jun 25, 2011 7:30 am

Kawan" di NS ane lagi cari cari menu nih, buat blog ane.
ane pngen menu horizontall ntu yang agak keren n cool,

ada yg punya ide gk ??
avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sat Jun 25, 2011 9:06 am

Ada gan Ini menu Tampilan nya manteb banget serasa Blogger Profesional.

DEMO CEK DI SINI http://kawaliblog6.blogspot.com/2011/04/menu-navigasi-css-mac-dock-bottom-with.html

Cara membuatnya :
Login blogger
Rancangan, Edit Html, Cari kode
Code:
]]></b:skin>
Dan Simpan kode berikut diatasnya :
Code:
/* ---------------
Menu navigasi CSS Mac  Dock bottom with jQuery
---------------------------------- */
#dock2 {
    width: 100%;
    bottom: 0px;
    position: relative;
    left: 0px;
}
.dock-container2 {
    position: relative;
    height: 50px;
    background: url(https://lh3.googleusercontent.com/-fmqNzHvyjbU/TYk7WUmoQaI/AAAAAAAAAaI/rhdjOhBd3pk/s1600/dock-bg.gif);
    padding-left: 20px;
}
a.dock-item2 {
    display: block;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px;
    color: #000;
    bottom: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
}
.dock-item2 span {
    display: none;
    padding-left: 20px;
}
.dock-item2 img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}

selanjutnya simpan kode berikut diatas kode
Code:
 </head>
:

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

simpan script berikut ditas kode
Code:
</body>
:

Code:
<script type="text/javascript">
 
    $(document).ready(
        function()
        {
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    valign: 'bottom',
                    halign : 'center'
                }
            )
        }
    );

</script>

SIMPAN TEMPLATE!



terakhir pemanggilanya pada html, simpan sesuai keinginan baik itu pada edit html posting ataupun html/java script pada menu gadget :


Code:
div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="#"><img src="https://lh5.googleusercontent.com/-Tzvk7gEQayM/TYk7hMbzrBI/AAAAAAAAAaY/AKv8REtJ2Bo/s1600/home.png" alt="home" /></a>
  <a class="dock-item2" href="#"><img src="https://lh4.googleusercontent.com/-RW1CNT_pjaY/TYk7bcwN9QI/AAAAAAAAAaQ/vS59D1M5euI/s1600/email.png" alt="contact" /></a>
  <a class="dock-item2" href="#"><img src="https://lh4.googleusercontent.com/-wPaS5JWh1hM/TYk7pWPBenI/AAAAAAAAAao/B9yKqG2NaA0/s1600/portfolio.png" alt="portfolio" /></a>
  <a class="dock-item2" href="#"><img src="https://lh5.googleusercontent.com/-ZyW9SH0hcY0/TYk7n6DktqI/AAAAAAAAAak/T1B6jxb7Cgo/s1600/music.png" alt="music" /></a>
  <a class="dock-item2" href="#"><img src="https://lh6.googleusercontent.com/-uYoefPPwTQE/TYk7xytlqNI/AAAAAAAAAa0/ep3940GHq8c/s1600/video.png" alt="video" /></a>
  <a class="dock-item2" href="#"><img src="https://lh6.googleusercontent.com/-bwKSU_xFjIc/TYk7ewTZ9bI/AAAAAAAAAaU/yyOGMdInqfk/s1600/history.png" alt="history" /></a>
  <a class="dock-item2" href="#"><img src="https://lh3.googleusercontent.com/-cBGBsQkJ54I/TYk7UK9B-QI/AAAAAAAAAaE/qWc3jO0NVC8/s1600/calendar.png" alt="calendar" /></a>
  <a class="dock-item2" href="#"><img src="https://lh3.googleusercontent.com/-UovHAEdtbqA/TYk7rLHFe0I/AAAAAAAAAas/pjKjOKCE8Wk/s1600/rss.png" alt="rss" /></a>
  <a class="dock-item2" href="#"><img src="https://lh5.googleusercontent.com/-igrXkJUyY_E/TYk7uSY6uRI/AAAAAAAAAaw/5VPf85w8vjE/s1600/rss2.png" alt="rss" /></a>
  </div>
</div>

Enjoy!


Last edited by NS Admin on Sat Jun 25, 2011 6:15 pm; edited 5 times in total
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Lynx on Sat Jun 25, 2011 12:36 pm



ijin make ane gan

hehe :D
avatar
Lynx
Moderator
Moderator

Posting : 639
Points : 1137
Join date : 2011-06-15
Age : 26
Lokasi : Taeyeon XD

View user profile http://ryuuzaki13.wordpress.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sat Jun 25, 2011 1:04 pm

Oke Silahkan gan...


Ane Izin Edit Post ente he he

avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Sat Jun 25, 2011 3:08 pm

okeehh kerennn
mantap kk...
langsung ke TKP ah....

avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Sat Jun 25, 2011 3:14 pm

NS Admin wrote:

selanjutnya simpan kode berikut diatas kode :

Code:
[code]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/interface.js"></script>[/code]

simpan script berikut ditas kode[color=red] </body>[/color] :

<script type="text/javascript">
 
    $(document).ready(
        function()
        {
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    valign: 'bottom',
                    halign : 'center'
                }
            )
        }
    );

</script>

SIMPAN TEMPLATE!


di letak dimana nya kk ???
bingung ane . . .
avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Sat Jun 25, 2011 3:28 pm

YEah.....!!!!!!!
Percobaan pertama gagal...
Owhh men FAILED.

kk bantuin dong ,, di jlasin ku masih awam nii kk...
tapi..
avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sat Jun 25, 2011 6:10 pm

ekintung wrote:YEah.....!!!!!!!
Percobaan pertama gagal...
Owhh men FAILED.

kk bantuin dong ,, di jlasin ku masih awam nii kk...
tapi..

Maaf Bener gan...

Ane lupa lox Forum ini Support code Html jadi kode2 tertentu kgak bisa muncul...

COba sekarang di Ulangi pasti bisa...

Maaf sekali lagi
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Lynx on Sat Jun 25, 2011 8:31 pm

maaf OOT

skin forum di ganti apa nih ???
avatar
Lynx
Moderator
Moderator

Posting : 639
Points : 1137
Join date : 2011-06-15
Age : 26
Lokasi : Taeyeon XD

View user profile http://ryuuzaki13.wordpress.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Sat Jun 25, 2011 10:09 pm



Nyerah kk....
5 kali coba gagal maning...
padahal keren wak menu nya...
avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sun Jun 26, 2011 5:46 am

ekintung wrote:

Nyerah kk....
5 kali coba gagal maning...
padahal keren wak menu nya...

He he Memang Terkadang ada yang ndak Support kk

Btw template ente Hasil Convert dari Wordpress ke Blogger bukan???


Lox agan mau nanti ane cari.in template yang udah otomatis menu horizontal nya Keren Gi mana???
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sun Jun 26, 2011 5:48 am

CWL_SpinxPlat wrote:maaf OOT

skin forum di ganti apa nih ???

Ke Forum Pemberitahuan gan...
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Sun Jun 26, 2011 4:29 pm

KK ada gk menu horizontal tapi pas kursor di arah kan ke salah satu menu, menu tersebut berubah wallpaper nya.....
pasif nya warna itam, pas di arahkan kursor jadi kuning gtu...
klo tw bole di share gk kk ?
avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Sun Jun 26, 2011 4:38 pm

ekintung wrote:KK ada gk menu horizontal tapi pas kursor di arah kan ke salah satu menu, menu tersebut berubah wallpaper nya.....
pasif nya warna itam, pas di arahkan kursor jadi kuning gtu...
klo tw bole di share gk kk ?


he he maaf nie lox yang kayak gini sy baru denger he he
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by ekintung on Mon Jun 27, 2011 1:12 am

Baru dengar kan ???
aq ja pusing tuh mikirin menu....
ngayal" tpi gk tw gimana cara nya...
wkwkkwkwkw

avatar
ekintung
Bronze Member
Bronze Member

Posting : 81
Points : 120
Join date : 2011-06-23
Age : 24
Lokasi : Indonesia, Batam

View user profile http://cael-two.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Lynx on Mon Jun 27, 2011 10:27 am

ekintung wrote:Baru dengar kan ???
aq ja pusing tuh mikirin menu....
ngayal" tpi gk tw gimana cara nya...
wkwkkwkwkw


coba terus gan

jgn menyerah
hehe :D
avatar
Lynx
Moderator
Moderator

Posting : 639
Points : 1137
Join date : 2011-06-15
Age : 26
Lokasi : Taeyeon XD

View user profile http://ryuuzaki13.wordpress.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Mon Jun 27, 2011 10:31 am

He he BEner gan...

Lox Ada usaha pasti ada jalan.
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Lynx on Mon Jun 27, 2011 10:35 am

NEWBIE wrote:He he BEner gan...

Lox Ada usaha pasti ada jalan.

tp klo g bisa bisa

peruma gan

wkwkwkwkwk

avatar
Lynx
Moderator
Moderator

Posting : 639
Points : 1137
Join date : 2011-06-15
Age : 26
Lokasi : Taeyeon XD

View user profile http://ryuuzaki13.wordpress.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Mon Jun 27, 2011 10:52 am

CWL_SpinxPlat wrote:
NEWBIE wrote:He he BEner gan...

Lox Ada usaha pasti ada jalan.

tp klo g bisa bisa

peruma gan

wkwkwkwkwk


HA ha ikut ngakak gan
bner juga gan... kata2 ente.
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Lynx on Mon Jun 27, 2011 10:55 am

jgn ngakak keterlaluan gan

kasihan orangnya

ntar dikira kita ngejek lagi. . .

^__^
avatar
Lynx
Moderator
Moderator

Posting : 639
Points : 1137
Join date : 2011-06-15
Age : 26
Lokasi : Taeyeon XD

View user profile http://ryuuzaki13.wordpress.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by guzpra on Thu Jun 30, 2011 3:25 pm

patut dcoba gan..

guzpra
newbie
newbie

Posting : 35
Points : 41
Join date : 2011-06-30

View user profile http://home4u21.blogspot.com

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by NEWBIE on Thu Jun 30, 2011 3:30 pm

guzpra wrote:patut dcoba gan..

Silahkan gan...
avatar
NEWBIE
Administrator
Administrator

Posting : 755
Points : 2413
Join date : 2011-06-12
Age : 24
Lokasi : Lampung (Depan Monitor)

View user profile http://nemoshare.blogspot.com/

Back to top Go down

Re: [ASK] Menu Horizontal yang menarik.

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum