Cara Membuat Widget Menu TAB View Pada Blog

  Loading yang ringan pada blog merupakan salah satu cara untuk membuat orang senang berkunjung di blog kita, apalagi ditambah artikel-artikel yang keren, pastinya pengunjung akan membanjiri blog sobat. Cara agar loading blog kita cepat (tidak lemoet) adalah dengan memperingkas tampilan dan tidak terlalu banyak widget, salah satu caranya adalah dengan membuat widget Menu TAB View.

Menu TAB view merupakan widget tambahan berbentuk tab. Dengan cara menggunakan tab view kita dapat menghemat sidebar pada blog kita sehingga kita tidak perlu menambahkan banyak widget yang akhirnya akan memberatkan loading pada blog kita.

Untuk tampilan tab view ini lebih trendi dan menarik, tapi ini bukan berarti tampilan untuk tab view yang lama buruk. Nah, mari kita langsung ke bagaimana cara untuk membuat tab view pada blog.

1. Silahkan Login ke blog sobat
2. Masuk ke tab Perancangan lalu pilih edit HTML
3. Seperti biasa centang "Expand widget templates" untuk menghindaran apabila terjadi kesalahan.
4. Silahkan cari kode ]]></b:skin> Tekan CTRL+F untuk mengeluarkan kotak pencarian
5. Setelah ketemu kode diatas silahkan letakkan kode dibawah ini di atas kode ]]></b:skin>

/* tab model 2 ateonsoft.com */ div.Tabateonsoft div.TFs {height: 30px; overflow: hidden;} div.Tabateonsoft div.TFs a {float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em; background:#f0f0f0; color: #333; border-top:1px solid #CCCCCC; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #cccccc; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 0px; } div.Tabateonsoft div.TFs a:hover { background: #E8E8E8; border-top:1px solid #999999; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #999999;} div.Tabateonsoft div.TFs a.Active { background: #333; color: #000000; border-top:1px solid #999999; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #999999; font-weight:bold; color: #ffffff;} div.Tabateonsoft div.Pages { clear: both; overflow: hidden; height:333px; border:1px solid #EFF0F1; padding:0;background: #222222; -moz-border-radius:5px;} div.Tabateonsoft div.Pages div.Page {height: 100%;padding: 0px; overflow: hidden; } div.Tabateonsoft div.Pages div.Page div.floor { font-size:12px;padding: 3px 5px; text-align:left;}

5. Letakkan kode dibawah ini diatas kode </head>

<script src='http://zuazz.googlecode.com/files/ateonsoft_tab.js' type='text/javascript'/>

6. Save template
7. Masuk ke tab Elemen laman
8. Tambahkan widget HTML/JavaScript
9. Silahkan letakkan kode dibawah ini di dalam widget HTML/JavaScript

<form action="tabateonsoft.html" method="get"> <div class="Tabateonsoft" id="Tabateonsoft"> <div class="TFs"> <a>tab1</a> <a>tab2</a> <a>tab3</a> <a>tab4</a> </div> <div class="Pages"> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 1 anda </div> </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> Disini letakkan kode untuk tab 2 anda </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 3 anda </div> </div> <!-- end Tab --> <div class="Page"> <!-- Tab --> <div class="floor"> Disini letakkan kode untuk tab 4 anda </div> </div> <!-- end Tab --> </div> </div> </form> <script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>

Setelah itu simpan dan lihat hasilnya.

Read More. . .

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

• Kode warna hijau: ganti dengan URL Feeds sobat
• Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png 

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Read More. . .

Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphen5IAZwy66HfN25qL9P8nFnFNEMugbkeBzssZ6s5T-j2XMwOzv3d_097IL9GxTU-BsLsW0m4Bs7xRqwb7lkAGn6tZFZW0RdYGX34Vc_aOEW76YPYPyGjo9zIhjePMaC6n_7H_1uy1H2lv/s1600/Untitled-2.png'/></a>



Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphen5IAZwy66HfN25qL9P8nFnFNEMugbkeBzssZ6s5T-j2XMwOzv3d_097IL9GxTU-BsLsW0m4Bs7xRqwb7lkAGn6tZFZW0RdYGX34Vc_aOEW76YPYPyGjo9zIhjePMaC6n_7H_1uy1H2lv/s1600/Untitled-2.png'/></a>



5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:

• Kode warna kuning adalah posisi tombol berada
• Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan  gambarnya dengan selera anda)

Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>

3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

Read More. . .

Download Game gratis

Daftar Game

Petualangan Devine Kids (33 Mb)

Merupakan sebuah Game bergenre RPG pertama buatan indonesia karya David Setiabudi yang telah secara resmi mendapatkan penghargaan dari MURI (Museum Rekor Indonesia). Sebuah kebanggaan besar ketika kita mampu menunjukan kepada dunia bahwa indonesia bisa memproduksi game sendiri. Petualangannya sendiri berkisah seputar perjalanan Abe, Bambo, dan Cici melawan penyihir gelap Indra yang akan membangkitkan Iblis 1000 tahun. Ceritanya cukup menarik, petempuran seru disertai animasi dan yang pasti semua dialog menggunakan bahasa Indonesia ^_^ "Mari kita dukung terus hasil karya anak bangsa!!!" Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.divinekids.com

Warzone 2100 (48 Mb)

Dari sebuah game buatan indonesia, kini kita berlanjut ke sebuah game 3D keren bergenre Strategy, yang dalam hal tampilan... wuiiih... yang pasti akan sangat memanjakan para pemainnya. Sangat interaktif dengan variasi beragam unit persenjataan perang yang begitu banyak, yang konon lebih dari 400 jenis teknologi. Satu hal yang pasti... "Game gratis yang satu ini wajib anda coba!" Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.wz2100.net

Little Fighter 2 (30.4 Mb)

Little Fighter 2, merupakan game gratis 2D "terbaik" versi duniadownload, game ini sebagaimana judulnya merupakan sebuah Game bergenre Fighting. Selain kita dapat bertarung melawan komputer atau sesama teman dalam sebuah battlefield, kita juga bisa langsung turun ke jalanan melawan ratusan musuh untuk menyelesaikan setiap stage yang ada. Menyediakan lebih dari 10 karakter yang bisa kita mainkan, dan setiap karakter memiliki jurus & gaya bertarung yang berbeda satu dengan yang lainnya. Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.littlefighter.com

Highway Pursuit v1.1 (3.4 Mb)

Game gratis lain yang tidak kalah menarik dan juga telah kami review adalah Highway Pursuit. Sebuah game 3D tentang pengejaran sebuah mobil yang berusaha meloloskan diri dari musuh, dilengkapi dengan seperangkat persenjataan yang canggih plus "efek audio" yang sangat menarik. Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.adamdawes.com

Read More. . .

Avenged Sevenfold Full Lyrics

AVENGED SEVENFOLD LYRICS

Album: "Nightmare" (2010)
1. Nightmare 2. Welcome To The Family 3. Danger Line 4. Buried Alive 5. Natural Born Killer 6. So Far Away 7. God Hates Us 8. Victim 9. Tonight The World Dies 10. Fiction 11. Save Me 12. Lost It All / iTunes Pre-order Bonus Track

 

Album: "Diamonds In The Rough" (2008)

Buy CD or download MP3s at Amazon.com

1.	Demons
2.	Girl I Know
3.	Crossroads
4.	Flash Of The Blade
5.	Until The End
6.	Tension
7.	Walk
8.	The Fight
9.	Dancing Dead
10.	Almost Easy (CLA Mix)
11.	Afterlife (Alternate Version)

 

Album: "Avenged Sevenfold" (2007)

Buy CD or download MP3s at Amazon.com

1.	Critical Acclaim
2.	Almost Easy
3.	Scream
4.	Afterlife
5.	Gunslinger
6.	Unbound (The Wild Ride)
7.	Brompton Cocktail
8.	Lost
9.	A Little Piece Of Heaven
10.	Dear God

 

Album: "City Of Evil" (2005)

Buy CD or download MP3s at Amazon.com

1.	Beast And The Harlot
2.	Burn It Down
3.	Blinded In Chains
4.	Bat Country
5.	Trashed And Scattered
6.	Seize The Day
7.	Sidewinder
8.	The Wicked End
9.	Strength Of The World
10.	Betrayed
11.	M.I.A.

 

Album: "Waking The Fallen" (2003)

Buy CD or download MP3s at Amazon.com

1.	Waking The Fallen
2.	Unholy Confessions
3.	Chapter Four
4.	Remenissions
5.	Desecrate Through Reverance
6.	Eternal Rest
7.	Second Heartbeat
8.	Radiant Eclipse
9.	I Won't See You Tonight Part 1
10.	I Won't See You Tonight Part 2
11.	Clairvoyant Disease
12.	And All Things Will End

 

Album: "Sounding The Seventh Trumpet" (2001)

Buy CD or download MP3s at Amazon.com

1.	To End The Rapture
2.	Turn The Other Way
3.	Darkness Surrounding
4.	The Art Of Subconscious Illusion
5.	We Come Out At Night
6.	Lips Of Deceit
7.	Warmness On The Soul
8.	An Epic Of Time Wasted
9.	Breaking Their Hold
10.	Forgotten Faces
11.	Thick And Thin
12.	Streets
13.	Shattered By Broken Dreams

 

Other songs:

	4:00 AM / from "Welcome to the Family" EP
	Carry On
	Not Ready To Die
	Paranoid / from "Covered, A Revolution in Sound" Compilation

Read More. . .

Download Game gratis

Daftar Game

Petualangan Devine Kids (33 Mb)

Merupakan sebuah Game bergenre RPG pertama buatan indonesia karya David Setiabudi yang telah secara resmi mendapatkan penghargaan dari MURI (Museum Rekor Indonesia). Sebuah kebanggaan besar ketika kita mampu menunjukan kepada dunia bahwa indonesia bisa memproduksi game sendiri. Petualangannya sendiri berkisah seputar perjalanan Abe, Bambo, dan Cici melawan penyihir gelap Indra yang akan membangkitkan Iblis 1000 tahun. Ceritanya cukup menarik, petempuran seru disertai animasi dan yang pasti semua dialog menggunakan bahasa Indonesia ^_^ "Mari kita dukung terus hasil karya anak bangsa!!!" Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.divinekids.com

Warzone 2100 (48 Mb)

Dari sebuah game buatan indonesia, kini kita berlanjut ke sebuah game 3D keren bergenre Strategy, yang dalam hal tampilan... wuiiih... yang pasti akan sangat memanjakan para pemainnya. Sangat interaktif dengan variasi beragam unit persenjataan perang yang begitu banyak, yang konon lebih dari 400 jenis teknologi. Satu hal yang pasti... "Game gratis yang satu ini wajib anda coba!" Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.wz2100.net

Little Fighter 2 (30.4 Mb)

Little Fighter 2, merupakan game gratis 2D "terbaik" versi duniadownload, game ini sebagaimana judulnya merupakan sebuah Game bergenre Fighting. Selain kita dapat bertarung melawan komputer atau sesama teman dalam sebuah battlefield, kita juga bisa langsung turun ke jalanan melawan ratusan musuh untuk menyelesaikan setiap stage yang ada. Menyediakan lebih dari 10 karakter yang bisa kita mainkan, dan setiap karakter memiliki jurus & gaya bertarung yang berbeda satu dengan yang lainnya. Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.littlefighter.com

Highway Pursuit v1.1 (3.4 Mb)

Game gratis lain yang tidak kalah menarik dan juga telah kami review adalah Highway Pursuit. Sebuah game 3D tentang pengejaran sebuah mobil yang berusaha meloloskan diri dari musuh, dilengkapi dengan seperangkat persenjataan yang canggih plus "efek audio" yang sangat menarik. Download gamenya langsung melalui link ini Kunjungi juga website penerbit gamenya ini di: www.adamdawes.com

Read More. . .