<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" gd:etag="W/&quot;DUQCQXozfCp7ImA9WhdREEs.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818</id><updated>2011-07-30T16:09:20.484-07:00</updated><category term="Worpress tips trik" /><category term="Phone Tool" /><category term="Internet" /><category term="Blogger Tips" /><title>Tips dan Trik Universal</title><subtitle type="html">Blogger tips | Internet trik | Phone tool | Download</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>7</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/TipsDanTrikUniversal" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="tipsdantrikuniversal" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">TipsDanTrikUniversal</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><entry gd:etag="W/&quot;DUYDQHc9eip7ImA9WxJWFEU.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-2404593911172770273</id><published>2009-06-20T01:39:00.000-07:00</published><updated>2009-06-20T01:39:31.962-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-20T01:39:31.962-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Worpress tips trik" /><title>Membuat navigasi breadcrumb di Wordpress</title><content type="html">&lt;b style="color: #38761d;"&gt;Setelah beberapa minggu saya tidak fokus&lt;/b&gt; untuk meng update isi blog ini, rasanya kangen juga untuk kembali melukiskan baris kata-kata bermakna yang bisa menghilangkan dahaga yang mendera { cia.... nga salah nih....hik..hik }.&lt;br /&gt;
&lt;br /&gt;
Ok...... Hari ini kita akan coba &lt;b&gt;membuat &lt;/b&gt;navigasi &lt;b&gt;breadcrumb&lt;/b&gt; yang terkenal itu, tapi kali ini kita akan mencoba membuat nya pada&lt;b&gt; themes Wordpress&lt;/b&gt;. Untuk teman-teman yang ingin membuat navigasi breadcrumb untuk Template blogspot, silahkan menuju Ke&lt;span style="color: #38761d;"&gt; &lt;/span&gt;&lt;a href="http://u-niversal.blogspot.com/2009/06/membuat-navigasi-breadcrumb-di-blogger.html" style="color: #38761d;"&gt;&lt;b&gt;membuat navigasi breadcrumb di blogger&lt;/b&gt;&lt;/a&gt;.&lt;br /&gt;
Memang kita akui bahwa keleluasaan kita untuk mengedit template wordpress sangat sedikit sekali, karena themes wordpress berbasis php, yang setiap susunan pengCodeannya sangat berbeda dari code-code templates blogger. Kita lanjutkan.....&lt;br /&gt;
&lt;br /&gt;
catatan : - Tips trik ini berlaku untuk Wordpress yang anda install di Hosting anda.&lt;br /&gt;
- Jika anda tidak mempunyai Hosting sendiri, mungkin Tips trik ini tidak jitu untuk diterapkan pada themes Wordpress anda. &lt;br /&gt;
&lt;br /&gt;
Apa yang harus kita lakukan untuk menanamkan fungsi breadcrumb ini :&lt;br /&gt;
&lt;br /&gt;
1. Untuk langkah awal silahkan anda men&lt;b&gt;download&lt;/b&gt; themes wordpress kesukaan anda.&lt;br /&gt;
&lt;br /&gt;
2. Extract file themes yang anda download tadi,dan cari file " &lt;b&gt;Style.css&lt;/b&gt; " lalu buka dengan text editor kesayangan anda ( contoh:Notepad ).&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;3. Setelah langkah No.2 dilakukan, Copy code dibawah ini dan Pastekan pada bagian terakhir dari code Style.css yang kita buka tadi.&lt;br /&gt;
&lt;fieldset style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: powderblue none repeat scroll 0% 0%;"&gt;&lt;pre&gt;#breadcrumb {
font: 11px Arial, Helvetica, sans-serif;
background-image:url('&lt;span style="color: red;"&gt;bc_bg.png&lt;/span&gt;'); 
background-repeat:repeat-x;
height:30px;
line-height:30px;
color:#9b9b9b;
border:solid 1px #cacaca;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#breadcrumb li {
list-style-type:none;
float:left;
padding-left:10px;
}
#breadcrumb a {
height:30px;
display:block;
background-image:url('&lt;span style="color: red;"&gt;/images/bc_separator.png&lt;/span&gt;');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#000;
}
.home {
border:none;
margin: 8px 0px;
}
#breadcrumb a:hover {
color:#35acc5;
}
&lt;/pre&gt;&lt;/fieldset&gt;&lt;br /&gt;
Perhatikan Tulisan yang berwarna &lt;b style="color: red;"&gt;Merah&lt;/b&gt; pada code diatas, Seperti biasa Upload file gambar yang nanti akan saya kasih tersebut ke Hosting anda lalu ganti tulisan tersebut dengan link gambar yang anda upload tadi. lalu Save settingan anda tadi&lt;br /&gt;
&lt;br /&gt;
4. Setelah anda melakukan langkah No.3 , sekarang anda cari &lt;b&gt;file Header.php&lt;/b&gt; dari Extract an &lt;b&gt;Themes&lt;/b&gt; yang anda download tadi, lalu buka lagi menggunakan Text Editor anda dan Copy code dibawah ini,&lt;br /&gt;
&lt;fieldset style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: powderblue none repeat scroll 0% 0%;"&gt;&lt;pre&gt;&amp;lt;ul id="breadcrumb"&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a href="/" title="Home"&amp;gt;&amp;lt;img src="/images/home.png" alt="Home" class="home" /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;?php the_category(', ') ?&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;?php the_title(); ?&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;
&lt;/pre&gt;&lt;/fieldset&gt;&lt;br /&gt;
lalu Paste kan diantara Bagian...&lt;br /&gt;
&lt;fieldset style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: powderblue none repeat scroll 0% 0%;"&gt;&lt;pre&gt;&amp;lt; div id="content"&amp;gt;

&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/fieldset&gt;&lt;br /&gt;
5. Setelah semuanya selesai, jangan lupa untuk menyimpan settingan anda tadi ya...&lt;br /&gt;
&lt;br /&gt;
6. Point terakhir, Upload lah Themes Wordpress yang sudah anda Modif tadi ke Hosting anda.&lt;br /&gt;
&lt;br /&gt;
7. selesai.&lt;br /&gt;
&lt;br /&gt;
NB : - Upload Themes tersebut ke &lt;b&gt;/Wp-content/themes/default/&lt;/b&gt;.&lt;br /&gt;
- Silahkan Download File image tersebut &lt;a href="http://grand2t.co.cc/downloads/download.php?f=breadcrumb.zip"&gt;disini&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Bagi anda yang kurang memahami langkah diatas silahkan bertanya para form komentar dibawah, mudah-mudahan bisa saya bantu.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-2404593911172770273?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/2404593911172770273/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-navigasi-breadcrumb-di.html#comment-form" title="0 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/2404593911172770273?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/2404593911172770273?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-navigasi-breadcrumb-di.html" title="Membuat navigasi breadcrumb di Wordpress" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0ANSXc4eyp7ImA9WxJXFk8.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-7797418576816641204</id><published>2009-06-07T04:32:00.000-07:00</published><updated>2009-06-10T02:23:18.933-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-10T02:23:18.933-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tips" /><title>Membuat Navigasi Breadcrumb di Blogger</title><content type="html">&lt;span style="color: #38761d;"&gt;Hari ini kita akan mencoba menerapkan&lt;/span&gt; " &lt;b&gt;Navigasi Breadcrumb &lt;/b&gt;" pada template blog kesayangan kita ini. Tapi mungkin ada diantara anda belum tahu apa itu " Navigasi Breadcrumb " ?, Navigasi Breadcrumb perfungsi untuk memberikan informasi kepada Pengunjung Blog kita dimanakah persisnya Posting yang mereka baca berada...&lt;br /&gt;
&lt;br /&gt;
Contoh Tampilan :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_0KEKOoegsnM/SiubT_D-ktI/AAAAAAAAACE/1dEwRiHt4Uc/s1600-h/Untitled-2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_0KEKOoegsnM/SiubT_D-ktI/AAAAAAAAACE/1dEwRiHt4Uc/s320/Untitled-2.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Dari gambar diatas bisa kita perhatikan : &lt;b&gt;Explorer&lt;/b&gt; » &lt;b&gt;Home&lt;/b&gt; » &lt;b&gt;Label Posting&lt;/b&gt; » &lt;b&gt;Judul Posting&lt;/b&gt;. Gimana...? Anda tertarik ?. &lt;br /&gt;
&lt;br /&gt;
Berikut Langkah-langkah pembuatan Navigasi ini :&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;1. Silahkan&amp;nbsp; Login pada Blog anda.&lt;br /&gt;
&lt;br /&gt;
2. Setelah halaman Dasbor terbuka langsung menuju &lt;b&gt;Tata Letak &lt;/b&gt;» &lt;b&gt;Edit HTML&lt;/b&gt;, setelah halaman Edit HTML terbuka jangan lupa untuk mengklik tanda " &lt;b&gt;Expand Template Widget&lt;/b&gt; ".&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: red;"&gt;&lt;span style="font-size: large;"&gt;Backup Template anda agar bila terjadi kesalahan dalam pengeditan nanti, anda bisa mengembalikan Template anda kesemula.&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
3. Copy/Paste Code dibawah ini :&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code style="color: #274e13;"&gt;.breadcrumbs {&lt;br /&gt;
padding:5px 5px 5px 10px;&lt;br /&gt;
margin: 0px 0px 5px 0px;&lt;br /&gt;
font-size:95%;&lt;br /&gt;
line-height: 1.4em;&lt;br /&gt;
text-color:Green;&lt;br /&gt;
background:#f1f1f1;&lt;br /&gt;
}&amp;nbsp;&lt;/code&gt;&lt;/fieldset&gt;&amp;nbsp;&lt;br /&gt;
Letakkan Code tersebut Tepat diatas &lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code style="color: red;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/code&gt;&lt;/fieldset&gt;jangan sampai salah ya....&lt;br /&gt;
&lt;br /&gt;
4. Temukan Code :&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&lt;span style="color: #0b5394;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:includable id='post' var='post'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;    &amp;lt;div class='post uncustomized-post-template'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;( Atau )&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:includable id='post' var='post'&amp;gt;&lt;br /&gt;
    &amp;lt;div class='post hentry uncustomized-post-template'&amp;gt;&lt;br /&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/fieldset&gt;5. Setelah anda menemukan Code di atas, Copy/pastekan Code dibawah ini Tepat dibawah Code di atas :&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code style="color: #274e13;"&gt;&amp;lt;b:if cond='data:blog.homepageUrl == data:blog.url'&amp;gt;&lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;br /&gt;
&amp;lt;div class='breadcrumbs'&amp;gt;&lt;br /&gt;
&amp;lt;b style='color:Green;'&amp;gt;Explore&amp;lt;/b&amp;gt; &amp;lt;strong&amp;gt;&amp;amp;#187;&amp;lt;/strong&amp;gt; &amp;lt;&lt;br /&gt;
a expr:href='data:blog.homepageUrl' rel='tag'&amp;gt;Home&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:posts' var='post'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:post.labels'&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:post.labels' var='label'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:label.isLast == &amp;amp;quot;true&amp;amp;quot;'&amp;gt; &amp;lt;strong&amp;gt;&amp;amp;#187;&amp;lt;/strong&amp;gt; &lt;br /&gt;
&amp;lt;a expr:href='data:label.url' rel='tag'&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;strong&amp;gt;&amp;amp;#187;&amp;lt;/strong&amp;gt; &amp;lt;span&amp;gt;&amp;lt;&lt;br /&gt;
b style='color:Green;'&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;archive&amp;amp;quot;'&amp;gt;&lt;br /&gt;
&amp;lt;div class='breadcrumbs'&amp;gt;&lt;br /&gt;
Explore &amp;lt;strong&amp;gt;&amp;amp;#187;&amp;lt;/strong&amp;gt; &amp;lt;&lt;br /&gt;
a expr:href='data:blog.homepageUrl'&amp;gt;Home&amp;lt;/a&amp;gt; &amp;lt;strong&amp;gt;&amp;amp;#187;&amp;lt;/strong&amp;gt;&amp;nbsp;&lt;br /&gt;
Archives for &amp;lt;data:blog.pageName/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:navMessage'&amp;gt;&lt;br /&gt;
&amp;lt;div class='breadcrumbs'&amp;gt;&lt;br /&gt;
&amp;lt;data:navMessage/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;&lt;br /&gt;
6. Dengan anda mengCopy Code di atas maka Selesailah Tugas Kita dalam pembuatan Navigasi Breadcrumb ini.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: red;"&gt;&lt;b&gt;Bagaimana.....? Cukup Mudahkan !&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
7. Jangan lupa Save Setingan anda Ya...!, lalu lihat Hasilnya&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-7797418576816641204?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/7797418576816641204/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-navigasi-breadcrumb-di-blogger.html#comment-form" title="2 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/7797418576816641204?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/7797418576816641204?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-navigasi-breadcrumb-di-blogger.html" title="Membuat Navigasi Breadcrumb di Blogger" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_0KEKOoegsnM/SiubT_D-ktI/AAAAAAAAACE/1dEwRiHt4Uc/s72-c/Untitled-2.gif" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;CEUHQno6cCp7ImA9WxJXEks.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-8390329721136788334</id><published>2009-06-05T21:23:00.000-07:00</published><updated>2009-06-05T21:23:53.418-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-05T21:23:53.418-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Internet" /><title>Tips dan Trik Meningkatkan Kemampuan Firefox v3. Anda</title><content type="html">&lt;b style="color: #38761d;"&gt;Kali ini saya mencoba berbagi trik&lt;/b&gt; untuk meningkatkan kemampuan firefox v3. anda.&lt;br /&gt;
Mungkin Trik ini sudah banyak diantara anda mengetahuinya, Tapi tidak ada salahnya saya kembali mengulas tentang artikel ini, karena masih banyak di antara teman-teman kita yang belum mengetahui bagaimana cara meningkatkan kinerja dari Firefox tersebut, walaupun kenyataannya Firefox ini sangat banyak yang menyukainya. OK kita mulai....&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Berikut Langkah-langkahnya :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;&lt;b&gt;1.&lt;/b&gt; Aktifkan browser Firefox Anda dan ketikkan perintah “&lt;b&gt;about:config&lt;/b&gt;” (tanpa tanda kutip), di address firefox anda.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2.&lt;/b&gt; Anda akan dibawa ke halaman konfigurasi Firefox. Kalau ada peringatan untuk hati-hati mengubah pengaturan pada halaman tersebut, klik yes atau ok saja.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3.&lt;/b&gt; Pada filter search bar di halaman konfigurasi, ketikkan “&lt;b&gt;network.http.pipelining&lt;/b&gt;”. Pastikan valuenya sudah diset dengan nilai “&lt;b&gt;true&lt;/b&gt;”. Jika masih “&lt;b&gt;false&lt;/b&gt;”, klik ganda untuk menjadikannya “&lt;b&gt;true&lt;/b&gt;”.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;4.&lt;/b&gt; Kembali ke filter search bar, ketikkan “&lt;b&gt;network.http.pipelining.maxrequests&lt;/b&gt;”. Double klik pada opsi ini dan rubah nilainya (value) menjadi &lt;b&gt;8&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;5.&lt;/b&gt; Kembali ke filter search bar, ketikkan “&lt;b&gt;network.http.proxy.pipelining&lt;/b&gt;”, double klik untuk merubah valuenya menjadi ‘&lt;b&gt;true&lt;/b&gt;’.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;6.&lt;/b&gt; Kembali ke filter search bar, ketikkan “&lt;b&gt;network.dns.disableIPv6?&lt;/b&gt;. Double klik untuk merubah nilainya menjadi ‘&lt;b&gt;true&lt;/b&gt;’.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;7.&lt;/b&gt; Klik kanan di halaman konfigurasi tersebut dimanapun terserah, pilih &lt;b&gt;New&lt;/b&gt; » &lt;b&gt;Boolean&lt;/b&gt;. Ketikkan “&lt;b&gt;content.interrupt.parsing&lt;/b&gt;”pada popup windows yang muncul kemudian klik &lt;b&gt;OK&lt;/b&gt;. Ketika prompt untuk pilihan muncul, pilih ‘&lt;b&gt;true&lt;/b&gt;’.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;8.&lt;/b&gt; Kembali klik kanan halaman konfigurasi, pilih &lt;b&gt;New&lt;/b&gt; » &lt;b&gt;Integer&lt;/b&gt;. Ketikkan “&lt;b&gt;content.max.tokenizing.time&lt;/b&gt;”. Pada prompt value yang muncul masukkan nilai &lt;b&gt;2250000&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;9.&lt;/b&gt; Kembali klik kanan halaman konfigurasi, pilih &lt;b&gt;New&lt;/b&gt; » &lt;b&gt;Integer&lt;/b&gt;. Ketikkan “&lt;b&gt;content.notify.interval&lt;/b&gt;”. Masukkan nilai &lt;b&gt;750000&lt;/b&gt; pada prompt value yang muncul.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;10.&lt;/b&gt; Kembali klik kanan halaman konfigurasi, pilih New » Boolean. Ketikkan “&lt;b&gt;content.notify.ontimer&lt;/b&gt;”. Pilih ‘&lt;b&gt;True&lt;/b&gt;’ untuk isian prompt value yang muncul.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;11.&lt;/b&gt; Kembali klik kanan halaman konfigurasi, pilih New » Integer. Ketikkan “&lt;b&gt;content.notify.backoffcount&lt;/b&gt;”. Pada prompt value yang muncul isikan value ‘&lt;b&gt;5&lt;/b&gt;'.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;12.&lt;/b&gt; Kembali klik kanan halaman konfigurasi, pilih New » Integer. Ketikkan “&lt;b&gt;content.switch.threshold&lt;/b&gt;”. Isikan nilai &lt;b&gt;750000&lt;/b&gt; pada prompt integer value yang muncul.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;13.&lt;/b&gt; Langkah terakhir, kembali klik kanan pada halaman konfigurasi, pilih New » Integer. Ketikkan “&lt;b&gt;nglayout.initialpaint.delay&lt;/b&gt;”. Isikan nilai ‘&lt;b&gt;0&lt;/b&gt;' pada prompt isian nilai yang muncul.&lt;br /&gt;
&lt;br /&gt;
" &lt;b&gt;Setelah anda melakukan Setting diatas,lakukan restart pada Firefox anda untuk melihat perbedaannya&lt;/b&gt;. "&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-8390329721136788334?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/8390329721136788334/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/06/tips-dan-trik-meningkatkan-kemampuan.html#comment-form" title="2 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/8390329721136788334?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/8390329721136788334?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/06/tips-dan-trik-meningkatkan-kemampuan.html" title="Tips dan Trik Meningkatkan Kemampuan Firefox v3. Anda" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;CUMNRH48fyp7ImA9WxJXFk8.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-7496807545065919510</id><published>2009-06-01T02:19:00.000-07:00</published><updated>2009-06-10T01:44:55.077-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-10T01:44:55.077-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tips" /><title>Membuat  Menu Horizontal Online ( Bagian Kedua )</title><content type="html">&lt;b&gt;&lt;span style="color: #38761d;"&gt;Sekarang kita akan Melanjutkan berkreasi&lt;/span&gt;&lt;/b&gt; untuk " Membuat Toptab Menu Horizontal Online " pada waktu lalu. Untuk anda yang belum mengikuti bagian pertama, silahkan menuju " &lt;a href="http://u-niversal.blogspot.com/2009/05/membuat-toptab-menu-horizontal-online.html"&gt;&lt;span style="color: #38761d;"&gt;Membuat Toptab Menu Horizontal Online ( Bagian Pertama )&lt;/span&gt; &lt;/a&gt;". OK...Kita Lanjut lagi!. Mungkin ada diantara anda yang bingung setelah mengikuti langkah-langkah dalam pengeditan Code-code yang telah kita bahas sebelumnya. Mengapa tidak! Code source yang kita Download dari situs ini sangat berbeda dengan Code-code dari Template Blog kita ( khususnya Templates Blogger ). Memang jenis menu yang ada di situs ini di peruntukkan untuk Templates Web, tapi tenang aja kita akan melakukan sedikit modifikasi sederhana agar menu ini bisa digunakan di template blogger kita.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Berikut Triknya :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;Perhatikan Gambar :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_0KEKOoegsnM/SiOJZNqb-BI/AAAAAAAAABM/cHeX-CXl5Oc/s1600-h/Graphic1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="86" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SiOJZNqb-BI/AAAAAAAAABM/cHeX-CXl5Oc/s320/Graphic1.jpg" width="416" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&amp;nbsp;Pada gambar&amp;nbsp; diatas dapat kita lihat ada 3 jenis file yaitu "&lt;b&gt;Folder Images&lt;/b&gt;", "&lt;b&gt;Index.html&lt;/b&gt;", dan "&lt;b&gt;Menu_style.css&lt;/b&gt;". Yang mana ketiga file ini kita dapatkan di saat kita mendownload Code-code dari Jenis menu yang kita pilih dari situs tersebut. Sebagai contoh saya masih menggunakan Jenis menu Sky Blue.&lt;br /&gt;
&lt;br /&gt;
Perhatikan Gambar :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_0KEKOoegsnM/SiOLYeWPG4I/AAAAAAAAABU/PLjYEtb_F5E/s1600-h/Graphic2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_0KEKOoegsnM/SiOLYeWPG4I/AAAAAAAAABU/PLjYEtb_F5E/s320/Graphic2.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Ini adalah gambar background dari menu itu sendiri .&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Satu hal yang harus anda persiapkan untuk memasang Menu ini :&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;i&gt;1.&lt;/i&gt;&lt;/b&gt; Seperti biasa Upload lah ketiga file gambar diatas ke situs favorite&amp;nbsp; anda (contoh:Photobucket.com)&amp;nbsp; atau Hosting anda.&lt;br /&gt;
&lt;br /&gt;
Setelah anda mengupload ketiga file gambar tersebut sekarang waktunya kita terapkan ke template blogger kita.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;A.&lt;/b&gt; Silahkan anda login ke Blog anda&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;B.&lt;/b&gt; Setelah Login, langsung menuju » Tata Letak » Edit HTML. jangan lupa untuk mencentang tanda " expand template widget ".&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;C. &lt;/b&gt;Sekarang anda beralih ke 3 file yang sudah kita dapatkan tadi.&lt;br /&gt;
&lt;b&gt;D.&lt;/b&gt; Buka file "Menu_style.css dengan Text Editor kesukaan anda (contoh:NotePad).&lt;br /&gt;
&lt;br /&gt;
sekarang perhatikan Code css tersebut :&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;/******   H3    */&lt;br /&gt;
ul#menu{&lt;br /&gt;
 margin:0;&lt;br /&gt;
 padding:0;&lt;br /&gt;
 list-style-type:none;&lt;br /&gt;
 width:auto;&lt;br /&gt;
 position:relative;&lt;br /&gt;
 display:block;&lt;br /&gt;
 height:36px;&lt;br /&gt;
 text-transform:uppercase;&lt;br /&gt;
 font-size:12px;&lt;br /&gt;
 font-weight:bold;&lt;br /&gt;
 background:transparent url("&lt;span style="color: red;"&gt;images&lt;/span&gt;/OFF.gif") repeat-x top left;&lt;br /&gt;
 font-family:Helvetica,Arial,Verdana,sans-serif;&lt;br /&gt;
 border-bottom:4px solid #004c99;&lt;br /&gt;
 border-top:1px solid #74b0c6;&lt;br /&gt;
}&lt;br /&gt;
ul#menu li{&lt;br /&gt;
 display:block;&lt;br /&gt;
 float:left;&lt;br /&gt;
 margin:0;&lt;br /&gt;
 pading:0;}&lt;br /&gt;
ul#menu li a{&lt;br /&gt;
 display:block;&lt;br /&gt;
 float:left;&lt;br /&gt;
 color:#6d7078;&lt;br /&gt;
 text-decoration:none;&lt;br /&gt;
 font-weight:bold;&lt;br /&gt;
 padding:12px 20px 0 20px;&lt;br /&gt;
 height:24px;&lt;br /&gt;
 background:transparent url("&lt;span style="color: red;"&gt;images&lt;/span&gt;/DIVIDER.gif") no-repeat top right;&lt;br /&gt;
 }&lt;br /&gt;
ul#menu li a:hover{&lt;br /&gt;
 background:transparent url("&lt;span style="color: red;"&gt;images&lt;/span&gt;/HOVER.gif") no-repeat top right; &lt;br /&gt;
 }&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;&lt;br /&gt;
&lt;b&gt;E. &lt;/b&gt;Ganti Tulisan yang berwarna &lt;b&gt;&lt;span style="color: red;"&gt;merah&lt;/span&gt;&lt;/b&gt; dengan link gambar yang anda upload tadi.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;F.&lt;/b&gt; Setelah anda mengganti link gambar tersebut, &lt;b&gt;Copy/paste&lt;/b&gt; Code tersebut persis dibawah bagian "&lt;span style="color: blue;"&gt;#header&lt;/span&gt;" section. &lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;Contoh : &lt;/div&gt;&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;/* Header&lt;br /&gt;
-----------------------------------------------&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
#header-wrapper {&lt;br /&gt;
  background:url(http://grand2t.co.cc/wall/universal.gif);&lt;br /&gt;
  width:100%;&lt;br /&gt;
  height:130px;&lt;br /&gt;
  margin:0 auto 0px;&lt;br /&gt;
  border:0px solid $bordercolor;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#header-inner {&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#header { &lt;br /&gt;
  margin: 5px;&lt;br /&gt;
  height:118px;&lt;br /&gt;
  border: 0px solid $bordercolor;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  color:$pagetitlecolor;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#header h1 {&lt;br /&gt;
  margin:5px 5px 0;&lt;br /&gt;
  padding:15px 20px .25em;&lt;br /&gt;
  line-height:1.2em;&lt;br /&gt;
  text-transform:uppercase;&lt;br /&gt;
  letter-spacing:.2em;&lt;br /&gt;
  font: $pagetitlefont;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#header a {&lt;br /&gt;
  color:$pagetitlecolor;&lt;br /&gt;
  text-decoration:none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
#header a:hover {&lt;br /&gt;
  color:$pagetitlecolor;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
#header .description {&lt;br /&gt;
  margin:0 5px 5px;&lt;br /&gt;
  padding:0 20px 15px;&lt;br /&gt;
  text-transform:uppercase;&lt;br /&gt;
  letter-spacing:.2em;&lt;br /&gt;
  line-height: 1.4em;&lt;br /&gt;
  font: $descriptionfont;&lt;br /&gt;
  color: $descriptioncolor;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
#header img {&lt;br /&gt;
  margin-$startSide: auto;&lt;br /&gt;
  margin-$endSide: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;&lt;br /&gt;
&lt;div style="color: red;"&gt;&lt;b&gt;&lt;span style="font-size: large;"&gt;Copy/paste disini.............!.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;=============================================================&lt;br /&gt;
Ok... anda sudah melakukan setengah jalan dalam pemasangan Menu ini, yuk...kita lanjut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;G.&lt;/b&gt; Sekarang lakukan kembali langkah D, tapi sekarang buka file "index.html".&lt;br /&gt;
&lt;br /&gt;
sekarang perhatikan Code css tersebut :&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul id="menu"&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;#&lt;/span&gt;" title=""&amp;gt;&lt;span style="color: red;"&gt;Home&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;#&lt;/span&gt;" title=""&amp;gt;&lt;span style="color: red;"&gt;PRODUCTS&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;#&lt;/span&gt;" title="" &amp;gt;&lt;span style="color: red;"&gt;FAQ&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;#&lt;/span&gt;" title=""&amp;gt;&lt;span style="color: red;"&gt;CONTACT&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;#&lt;/span&gt;" title=""&amp;gt;&lt;span style="color: red;"&gt;Contact Us&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;/code&gt;&lt;/fieldset&gt;&lt;br /&gt;
&lt;b&gt;H.&lt;/b&gt; Sekali lagi Ganti tulisan yang berwarna &lt;span style="color: red;"&gt;merah&lt;/span&gt; dengan alamat link dan nama link kesukaan anda. atau anda ingin menambahkan beberapa daftar link lagi kedalam menu ini dengan cara copy pada bagian &lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&amp;lt;li&amp;gt;&amp;lt;a href="#" title=""&amp;gt;Contact Us&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/code&gt;&lt;/fieldset&gt;dan pastekan dibawah code yang kita copy barusan.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;I. &lt;/b&gt;Langkah terakhir, kita kembali ke Edit HTML dan cari Code&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&amp;lt;div id='outer-wrapper'&amp;gt;&amp;lt;div id='wrap2'&amp;gt;&lt;br /&gt;
    &amp;lt;!-- skip links for text browsers --&amp;gt;&lt;br /&gt;
    &amp;lt;span id='skiplinks' style='display:none;'&amp;gt;&lt;br /&gt;
      &amp;lt;a href='#main'&amp;gt;skip to main &amp;lt;/a&amp;gt; |&lt;br /&gt;
      &amp;lt;a href='#sidebar'&amp;gt;skip to sidebar&amp;lt;/a&amp;gt;&lt;br /&gt;
    &amp;lt;/span&amp;gt;&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;&lt;br /&gt;
Letakkan code yang anda modif persis di bawah code diatas, tapi anda hanya perlu mengcopy bagian "&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&amp;lt;ul id="menu"&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="#" title=""&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="#" title=""&amp;gt;PRODUCTS&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="#" title="" &amp;gt;FAQ&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="#" title=""&amp;gt;CONTACT&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li&amp;gt;&amp;lt;a href="#" title=""&amp;gt;Contact Us&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;/code&gt;&lt;/fieldset&gt;" ini saja, yang lain tidak perlu.&lt;br /&gt;
&lt;br /&gt;
J. Silahkan Pratinjau Blog anda, jika sudah OK Langsung Save ya....&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style="color: black; font-size: large;"&gt;"&lt;span style="color: red;"&gt;Selamat.... Di Blog anda sudah terpasang TopTab Menu&lt;/span&gt;"&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Jika ada &lt;span style="color: #38761d;"&gt;bagian yang kurang dimengerti&lt;/span&gt; silahkan bertanya pada form komentar dibawah.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-7496807545065919510?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/7496807545065919510/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-toptab-menu-horizontal-online.html#comment-form" title="0 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/7496807545065919510?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/7496807545065919510?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/06/membuat-toptab-menu-horizontal-online.html" title="Membuat  Menu Horizontal Online ( Bagian Kedua )" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_0KEKOoegsnM/SiOJZNqb-BI/AAAAAAAAABM/cHeX-CXl5Oc/s72-c/Graphic1.jpg" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C0YCR30yeip7ImA9WxJXFEg.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-6373230305723037022</id><published>2009-05-31T01:32:00.000-07:00</published><updated>2009-06-08T01:52:46.392-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-08T01:52:46.392-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tips" /><title>Membuat  Menu Horizontal Online ( Bagian Pertama )</title><content type="html">&lt;span style="color:green"&gt;Pada Posting saya yang lalu&lt;/span&gt; kita sudah mencoba &lt;a href="http://u-niversal.blogspot.com/2009/05/membuat-scrollable-menu-links-di.html"&gt;Membuat Scrollabel Link Menu&lt;/a&gt;, yang Code-codenya 100% menggunakan Javascript. Nah sekarang saya akan mencoba membantu anda yang ingin menggunakan Menu jenis Toptab &lt;i&gt;( deretan menu yang berada di Bagian Header Template )&lt;/i&gt; pada Template anda. Tapi kali ini Code-codenya HTML &amp; Css. OK...Kita lanjut...&lt;br /&gt;
&lt;br /&gt;
Pernahkah kita menemukan kesulitan disaat kita akan memodifikasi template dari Blog yang minim akan style..? yang terkadang kita ( termasuk saya ) merasa sangat kesulitan jika dihadapkan dengan Code-code Html/Css yang tidak kita mengerti. Setelah saya menelusuri di dunia maya, saya menemukan situs yang menyediakan secara gratis pembuatan "&amp;nbsp; &lt;a href="http://u-niversal.blogspot.com/2009/05/membuat-toptab-menu-horizontal-online.html"&gt;&lt;b style="color: #38761d;"&gt;Toptab Menu Secara Online&lt;/b&gt;&lt;/a&gt; ", dan ternyata membuat menu, baik itu Horizontal maupun Vertikal di situs ini cukup mudah, dalam artian kita tidak perlu melakukan sendiri dalam penulisan Code-code Css dari menu tersebut dan melakukan pendaftaran dulu sebagai member mereka. Siap untuk Mencoba....?&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Berikut Sekilas Langkah-langkah nya :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;&lt;b&gt;A.&lt;/b&gt; Silahkan Anda menuju &lt;a href="http://cssmenumaker.com/"&gt;&lt;b style="color: #38761d;"&gt;L.O.K.A.S.I&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;B.&lt;/b&gt; Setelah masuk kita akan langsung disuguhkan 3 langkah untuk mendapatkan Tag dari menu yang telah kita  pilih.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_0KEKOoegsnM/SiI3EnCWHlI/AAAAAAAAAAk/h9FhReEJzRg/s1600-h/Graphic2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="79" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SiI3EnCWHlI/AAAAAAAAAAk/h9FhReEJzRg/s320/Graphic2.jpg" width="333" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&lt;b&gt;&lt;i&gt;1.&lt;/i&gt;&lt;/b&gt; Langkah pertama kita akan memilih Style dari menu ini, yang mana ada 4 Style :&lt;br /&gt;
- &lt;a href="http://cssmenumaker.com/drop_down_css_menu.php"&gt;&lt;span style="color: #38761d;"&gt;Drop-Down&lt;/span&gt;&lt;/a&gt; Css menu. &lt;br /&gt;
- &lt;a href="http://cssmenumaker.com/horizontal_css_menu.php"&gt;&lt;span style="color: #38761d;"&gt;Horizontal&lt;/span&gt;&lt;/a&gt; Css menu. &lt;br /&gt;
- &lt;a href="http://cssmenumaker.com/vertical_css_menu.php"&gt;&lt;span style="color: #38761d;"&gt;Vertical&lt;/span&gt;&lt;/a&gt; Css menu. &lt;br /&gt;
- &lt;a href="http://cssmenumaker.com/dreamweaver_css_menu.php"&gt;&lt;span style="color: #38761d;"&gt;Dreamweaver&lt;/span&gt;&lt;/a&gt; Css menu.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;i&gt;2.&lt;/i&gt;&lt;/b&gt; Langkah kedua Sekarang kita coba pilih Style " Horizontal Css menu ", setelah masuk ada  lebih kurang 30 menu style yang siap kita pilih, " yaaa tergantung dari selera masing-masing..! ". Silahkan pilih salah satu menu yang anda sukai, " Untuk contoh Saya memilih ( Sky Blue ) ".&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_0KEKOoegsnM/SiI5KT_Y9hI/AAAAAAAAAA0/_CPMvea6vqk/s1600-h/Graphic3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_0KEKOoegsnM/SiI5KT_Y9hI/AAAAAAAAAA0/_CPMvea6vqk/s320/Graphic3.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI378HwCxI/AAAAAAAAAAs/Q-Hjy5QJVXs/s1600-h/Graphic1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="74" src="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI378HwCxI/AAAAAAAAAAs/Q-Hjy5QJVXs/s320/Graphic1.jpg" width="328" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&lt;i&gt;&amp;nbsp; &lt;br /&gt;
&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;i&gt;&amp;nbsp;3.&lt;/i&gt;&lt;/b&gt; Langkah Ketiga anda akan langsung di suguhkan dengan Code-code dari menu yang telah kita pilih tadi.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI5sAeXRBI/AAAAAAAAAA8/tiU_c4gP-zU/s1600-h/Graphic4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI5sAeXRBI/AAAAAAAAAA8/tiU_c4gP-zU/s320/Graphic4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&lt;b&gt;Disini ada dua langkah pengambilan Tag-tag tersebut :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;i&gt;1. &lt;/i&gt;&lt;/b&gt;Dengan cara langsung &lt;b&gt;Copy/paste&lt;/b&gt; Code-code tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;i&gt;2.&lt;/i&gt;&lt;/b&gt; Dengan cara &lt;b&gt;Mendownload&lt;/b&gt; Code-code &amp;amp; Image dari menu tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI6HIKj3GI/AAAAAAAAABE/_E79wp0iVl8/s1600-h/Graphic5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_0KEKOoegsnM/SiI6HIKj3GI/AAAAAAAAABE/_E79wp0iVl8/s320/Graphic5.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
Saya menyarankan anda memilih langkah nomor 2, selain kita bisa memodifikasi Code-code tersebut, plus kita mendownload Image yang digunakan&amp;nbsp; menu tersebut.&lt;br /&gt;
Ok.... Segitu aja ye..... buat " Customize " silahkan berkreasi sendiri.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;NB :&lt;/b&gt; &lt;i&gt;Situs ini Melakukan Pergantian Templates, jadi gambar contoh dalam Posting ini berbeda. Tapi untuk semua link dalam Posting ini tetap sama&lt;/i&gt;.&lt;br /&gt;
&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-6373230305723037022?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/6373230305723037022/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/05/membuat-toptab-menu-horizontal-online.html#comment-form" title="0 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/6373230305723037022?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/6373230305723037022?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/05/membuat-toptab-menu-horizontal-online.html" title="Membuat  Menu Horizontal Online ( Bagian Pertama )" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_0KEKOoegsnM/SiI3EnCWHlI/AAAAAAAAAAk/h9FhReEJzRg/s72-c/Graphic2.jpg" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CEAFSXk_cCp7ImA9WxJXFk8.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-8975228342910786477</id><published>2009-05-30T01:00:00.000-07:00</published><updated>2009-06-10T01:31:58.748-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-06-10T01:31:58.748-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tips" /><title>Membuat  Scrollable Menu Links di Blogger</title><content type="html">&lt;b style="color: #38761d;"&gt;Scrollable Menu Links&lt;/b&gt; yang akan kita buat ini memang tampilannya sangat sederhana sekali, tapi jenis Script ini sangat membantu kita dalam menata dan meminimalkan ruang yang ada pada Template yang kita gunakan. &lt;br /&gt;
&lt;br /&gt;
Cukup dengan meletakkan Script ini pada Sidebar ( Jenis HTML ) Blog dan mengatur Semua Link favorite kita kedalam Script ini, maka link yang tadi kita tempatkan akan dikemas secara Horizontal. Untuk memilih Link yang akan kita tuju Cukup arahkan Mouse ke Tanda Panah Kiri ( untuk menggeser ke arah Kiri ) atau Tanda Panah Kanan ( Untuk menggeser ke arah Kanan ) pada menu ini, setelah Link yang kita tuju tampil maka kita tinggal klik Link tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Berikut Langkah-langkah membuat Menu tersebut :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;1. Silahkan anda login ke Blogger.&lt;br /&gt;
2. Setelah anda login silahkan anda menuju &lt;b&gt;Tata Letak&lt;/b&gt; » &lt;b&gt;Element Halaman&lt;/b&gt; » &lt;b&gt;Tambah Gadget&lt;/b&gt; » lalu pilih &lt;b&gt;HTML.&lt;/b&gt;&lt;br /&gt;
3. Lalu Copy/Paste code dibawah ini kedalam Gadget yang telah kita pilih tadi.&lt;br /&gt;
&lt;br /&gt;
&lt;fieldset style="background:powderblue;"&gt;&lt;code&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
//configure path for left and right arrows&lt;br /&gt;
&lt;span style="color: blue;"&gt;var goleftimage&lt;/span&gt;='&lt;span style="color: red;"&gt;pointer2.gif&lt;/span&gt;'&lt;br /&gt;
&lt;span style="color: blue;"&gt;var gorightimage&lt;/span&gt;='&lt;span style="color: red;"&gt;pointer.gif&lt;/span&gt;'&lt;br /&gt;
//configure menu width (in px):&lt;br /&gt;
var menuwidth=300&lt;br /&gt;
//configure menu height (in px):&lt;br /&gt;
var menuheight=25&lt;br /&gt;
//Specify scroll buttons directions ("normal" or "reverse"):&lt;br /&gt;
var scrolldir="normal"&lt;br /&gt;
//configure scroll speed (1-10), where larger is faster&lt;br /&gt;
var scrollspeed=6&lt;br /&gt;
//specify menu content&lt;br /&gt;
&lt;span style="color: blue;"&gt;var menucontents&lt;/span&gt;='&amp;lt;nobr&amp;gt;&amp;lt;a href="&lt;span style="color: red;"&gt;http://u-niversal.blogspot.com&lt;/span&gt;"&amp;gt;&lt;span style="color: red;"&gt;Universal Blog&lt;/span&gt;&amp;lt;/a&amp;gt; | &amp;lt;a href="&lt;span style="color: red;"&gt;http://4satuarah.blogspot.com&lt;/span&gt;"&amp;gt;&lt;span style="color: red;"&gt;Blog Mamas&lt;/span&gt;&amp;lt;/a&amp;gt; | &amp;lt;a href="&lt;span style="color: red;"&gt;http://www.codingforums.com&lt;/span&gt;"&amp;gt;&lt;span style="color: red;"&gt;CodingForums.com&lt;/span&gt;&amp;lt;/a&amp;gt; | &amp;lt;a href="&lt;span style="color: red;"&gt;http://www.builder.com&lt;/span&gt;"&amp;gt;&lt;span style="color: red;"&gt;Builder.com&lt;/span&gt;&amp;lt;/a&amp;gt; | &amp;lt;a href="&lt;span style="color: red;"&gt;http://freewarejava.com&lt;/span&gt;"&amp;gt;&lt;span style="color: red;"&gt;Freewarejava.com&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/nobr&amp;gt;'&lt;br /&gt;
////NO NEED TO EDIT BELOW THIS LINE////////////&lt;br /&gt;
var iedom=document.all||document.getElementById&lt;br /&gt;
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'&lt;br /&gt;
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'&lt;br /&gt;
if (scrolldir=="reverse"){&lt;br /&gt;
var tempswap=leftdircode&lt;br /&gt;
leftdircode=rightdircode&lt;br /&gt;
rightdircode=tempswap&lt;br /&gt;
}&lt;br /&gt;
if (iedom)&lt;br /&gt;
document.write('&amp;lt;span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000"&amp;gt;' menucontents '&amp;lt;/span&amp;gt;')&lt;br /&gt;
var actualwidth=''&lt;br /&gt;
var cross_scroll, ns_scroll&lt;br /&gt;
var loadedyes=0&lt;br /&gt;
function fillup(){&lt;br /&gt;
if (iedom){&lt;br /&gt;
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2&lt;br /&gt;
cross_scroll.innerHTML=menucontents&lt;br /&gt;
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth&lt;br /&gt;
}&lt;br /&gt;
else if (document.layers){&lt;br /&gt;
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2&lt;br /&gt;
ns_scroll.document.write(menucontents)&lt;br /&gt;
ns_scroll.document.close()&lt;br /&gt;
actualwidth=ns_scroll.document.width&lt;br /&gt;
}&lt;br /&gt;
loadedyes=1&lt;br /&gt;
}&lt;br /&gt;
window.onload=fillup&lt;br /&gt;
&lt;br /&gt;
function moveleft(){&lt;br /&gt;
if (loadedyes){&lt;br /&gt;
if (iedom&amp;amp;&amp;amp;parseInt(cross_scroll.style.left)&amp;gt;(menuwidth-actualwidth)){&lt;br /&gt;
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed "px"&lt;br /&gt;
}&lt;br /&gt;
else if (document.layers&amp;amp;&amp;amp;ns_scroll.left&amp;gt;(menuwidth-actualwidth))&lt;br /&gt;
ns_scroll.left-=scrollspeed&lt;br /&gt;
}&lt;br /&gt;
lefttime=setTimeout("moveleft()",50)&lt;br /&gt;
}&lt;br /&gt;
function moveright(){&lt;br /&gt;
if (loadedyes){&lt;br /&gt;
if (iedom&amp;amp;&amp;amp;parseInt(cross_scroll.style.left)&amp;lt;0)&lt;br /&gt;
cross_scroll.style.left=parseInt(cross_scroll.style.left) scrollspeed "px"&lt;br /&gt;
else if (document.layers&amp;amp;&amp;amp;ns_scroll.left&amp;lt;0)&lt;br /&gt;
ns_scroll.left =scrollspeed&lt;br /&gt;
}&lt;br /&gt;
righttime=setTimeout("moveright()",50)&lt;br /&gt;
}&lt;br /&gt;
if (iedom||document.layers){&lt;br /&gt;
with (document){&lt;br /&gt;
write('&amp;lt;table border="0" cellspacing="0" cellpadding="2"&amp;gt;')&lt;br /&gt;
write('&amp;lt;td valign="middle"&amp;gt;&amp;lt;a href="#" ' leftdircode '&amp;gt;&amp;lt;img src="' goleftimage '"border=0&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;/td&amp;gt;')&lt;br /&gt;
write('&amp;lt;td width="' menuwidth 'px" valign="top"&amp;gt;')&lt;br /&gt;
if (iedom){&lt;br /&gt;
write('&amp;lt;div style="position:relative;width:' menuwidth 'px;height:' menuheight 'px;overflow:hidden;"&amp;gt;')&lt;br /&gt;
write('&amp;lt;div id="test2" style="position:absolute;left:0;top:0"&amp;gt;')&lt;br /&gt;
write('&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;')&lt;br /&gt;
}&lt;br /&gt;
else if (document.layers){&lt;br /&gt;
write('&amp;lt;ilayer width=' menuwidth ' height=' menuheight ' name="ns_scrollmenu"&amp;gt;')&lt;br /&gt;
write('&amp;lt;layer name="ns_scrollmenu2" left=0 top=0&amp;gt;&amp;lt;/layer&amp;gt;&amp;lt;/ilayer&amp;gt;')&lt;br /&gt;
}&lt;br /&gt;
write('&amp;lt;/td&amp;gt;')&lt;br /&gt;
write('&amp;lt;td valign="middle"&amp;gt; &amp;lt;a href="#" ' rightdircode '&amp;gt;')&lt;br /&gt;
write('&amp;lt;img src="' gorightimage '"border=0&amp;gt;&amp;lt;/a&amp;gt;')&lt;br /&gt;
write('&amp;lt;/td&amp;gt;&amp;lt;/table&amp;gt;')&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
//--&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;/fieldset&gt;&lt;br /&gt;
4. Lalu klik &lt;b&gt;Simpan&lt;/b&gt; dan Silahkan &lt;b&gt;Preview &lt;/b&gt;Tampilan dari Blog anda.&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: #38761d;"&gt;Beberapa Hal yang harus anda siapkan sebelum membuat Script menu ini.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;-&lt;/b&gt; Gambar/image untuk Tanda Panah Menu ini.&lt;br /&gt;
( untuk gambar terserah anda, ukuran minimal 32x32 ya... ).&lt;br /&gt;
&lt;br /&gt;
- Lalu Simpan Gambar/image Tanda panah tersebut ke Hosting anda. jika anda belum memiliki hosting saya sarankan di www.000webhost.com ( Paling lengkap ) dan untuk Signup &lt;b&gt;&lt;a href="http://www.000webhost.com/163466.html" style="color: red;"&gt;di sini&lt;/a&gt;&lt;/b&gt;&lt;span style="color: red;"&gt; &lt;/span&gt;( FREE Recommended ).&lt;br /&gt;
&lt;br /&gt;
- Untuk Gambar/image Tanda panah Lakukan Setting pada " &lt;b style="color: blue;"&gt;var goleftimage&lt;/b&gt;= " ( 'Ganti dengan Link Gambar/image Anda' )&lt;br /&gt;
&lt;b style="color: blue;"&gt;var gorightimage&lt;/b&gt;=" ( 'Ganti dengan Link Gambar/image Anda' ).&lt;br /&gt;
&lt;br /&gt;
- Perhatikan pada Bagian " &lt;b&gt;&lt;span style="color: blue;"&gt;var menucontents&lt;/span&gt;=&lt;/b&gt; "&lt;br /&gt;
&lt;br /&gt;
- Ganti tulisan yang berwarna &lt;span style="color: red;"&gt;merah&lt;/span&gt; dengan Link dan Nama Link milik anda.&lt;br /&gt;
&lt;br /&gt;
Silahkan anda berkreasi dalam mempercanggih Blog anda..... Semoga Sukses. Jika ada pertanyaan silahkan anda bertanya pada Form Komentar di bawah. mudah-mudahan bisa saya bantu.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-8975228342910786477?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/8975228342910786477/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/05/membuat-scrollable-menu-links-di.html#comment-form" title="0 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/8975228342910786477?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/8975228342910786477?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/05/membuat-scrollable-menu-links-di.html" title="Membuat  Scrollable Menu Links di Blogger" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;Ck8HSXc5eyp7ImA9WxJQFk0.&quot;"><id>tag:blogger.com,1999:blog-4636019544002677818.post-5565531338843356207</id><published>2009-05-29T05:36:00.000-07:00</published><updated>2009-05-29T05:40:38.923-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-05-29T05:40:38.923-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Phone Tool" /><title>Nokia CDMA NFP Extractor</title><content type="html">&lt;a href="http://www.megaupload.com/?d=2MM406J9"&gt;&lt;b style="color: #38761d;"&gt;Nokia CDMA NFP Extractor&lt;/b&gt;&lt;/a&gt; adalah tool untuk mengextrak File yang berextensi &lt;b&gt;*.nfp&lt;/b&gt;. Sebenarnya pengektrakan file ini bisa dilakukan secara manual, dengan cara mengganti Ektensi &lt;b&gt;*.nfp&lt;/b&gt; dengan &lt;b&gt;*.Rar&lt;/b&gt; atau &lt;b&gt;*.zip&lt;/b&gt; lalu di extrak, tapi dengan catatan kita tahu Password dari dari file &lt;b&gt;*.Rar&lt;/b&gt; atau &lt;b&gt;*.zip&lt;/b&gt; yang tadi kita ganti Extensinya,karena file ini terprotek dengan sebuah Password Unik, dan ini akan sulit sekali untuk ditebak Passwordnya, Coba kita lakukan pemecahan Passwod dengan "&lt;b&gt;Rar Password Remover&lt;/b&gt;" dengan 3 karakter saja kita bisa menunggu lama untuk menyelesaikannya.&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;Nah...... Disinilah " &lt;b&gt;CDMA NFP Extractor &lt;/b&gt;" berperan, cukup dengan memasukkan file yang berektensi &lt;b&gt;*.nfp&lt;/b&gt; saja kita bisa mengextrak isi dari file tersebut tanpa harus pusing-pusing memikirkan Password dan mengganti ektensi segala. Gimana.... Sudah siap mencoba?&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;a href="http://www.megaupload.com/?d=2MM406J9" style="color: #38761d;"&gt;D.O.W.N.L.O.A.D&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* Tool ini hanya bisa digunakan untuk file &lt;b&gt;*.nfp&lt;/b&gt; saja, untuk penggunaan yang lain tidak bisa.&lt;br /&gt;
* File &lt;b&gt;*.nfp&lt;/b&gt; adalah File yang terhasilkan dari penginstallan Firmware CDMA Nokia.&lt;br /&gt;
&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4636019544002677818-5565531338843356207?l=u-niversal.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://u-niversal.blogspot.com/feeds/5565531338843356207/comments/default" title="Poskan Komentar" /><link rel="replies" type="text/html" href="http://u-niversal.blogspot.com/2009/05/nokia-cdma-nfp-extractor.html#comment-form" title="0 Komentar" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/5565531338843356207?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4636019544002677818/posts/default/5565531338843356207?v=2" /><link rel="alternate" type="text/html" href="http://u-niversal.blogspot.com/2009/05/nokia-cdma-nfp-extractor.html" title="Nokia CDMA NFP Extractor" /><author><name>Ansory</name><uri>http://www.blogger.com/profile/15795007047447667132</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="31" height="24" src="http://1.bp.blogspot.com/_0KEKOoegsnM/SkW1Ed_kM9I/AAAAAAAAACM/cczXta2nV70/S220/Box0151.gif" /></author><thr:total>0</thr:total></entry></feed>

