Social Icons

Kamis, 18 September 2014

Cara Memasang Tab/Menu Drop Down Pada Blog




Cara memasang membuat tab menu submenu drop down pada blog -


Akhirnya setelah sekian lama, saya berkesempatan untuk menulis di blog ini lagi. dan kali ini saya akan memberikan panduan cara untuk membuat menu drop down pada blog.

Tab atau menu yang akan saya berikan panduannya ini berbeda dengan menu biasa. Pada menu drop down ini terdapat Sub-menu horizontal yang dapat kita isi sesuai dengan keinginan. Untuk contoh website yang menggunakan jenis menu seperti ini bisa kita lihat pada website official Goal.com :))

Yang pertama kita lakukan untuk memasang tab/menu drop down adalah memasang kode CSS pada template blog yang kita gunakan. Dengan cara berikut :
1. Login ke akun Blogger anda.
2. Klik Template.
3. Klik Edit HTML.
4. Cari kode ]]></b:skin> Dengan cara tekan ctrl+f kemudian ketikkan ]]></b:skin>
5. Letakkan kode script dibawah ini tepat di atas kode ]]></b:skin>

nav {text-transform:uppercase;position:relative;font:bold 12px Arial,Sans-Serif;}nav * {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}nav ul {overflow: hidden;float:left;background:#1BC7A5;margin: 5px 0;width: 100%;}nav li {float:left;display:inline;}nav li a {padding:3px 15px;line-height:40px;color:#fff !important;display:block;text-decoration:none;}nav li ul{margin:0px;display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;transition:all 0.26s ease-out 0.2s;}nav li li {display:block;float:none;width:100%;}nav li:hover > ul {visibility:visible;width:200px;opacity:1;}nav li li ul {left:200px;margin-top:-40px;}nav li.sub > a {position:relative;padding-right:30px;}nav li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:20px;right:10px;}nav li.sub li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:transparent transparent transparent #eee;position:absolute;top:16px;right:10px;}nav li li:hover{background:rgba(0, 0, 0, 0.16);}

6. Klik Simpan Template


Nah, setelah kita selesai memasang kode CSS tersebut pada template blog kita, maka langkah terakhir yang harus kita lakukan adalah memasang kode HTML. Simak langkah berikut :


1. Buka Tata Letak, kemudian klik tambahkan Gadget
2. Pilih HTML/Javascript.
3. Kosongkan judulnya. kemudian copy dan paste-kan kode di bawah.




<nav>
<ul>
<li><a href='url'>menu</a></li>
<li class='sub'><a href='url'>submenu</a><ul>
<li><a href='url'>menu</a></li>
<li><a href='url'>menu</a></li>
<li><a href='url'>menu</a></li>
<li><a href='url'>menu</a></li>
</ul>
</li>
</ul>
</nav>
#note : ganti url dengan link tujuan. menu dan sub menu diganti dengan nama menu yang diinginkan. 
4. Klik simpan.
5. Geser sesuai keinginan, dan jangan lupa klik simpan :)



Nah, sekian tutorial yang dapat saya berikan, Terima Kasih dan Semoga Bermanfaat :)

Rabu, 14 Mei 2014

Refresh dengan menggunakan F5 Ternyata Berbahaya!

Bahaya Refresh F5 - Banyak orang yang lebih memilih untuk menekan tombol F5 untuk melakukan Refresh pada komputer/laptop ketimbang dengan meng-klik kanan>Refresh termasuk saya. Melakukan Refresh dengan menekan tombol F5 memang lebih mudah daripada melakukan klik kanan lalu refresh. Apalagi jika ingin melakukan Refresh berkali-kali. Tapi, ternyata melakukan Refresh dengan tombol F5 justru merugikan dan memperlambat kinerja komputer/laptop. Bahkan bisa saja meruskak komputer/laptop.
Untuk membuktikan hal diatas, mari simak penjelasan saya dibawah ini.

Pembuktian
1. Pertama, bukalah program Task Manager dengan menekan tombol "CTRL+Alt+Del" secara bersamaan atau dengan meng-klik kanan pada MenuBar Windows kemudian meng-klik "Task Manager".

2. Pilih menu Performance pada Task Manager..
3. Letakkan posisi kursor pada desktop dengan mengklik desktop tanpa me-mininmize program Task Manager.
4. Kemudian Refresh komputer dengan menekan tombol F5. CPU Usage justru bertambah dibandingkan sebelum melakukan Refresh dengan tombol F5.

Nah, terbukti kan? Bagaimana dengan refresh menggunakan cara yang satunya yaitu dengan mengklik kanan pada desktop lalu memilih refresh?

1. Buka Kembali Program Task Manager.
2. Pilih Menu Performance pada Task Manager.
3. Letakkan kursor pada desktop dengan mengklik desktop tanpa me-minimize program Task Manager seperti yang sebelumnya dilakukan.
4. Kemudian Refresh dengan cara Klik Kanan pada desktop, kemudian memilih Refresh. CPU Usage pun berkurang.

Sekarang sudah jelas bahwa melakukan Refreshing pada komputer/laptop lebih baik daripada dengan menekan tombol F5 yang bisa memperlambat kinerja dan bisa merusak?

Sekian artikel saya kali ini.
Semoga bermanfaat bagi para pembaca.

Jumat, 02 Mei 2014

Download Pivot Animator

Download Pivot Animator - 
Setelah berbulan bulan saya tidak posting di blog, akhirnya bikin postingan juga.. (dejavu ya)
oke, langsung ke intinya.

Kali ini saya akan share tentang software pembuat animasi stickman (itu loh yang itu itu..) yaitu Pivot Animator! Nah, lewat software ini, kita dapat belajar bagaimana caranya membuat animasi animasi sederhana :D ya kayak gambar dibawah ini. (tapi kayaknya gak bisa dibilang sederhana yah-_- soalnya yang bikin mungkin udah jago:D )

Contoh. (bukan buatan ane gan)
Untuk cara pakainya, dijamin mudah dimengerti deh. (sebenarnya saya malas jelasin sih :peace:)

Oke ini link downloadnya :

1. Kalo mau download langsung dari situs resminya disini --> Download <-- biar bisa lihat kalo ada updatenya
2. Ini dari hostingan saya, sudah termasuk Pivot Figures dan efek suaranya --> Download <-- Via Firedrive


Cara Install :
1. Ekstrak dulu rarnya. disitu ada installer, pivot figures, sama efek suaranya
2. Buka folder Instal yang habis di ekstrak
3. Klik installernya.
4. Ikutin aja apa yang disuruhnya :v :peace: selesai deh

Cara masukin pivot figures nya :
1. Buka dulu dong   softwarenya.
2. Pada lembar kerja pivot animator, klik file
3. Lalu Klik Load
4. Nah, browse lokasi tempat di ekstraknya pivot figures. kemudian pilih pivot figures yang diinginkan.
5. Klik Open.
Selesai deh :peace:

Oke sekian gan, ntar saya tambahin screenshotnya dah :v jangan lupa tinggalkan jejak di kolom komentar :v

Semoga Bermanfaat
dan Terima Kasih :D
-
Firefly Pointer
 
Back to top