Thursday, January 30, 2014

Download Theme Naruto Kyubi Windows 7


Kali ini brainword21 update theme Naruto. Bagi sobat brainword21 yang suka dengan Naruto seperti saya sendiri, wajib untuk download theme ini :) Theme Naruto Kyubi ini juga berbentuk exe, jadi tinggal di install. Didalamnya juga sudah saya siapkan Star button changer beserta star orb naruto dan tuorial cara menggunakannya.
Kalau penasaran dengan tampilan dari theme Naruto Kyubi ini, kalian bisa lihat tampilannya pada gambar dibawah ini.


Kalau sudah lihat gambar diatas, silahkan bagi yang ingin mendownload bisa langsung download theme naruto kyubi pada link dibawah ini.


Jika anda suka dengan postingan ini, bantulah dengan memberikan komentar dibawah agar saya semangat untuk mempostingkan theme-theme yang lainnya :)

Download Theme Need For Speed Most Wanted Windows 7



Kali ini brainword21 akan bagikan theme windows 7 need for speed most wanted. Theme ini sangat ringan hanya 1 Mb dan sudah diuji. Kualitas gambarnya pun juga tak kalah menarik. Jika sobat brainword21 ingin mendownloadnya. Silahkan mendownload melalui link dibawah ini. Dan jangan lupa untuk komentar. Jika linknya rusak.

Screenshoot :


Jika gambar diatas kurang besar, klik kanan pada gambar kemudian open link in new tab atau buka pada tab baru. Berikut link downloadnya : 


Password Sharebeast : haramain software


Download Theme Linkin Park For Windows 7


Brainword21 akan membagikan theme untuk windows 7.Theme kali ini adalah theme linkin park.
Pada theme ini lengkap dengan mouse pointer yang berubah dan termasuk tampilan yang tidak kalah menarik dari theme ini.
Bagi sobat brainword yang juga suka dengan linkin park bisa menggunakan theme ini agar lebih lengkap sebagai fans Linkin park.

Screen Shoot :



Gambar diatas langsung dari PC yang saya gunakan. Kalau kurang jelas gambarnya, klik kanan pada gambar kemudian open link in new tab atau buka di tab baru untuk melihat ukuran yang lebih besar.
Cara install sudah saya siapkan didalam file yang di download. Bagi yang ingin mendownload, silahkan download pada link dibawah ini:


Mohon untuk memberitahu kami jika ada link yang rusak atau bermasalah. Dengan cara berkomentar. Semoga bermanfaat :)

Download AVG internet security 2013 Final With Serial


AVG internet security 2013 Final With Serial. Antivirus yang satu ini pasti bukanlah hal baru untuk bagi sobat brainword karena sobat pasti tau kalau antivirus AVG juga termasuk salah satu antivirus terbaik di dunia dan juga termasuk antivirus yang mendapat peringkat 10 besar.
Sahabat brainword yang biasanya menggunakan Antivirus AVG dan tetap setia menggunakan Antivirus AVG, yang satu ini bisa jadi andalan sobat untuk menjaga PC sahabat haramain software dari serangan virus, malaware, ataupun program jahat lainnya yang bisa membahayakan PC yang kita gunakan.
AVG internet security 2013 ini juga sudah saya sertakan dengan serial yang akan membuat AVG internet security 2013 ini menjadi full version.


Bagi yang ingin mendownload antivirus AVG internet security 2013 ini silahkan download melalui link dibawah ini:




Untuk serial numbernya, sudah saya siapkan 8 serial number dan gunakan salah satunya saja. Semoga bermanfaat :)


Wednesday, January 29, 2014

Download IDM ( Internet Download Manager ) 6.18 Build 11 Full Version With Patch


IDM atau internet download manager kembali lagi menerbitkan versi terbarunya yaitu Internet Download Manager ( IDM ) 6.18 buil 11 yang pada kali ini brainword akan bagikan kepada semua sahabat brainword yang menggunakan IDM atau internet download manager.
IDM atau internet download manager memang sangat luar biasa dalam meningkatkan kecepatan download sehingga sangat banyak pengguna dari software yang bernama IDM ini yang salah satunya adalah admin brainword sendiri.

Link Download :




Cara Install :
  1. Setelah download, jalankan idman618build11.exe kemudian install sampai selesai
  2. Setelah selesai jangan langsung dijalankan programnya, Kalau sudah terlanjur jalan, matikan lewat task manager ( untuk yang sebelumnya sudah menggunakan IDM, kemudian setelah install versi terbarunya ini diminta registrasi, langsung tutup saja permintaan registrasi tersebut )
  3. Extract patch yg sudah di download menggunakan winrar.
  4. Jalankan Patch dengan cara klik kanan kemudian run as administrator
  5. kemudian klik patch
  6. Isikan nama terserah sobat ( ada 2 kali pengisian nama yaitu nama depan dan nama belakang )
  7. Kemudian klik OK
  8. Selesai. Sekarang jalankan IDM sobat dan lihat hasilnya.
Selamat Mendownload sepuasnya dan semoga bermanfaat untuk sahabat haramain software.

Sunday, January 26, 2014

Sejarah Anime Naruto



Manga, atau komik Jepang Naruto diterbitkan oleh Shueisha tahun 1999 di Negeri Sakura dalam majalah Shonen Jump Edisi-43. Di Indonesia diterbitkan oleh Elex Media Komputindo. Serial panjang anime Naruto produksi Studio Pierrot dan Aniplex, pertama kali disiarkan 9 musim oleh TV Tokyo dan jaringan televise satelit, di antaranya Anime dan Animax.


Sejarah Naruto
Naruto Uzumaki, seorang ninja remaja dari Desa Konoha yang ceria, ambisius dan hiperaktif. Lahir pada tanggal 10 Oktober tanpa tahun. Berumur sekitar 13 tahun dalam seri Naruto, dan 16 tahun dalam Naruto Shippuden. Berasal dari klan Uzumaki di Desa Konoha. Kekuatannya termasuk dalam elemen udara dan api ketika dalam keadaan nine tailed.
Cita-citanya adalah menjadi ninja terkuat dan duduk sebagai Hokage, dengan julukan yang masih simpangsiur, yakniRokudaime Hokage. Termasuk jinchuuriki, karena  ayahnyaYondaime Hokage, atau Minato Kamikaze, sebagai Hokage ke-4 menyegel rubah ekor sembilan dalam tubuh Naruto kecil. Monster itu pernah menyerang Konoha dan hampir meluluh lantahkannya.
Ibu Naruto, Kushina Uzumaki dari klan Uzumaki, seorang ninja Desa Uzu. Memiliki kekuatan dari elemen udara. Bersikap tomboy dan sangat cantik. Kemungkinan Kushina meninggal tak lama setelah melahirkan Naruto. Banyak kepribadian Kushina yang menurun ke karakter Naruto, termasuk gaya ninjitsunya. Sementara wajah fisik Naruto sangat mirip dengan ayahnya, Minato. Selain dari Minato, hokage pertama, Hashirama Senju memiliki istri dari klan Uzumaki juga.
Kesamaan lain antara Naruto dengan ibunya adalah, menyukai ramen, suka celoteh dalam pergaulan, dan berprinsip “jangan menyerah sampai akhir”. Salah satu prinsip Naruto yang menjadi ilham bagi Gaara adalah: Orang akan lebih kuat dengan menggunakan kekuatannya demi orang-orang yang dicintai.
Sebenarnya Naruto tidak mengetahui Kyubi dalam tubuhnya. Tetapi penduduk desa sangat menjauhinya. Ninja Chunin Umino Iruka yang menjadi teman pertama bagi Naruto, walaupun sebenarnya orang tua Umino mati oleh Kyubi.
Hidup Naruto diasingkan oleh masyarakat desa, dianggap sebagai monster. Menjadi incaran kelompok Akatsuki untuk mendapatkan Kyubi no Yoko, rubah ekor Sembilan. Ada kesamaan nasib dengan para jinchuuriki lainnya yang berjumlah 9 orang. Misalkan Gaara, dia dijauhi oleh penduduk Sunagakure dan menjadi Kagekaze ke-5 untuk membuktikan dirinya adalah manusia yang menyayangi penduduk desanya. Itupun yang dicita-citakan Naruto.


Kekuatan Naruto
Setelah lulus menjadi Genin, Naruto termasuk Tim Tujuh yang dipimpin Kakashi, bersama Sakura dan Sasuke. Alasan kelulusan mereka karea kekompokan dan kebersamaan dalam tim. Di kelompok inilah cinta Naruto bersemi. Tetapi kisah asmara Naruto termasuk kategori Cinta Bertepuk Sebelah Tangan. Karena pujaannya, Sakura Haruno, lebih mencintai Sasuke Uchiha.
Jurus andalan Naruto adalah Kage Bunshin No Jutsu. Jurus Seribu Bayangan Naruto dipelajari ketika dia dengan lugu mengambil gulungan rahasia Hokage ke-3, yang dijuluki Sarutobi Hokage, atas perintah seorang pengkhianat. Menyadari hal itu, dia menolak memberikan gulungan kertas jurus itu.
Dengan cakra Kyubi, Naruto mampu mengkloning 2.000 bayangan dengan jumlah cakra yang sama di setiap klonnya. Padahal, ninja lain hanya mampu beberapa klon saja. Naruto dilatih selama 3 tahun bersama Jiraiya, seorang pertapa genit dan aneh.
Kekuatan Naruto disokong oleh cakra Kyubi yang kuat dan berbahaya. Penggunaan cakra ini akan memperpendek umur Naruto, tetapi mampu merusak-memulihkan dengan cepat. Ketika tahap ekor ke-4 muncul, maka kyubi mendominasi dan menjadimini-Kyubi yang sulit dikendalikan.
Jurus terbaru Naruto, Senni Mode (Sage Mode) diajarkan Fukasaku di Gunung Myoboku. Jurus ini menggunakan ketidakterbatasan energi alam dengan menyeimbangkan cakra dalam tubuh, tanpa bergerak. Naruto memodifikasi jurus ini dengan menggunakan ketiga bayangannya untuk menyalurkan energi alam ke tubuh agar bisa digunakan ketika sedang bergerak.


Klan Uzumaki
Sejarah Naruto harus dikaitkan dengan mengungkap tentang Klan Uzumaki yang terkenal disegani. Klan ini sangat misterius dengan sedikit info tentangnya. Dunia Naruto terdiri atas beberapa klan dengan ciri khas dan kemampuan gaya bertarung yang khusus. Klan disandarkan pada garis keturunan keluarga besar. Di Konoha, selain Klan Uzumaki, terdapat : Klan Uchiha, Klan Nara, Klan Aburame, Klan Hyuga, Klan Yamanaka, Klan Akamichi, Klan Inuzuka.
Ninja Klan Uzumaki memiliki kehebatan dalam memakai segel ninja hingga menjadi incaran para ninja lain. Desa Uzu lalu diserang dan dihancurkan. Semua penduduk terpencar menyelamatkan hidup masing-masing. Ciri khas klan Uzumaki adalah memiliki rambut berwarna merah, kecuali Naruto yang secara fisik mirip pada ayahnya.
Keturunan keluarga Uzumaki awalnya hanya tinggal Naruto. Belakangan diketahui, ternyata Nagato dari Akatsuki berasal dari keturunan Uzumaki. Keduanya memiliki hubungan darah dan sama-sama merupakan murid dari Jiraiya.

Sejarah Naruto bisa terus diungkap dengan tetap mengikuti perkembangan manga dan anime Naruto dari karya Misashi Kishimoto. Jadi selalu menonton dan membacanya pasti akan muncul hal-hal yang tidak terduga sama sekali.

Sumber : Anvesterv

Download CCleaner Professional dan Business Edition


Kali ini saya akan bagikan software CCleaner Professional dan Business Edition kepada sobat dan tentu saja dilengkapi dengan cracknya agar menjadi full version.
CCleaner merupakan software utility yang sangat ringan dan memiliki banyak fungsi yang diantaranya yaitu membersihkan sampah-sampah yang ada di komputer kita dan juga untuk menguninstall program dan masih ada yang lainnya yang tentu saja sangat bermanfaat untuk menjaga komputer yang kita miliki menjadi tetap stabil.
Crack yang haramain software bagikan tentu saja bisa mengaktifasi secara mudah produk yang sobat inginkan, yaitu professional dan business edition.



Screenshot :
Cara Install :
  1. Install CCleanernya sampai selesai dan tutup saja dan jangan langsung dijalankan
  2. Jalankan cracknya dengan cara klik kanan dan run as administrator
  3. Klik next dan next lagi
  4. Kemudian pilih produk yang ingin digunakan ( Pilih CCleaner Businees Edition atau Professional Edition )
  5. Kemudian klik next dan klik install
  6. Selesai.
Link Download :



Pengertian dan Manfaat Alexa Ranking

Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog
Kali ini saya akan sedikit berbicara mengenai apasih Alexa Rank itu??.. Saya aka sedikit mereview apa itu sih Alexa Rank, menurut pandangan saya. Manfaatnya apa sii??Cara masangnya gimana si??, Cekidot aja deh.....
Alexa Rank itu adalah sebuah perusahaan website yang memberikan sebuah Informasi mengenai banyaknya pengunjung suatu situs dan urutannya. Atau yang lebih populer merupakan suatu sarana untuk memberikan Peringkat/ Rangking pada sebuah web/blog. Jadi jangan heran kalo setiap web/blog memilik rank yang berbeda.
Nah gimana udah tau apa itu Alexa Rank .. Pertanyaan pertama " Manfaatnya apa si??". Alexa Rank itu pada umumnya yang paling di gunain itu untuk para blogger yang mengunakan sarana web/blog untuk mencari uang. Kenapa kok di gunakan untuk mencari uang?? Yappss kebanyakan sekarang program- program yang menjadikan Publisher Seperti PPC, CSV, CPM menperhitungkan berapa rank yang di miliki, Karna gini secara tidak langsung alexa rang itu menurun atau makin bagus ranknya karna banyaknya orang atau penguna yang mengakses web/blog tersebut, jadi kalo semakin dikit ranknya semakin banyak PV(Page View) semakain banyak kesempatan para pemilik program tersebut meraih keuntungan. Di mana-mana saling menguntungkan kan enak. Jadi Fungsi utamanya itu. Nga cuman itu aja, biyasannya alexa rank di pake juga buat tau perkembangan blog kita, Apakah makin baik atau makin buruk. Kalo tau ranknya  kan enak. Bisa juga buat Informasi Reputasi blog kita di mata orang selain Yang pertama PV ,yang ke dua Page Rank dan yang ke tiga adalah Alexa Rank ini. Bisa juga buat pamer pamer kalo punya rank yang bagus,, Sekali kali kan boleh heeee. Kebayakan Blogger sekarng  bangga jika punya rank yang bagus, termasuk saya.. Tapi karna saya blum fokus untuk cari unang jadi saya nga terlalu mementingkannya.

Sekarang kita masuk ke bab yang ke dua " Cara Memasang Widget Alexa Rank Di Blog" . Kalo saya waktu itu kalo mau masang widget alexanya harus daftar dulu jadi anggotanya. Silahkan bagi kalian yang inggin registrasi Klik Aja di Sini. Di sana akan ada du pilihan untuk mendaftar . Yang Pertama

  1. Daftar secara manual mengunakan Email
  2. Daftar mengunakan akun facebook.
 Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog 
Saran saya biar lebih mudah daftarnya pake yang daftar pake facebook saja, karna lebih mudah dan nyaman,, heee. Nah kalo kalian udah daftar sekarang tinggal mendaftarkan website kita...
Masuk ke bagian Dashboard turss >>
Ad a Site  ..... trus pilh mau jenis akun yang apa...
kalo yang cuman buat buat aja.. pake yang free,,,{gratis}
trus masukin dehh Url Blog kamu.. kaya yang di bawahh.


Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog

Nahh Sekarang tinggal Verifikasi Blog kamu ini udah ada perintahhnya liat gambar tinggal copytulisan yang berwaran Hitam trus paste Sesudah Title dan Sebelum </head>. Kalo udah sekarang tinggal klik tombol Verify My ID.. Sekarang selamat blog kalain udah terverifikasi di alexa rank. Udah Bisa daftarnya sekarang tinggal Memasang Widget Alexanya Di blog kalian..\

Sekarang Masuk Sini Klik aja....  pilih Alexa Site Widget >> Masukan alamat blog kamu.. trus pilih dehh jenis tampilannya. Kalo udah tinggal pasang di blog masuk ke Tata Letak tambah HTML.. Pastekan Kode tadi dan liat hasilnya
Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog

Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog



 Apa itu Alexa Rank, dan Cara Memasang Widget Alexa Rank Di blog

Nahh gimana, pendapat kaliann...?? Udah tau kan tentang Alexa Rank Itu apa... Manfaatnya apa?.. gimana cara pasang widgetnya.. Jangan lupa koment yah.. :D Nahh cukup dulu ya sampai di sini.. Sampai jumpa dengan tutorial blogger lainnya.. 

Saturday, January 25, 2014

Cara Membuat Teks Berjalan dengan kode MARQUEE di Blog


Cara Membuat Tulisan Berjalan (Marquee)
Cara membuat tulisan berjalan (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

<marquee>TEKS YANG BERGERAK</marquee>  

Kode diatas menjadi seperti ini
TEKS YANG BERGERAK 
Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel
  1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
  2. Silahkan masukkan kode Marquee di mode HTML
  3. Cek posisi teks di mode Compose
  4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 
Cara pemasangan kode Marquee pada widget 
  1. Login ke akun blogger anda
  2. Masuk ke menu Tata Letak, Klik tambahkan gadget
  3. Silahkan pilih HTML/Java Script
  4. Masukkan kode Marquee yang anda pilih
  5. Silahkan klik Simpan
  6. Kemudian silahkan cek apakah kode sudah bekerja.
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
  1. Arial adalah jenis huruf
  2. 20px adalah ukuran huruf
  3. #f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>

Hasilnya akan terlihat seperti ini..
CONTOH BACKGROUND AREA TEKS

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya..

Kode Marquee untuk mengatur pengulangan Rotasi

kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.
Contoh kodenya seperti ini:
<marquee loop="6">TEKS BEROTASI 6 KALI</marquee>

Hasilnya akan terlihat seperti ini..
TEKS BEROTASI 6 KALI

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti ini
LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasilnya akan terlihat seperti ini..
CARA MEMBUAT TULISAN BERJALAN

Kode Marquee untuk mengatur background pada jalur teks

Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:
<marquee bgcolor="pink">CONTOH BACKGROUND AREA TEKS</marquee>

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain.

Hasilnya akan terlihat seperti ini
CONTOH BACKGROUND AREA TEKS

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:
<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee>

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..
TEKS BERJALAN DALAM JEDA 0,75 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>

Hasilnya seperti ini..
TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee>

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..
KECEPATAN TEKS YANG BERJALAN 12

Kode Marquee untuk mengatur arah teks bergerak

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..
TEKS AKAN BERGERAK KE KIRI

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse

Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>

Hasilnya akan terlihat seperti ini..
TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE
Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini..

Cara Membuat Tombol Back To Top Keren Di Blogger

"Cara Membuat Tombol Back To Top Keren Di Blogger" - Back to top atau lebih mudahnya kembali ke atas adalah salah satu widget yang dapat membantu pengunjung untuk lebih mudah kembali keatas halaman page. itu singkatnya namun sebenarnya widget back to top itu apa?? Nah,,Back to top adalah sebuah fungsi tombol yang biasanya terletak di bagian bawah yang berfungsi untuk meng scrool untuk kembali menuju ke artikel Atas sehingga kita sudah tidak perlu lagi menggunakan fungsi mouse secara manual untuk kembali menuju ke atas.

Dengan pengertian diatas tentunya sudah pada mengerti fungsi dari tombol back to top. widget ini sangat dianjurkan untuk dipasang diblog. karena sangat membantu untuk bergerak cepat kembali pada artikel yang diatas. kalau artikel kita cukup pendek mungkin ini sedikit tidak berlaku, namun jika kadang artikel yang ada di blog kita puanjang tentu sangat membantu. 

Tombol Back To Top Keren di blog sekarang banyak ditambah dengan gambar yang keren, sudah pasti juga bisa dijadikan langkah untuk modifikasi blog. widget ini dengan efek auto hide, jadi setiap ddiarahkan kebawah maka secara otomatis akan muncul dibagian bawah dan sebaliknya jika posisi diatas bagian halaman maka tombol Back To Top tidak kelihatan.

Jika sobat tertarik untuk memasang Tombol Back To Top Keren Di blog sobat, silahkan simak tutorial dibawah ini: Cekidot!!!!

1. Seperti biasa, Sobat masuk ke akun Blogger
2. Pilih Layout/Tata letak >>> Pilih Add a Gadget 
3. Sobat pilih HTML/JavaScript . Jika sudah sekarang coy dan pastekan kode dibawah ini dalam kotak HTML/JavaScript :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFGRIvYgBqrOjDW6pXR-X5mREsmAbdpI4h_aH1OtI6FbjGKWkxL8FV6edDgP9A8IdBIBRI9D7FcT-3iO5J1rzf0iwjV_mp8HtLWOtqz0bSLSmJke_RC-mbv9OP-_vU2EoiCVC2RDWgNfM/s1600/TO-TOP.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

4. Simpan dan lihat hasilnya.

Keterangan:
Sobat Blogger bisa mengganti URL gambar Back To Top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFGRIvYgBqrOjDW6pXR-X5mREsmAbdpI4h_aH1OtI6FbjGKWkxL8FV6edDgP9A8IdBIBRI9D7FcT-3iO5J1rzf0iwjV_mp8HtLWOtqz0bSLSmJke_RC-mbv9OP-_vU2EoiCVC2RDWgNfM/s1600/TO-TOP.png

dengan pilihan gambar di bawah ini:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieraYnLrbhZ4FeyMq5V18pyhb95UNP0cbjdO3VWb90vz7rtHqq_r9NLoqidlIC3WvCRBn8G1FS4zTgemn8ZN5Xh6Jj9wDSEzevbrEXJZlNCi6KguGG59YsevwTFbd-gfx8Wodc3_H5eO7n/s1600/back+to+top10.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugzOsVOSBLHm5a2mQ7BNeY7dggd0K4X6oh_OGM7BZZPVTzC6zinqrPGaSjdAJyvKSYOph1fEFOPTaBkD_snzeTMRoEDJoAnjpMaRpGCBs7Qj0mwACa5Qc6sH4h4LvrB7nE1ax8yuGg3HR/s1600/back+to+top14.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNtCC_B8ry6IrYTaAMgozFhmYZ-Bt-GKeEq2PVu3Rj_I4VDvEY7OJ_oUtJXjhdAGDhLZsbguxo5xz8kYFFpF7bOpN_rvXRUWxywe-FZT0vgrWdMcZepzNtPbUDEYhTpyuOABo9ZWQ43-8/s1600/back+to+top15.png

Sekian tutorial Cara Membuat Tombol Back To Top Keren Di Blogger. Semoga dapat bermanfaat. Sampai jumpa dengan tutorial-tutorial lainnya..