Selamat datang d blog Heri Jaya, semoga bermanfaat untuk semua.

26 Juni 2016

Cara Membuat Script PopUp Window Pada Blog

PopUp Window merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up, 2 pop up, 3 pop up bahkan bisa sebanyak mungkin yang di kehendaki.

Cara Membuat Script PopUp Window Pada Blog

Halaman PopUp Window Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrit iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up. Berikut Tutorial Cara Pasang Script PopUp Window Pada Blog.

Cara Pasang Script PopUp Window Pada Blog

Login ke akun blogger kamu.
Pilih Rancangan »» edit HTML.
Beri tanda checklist pada Expand widget template.
letakkan kode berikut di atas kode </body>

<script type='text/javascript'>
var popurls=new Array()
popurls[1]='http://kampung-klik.blogspot.com/'
popurls[2]='http://kampung-klik.blogspot.com/'
popurls[3]='http://kampung-klik.blogspot.com/'
function openpopup(popurl) {
var winpops = window.open(popurl, '', 'width=,height=,toolbar,location,status,scrollbars,menubar,resizable')
}
openpopup(popurls[Math.floor(Math.random() * (popurls.length))])
</script>

Jika Anda memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang Anda targetkan, ganti yang http://kampung-klik.blogspot.com/ dengan halaman pop up Anda sendiri. Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas..

popurls[nomer]='http://link-url-tujuan.com'

atau jika ingin mengurangi tinggal buang salah satunya.

Sekian Cara Membuat Script PopUp Window Pada Blog, semoga tutorial mengenai Cara Membuat Script PopUp Window Pada Blog ini bermanfaat dan selamat mencoba, terima kasih.
Share:

25 Juni 2016

Cara Mengganti Alamat IP Login Hotspot Mikrotik menjadi Domain

Pada Hotspot Mikrotik, user yang konek ke WiFi Hotspot akan diarahkan ke halaman login Mikrotik. Alamat dari halaman login mikrotik ini biasanya berupa IP Address dari interface wlan nya mikrotik yang digunakan sebagai Hotspot Server. 


Alamat IP Halaman Login Mikrotik bisa kita ganti dengan Alamat Domain (DNS Name) sesuai dengan keinginan kita. 

Bagaimana Cara Mengganti Alamat IP Login Hotspot Mikrotik menjadi Domain? Mudah saja, silakan simak Tutorial Mikrotik berikut ini :

1. Jika Anda baru akan membuat Hotspot Server, pada saat awal membuat hotspot melalui Hotspot Setup Wizard, isi kan DNS Name pada Step DNS name of local hotspot server. Silakan diisi dengan nama domain sesuai keinginan Anda.


2. Namun jika ternyata Anda sudah terlanjur membuat Hotspot Server nya, Anda tetap bisa mengisi Nama Domain nya melalui Winbox pada menu IP --> Hotspot --> Masuk tab Server Profile --> Pilih profile hotspot yang digunakan (Misal : hsprof1) --> Pada tab General dan Kolom DNS Name isikan nama Domain nya --> Apply --> OK


3. Kemudian kita lihat Hasilnya.


Share:

24 Juni 2016

Ikuti Mikrotik User Meeting (MUM) Indonesia 2016

Seperti biasa setiap tahunnya diadakan Mikrotik User Meeting (MUM) tidak terkecuali di Indonesia. Untuk tahun 2016 ini akan diselenggarakan di Jakarta pada tanggal 13 - 14 Oktober 2016 tepatnya di Hotel Holiday Inn Jakarta Kemayoran.


Pada gelaran MUM sebelumnya, yakni pada 9 - 10 Oktober 2015 di Royal Ambarrukmo, Yogyakarta, tercatat menjadi MUM dengan peserta terbanyak di Dunia yakni mencapai 2500 peserta yang hadir pada MUM Jogja 2015.

Untuk bisa mengikuti acara ini anda bisa daftar disini via MIkrotik Indonesia dan ketika hadir nantinya langsung dapat Lisensi RouterOS Level 4. Adapun materi yang akan dibawakan pada MUM kali ini adalah :
  • Jaringan Wireless
  • Otentikasi Pengguna dan Accounting
  • Routing dinamisDynamic routing
  • Desain JaringanNetwork design
  • Manajemen Bandwirh dan QoSBandwidth management and QoS
  • KeamananSecurity
  • Sistem Administrasi dan Jaringan, dan sebagainya
Selain itu, anda yang ingin menjadi pembicara di MUM kali ini bisa juga mendaftarkan diri. Sampai artikel ini ditulis masih ada space yang tersisa. Cara bagaiman menjadi pembicara bisa dilihat disini. Untuk bisa menonton hasil MUM pada tahun-tahun sebelumnya atau MUM yang diselenggarakan di negara lain bisa dilihat disini.
Share:

23 Juni 2016

Membuat Breadcrumbs Terindex Oleh Google

Membuat Breadcrumbs Terindex Oleh Google

Membuat Breadcrumbs Terindex Oleh Google | Kalian tahu apa itu Breadcrumbs ? saya akan memberikan contoh ni, apakah pernah sobat berkunjung ke blog orang lain, dan melihat seperti menu navigasi seperti petunjuk seperti panah dari home menuju kategori dan menuju judul postingan.
Itu dia yang disebut dengan Breadcrumbs, kegunaan Breadcumbs berguna untuk memudahkan pengunjung untuk ke topik dari postingan tersebut dan mempermudah ke beranda. sudah paham belum sobat ? saya anggap anda sudah paham langsung saja kita mencoba untuk membuatnya.
  • Pertama login ke Blogger dengan akun anda
  • Pilih Menu Template
  • Klik Edit HTML
  • Cari kode ]]></b:skin> gunakan tombol CTR+F untuk mempermudah pencarian) setelah ketemu copy kode dibawah dan simpan di atas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:85%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
  • Cari kode <b:includable id='main' var='top'>, setelah ketemu hapus kode tersebut, dan ganti dengan kode dibawah ini
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span>
</a>
</span>
<b:loop values='data:post.labels' var='label'>
&#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span>
</a>
</span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb' />
  • kalau tidak ada error, sekarang klik Simpan Template
Dan Demikanlah artikel yang saya beri judul Membuat Breadcrumbs Terindex Oleh Google semoga artikel di atas bisa bermanfaat bagi sobat semua dan kalau ingin bertanya silakan di kolom komentar di bawah ini!
Share:

Membuat Animasi Loading di Blog

Membuat Animasi Loading di Blog - Rata-rata para Blogger sekarang sudah banyak yang menggunakan Animasi Loading agar terlihat bagus. Animasi Loading adalah dimana saat blog kita sedang menuju ke halaman Posting/URL lain maka disitulah terlihat Animasi Loading yang sedang berputar sampai Loading blog selesai. Dan kali ini saya akan memberi cara untuk Membuat Animasi Loading di Blog.

Langkah-langkah untuk Membuat Animasi Loading di Blog.

Login ke blogger.com
Pilih Rancangan / Template, kemudian Edit HTML
Cari kode ]]></b:skin> Jika sudah ketemu lalu letakan kode berikut diatas kode ]]></b:skin>
<style type="text/css">
#loadhalaman {
position: fixed;
opacity: 0.93;
top: 0;
left: 0;
background-color: #000;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 20%;
color: #000;
display: none;
}

.loadball {
background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;
}

.loadball-2 {
background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-moz-transform: rotate(145deg);
opacity: 1;
}

100% {
-moz-transform: rotate(-320deg);
opacity: 0;
};
}

@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}

100% {
-moz-transform: rotate(360deg);
};
}

@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}

100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
};
}

@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
};
}
</style>
Jika sudah, Pasang JQuery Terbaru
Caranya cari kode </head> lalu letakan kode JQuery 1.8.3 di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Langkah Terakhir, Cari kode </body> lalu letakan kode berikut diatas kode </body>
<div id='loadhalaman'>
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function () {
var siteURL = &quot;http://&quot; + top.location.host.toString();
var $internalLinks = $(&quot;a[href^=&#039;&quot; + siteURL + &quot;&#039;], a[href^=&#039;/&#039;], a[href^=&#039;./&#039;], a[href^=&#039;../&#039;]&quot;);
$internalLinks.click(function () {
$(&#039;#loadhalaman&#039;).fadeIn(1500).delay(6000).fadeOut(1000);
});
$(&#039;#loadhalaman&#039;).click(function () {
$(this).hide();
});
});
</script>
Kalau semuanya sudah diterapkan dengan benar langsung saja Save Template/Simpan Template.
Jika masih ada yang ingin ditanyakan silahkan berkomentar dikolom komentar yang sudah disediakan.

Sekian dari saya, Semoga artikel ini bermanfaat.
Share:

22 Juni 2016

Meta Tag SEO Friendly

Cara Memasang Meta Tag Super SEO Friendly - Membuat Meta Tag adalah salah satu point terpenting dalam membuat blog yang SEO Friendly. Dalam membuat Meta Tag memang perlu hati - hati, karena kesalahan dalam pembuatannya bisa saja Blog yang kita miliki tidak terindex bahkan sulit masuk ke daftar peringkat 10 besar search engine.

Blogger memang sudah Meyediakan Meta Tag, akan tetapi hanya Meta Tag default yang kurang SEO Friendly. Untuk itu kita perlu merubahnya menjadi Meta Tag SEO Friendly. Menempatkan Meta Tag yang salah dapat menyebabkan Meta Tag terduplikasi, hasilnya tentu mengalami penurunan visitor secara drastis dan Google akan bingung mengindex blog yang kita miliki.

Membuat Meta Tag adalah salah satu point terpenting dalam membuat blog yang SEO Friendly. Dalam membuat Meta Tag memang perlu hati - hati,
  1. Login ke akun blogger
  2. Klik "template"
  3. Klik "Edit Html"
  4. Cari kode <head>
Letakan kode dibawah ini tepat di bawah kode <head> apabila di template sobat sudah terdapat meta tag bisa di ganti menggunaka ini :D
<meta charset='utf-8'/>
<link href='http://nama-blog.blogspot.com' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> DESKRIPSI SINGKAT BLOG </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
<meta content='keyword1,keyword2,keyword3' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='Kode Verifikasi Google' name='google-site-verification'/>
<meta content='Kode Verifikasi Bing' name='msvalidate.01'/>
<meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Author' name='author'/>
<meta content='all' name='Slurp'/>
<meta content='width=device-width' name='viewport'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Semoga bermanfaat..
Share:

Mempercepat Koneksi Modem Menggunakan NetScream



Kegunaan : NetScream adalah program yang dapat membantu mengoptimalkan koneksi modem Anda. Koneksi internet Anda dapat dioptimalkan sampai 200% atau lebih. NetScream juga membantu koneksi dial-up Anda lebih stabil dan tidak mudah terputus. Dengan demikian, Anda dapat mengunduh atau berselancar di internet tanpa gangguan.
NetScream bekerja pada berbagai koneksi seperti: dial-up 14.4/28.8/33.6/56 kb, kabel dan dsl modem. Tidak perlu ada instalasi atau modifikasi perangkat keras Anda. NetScream akan mengoptimalkan semua setting yang rumit bagi Anda secara instan.
NetScream bekerja dengan memperbaiki setting registri dan berbagai file konfigurasi. NetScream juga mengalokasikan sebagian kecil memori komputer ke prosesor untuk memproses data yang keluar masuk modem Anda dengan lebih cepat. NetScream telah dicoba dan dites di berbagai mesin dan telah terbukti bekerja lebih dari 80% sepanjang waktu.

Modifikasi pada sistem :
NetScream Modifications :

* Modem MTU Transmission rates
* Memory allocation to modem
* Modification to network bandwidth allowance
* Increasing HTTP request limit
* DNS lookup optimization
* Modification to TTL setting
* Optimization of TCP/IP standard settings
* Modification to socket layer connections
* and much more..

System Requirements :
System Requirements :

* Microsoft Windows 2000, 2003, 95, 98, Me, NT 4, Vista, XP, windows 7
* Microsoft Internet Explorer 4 or higher
* Intel Pentium 90 MHz or higher
* 8 Mb RAM (32 Mb recommended)
* 5 Mb hard disk space
* VGA or higher resolution monitor
* Mouse or other pointing device

**Note Internet Explorer is not required to be the default browser.

Download
4Shared (NETSCREAM Versi 2011 FULL + SN)
Swiftdog (Situs aslinya)

NB : jangan pernah sekali2 membuka Netscream.exe saat ada koneksi internet.. itu akan mendeteksi adanya ilegal licensi... dan secara otomatis NetScream anda akan di jadikan versi trial.. dan cara mengembalikannya kaya td yg sudah saya jelaskan di atas.

NB Lagi : Klo agan mw manjadikan NetScream menjadi versi 2011.. download dlu softwarenya dari situs aslinya (di atas tuh). terus Install kembali.. dan secara otomatis NetSCream akan terUpdate..


Cara setting NetScream:
- Untuk semua Modem USB ( Smart, Telkomsel Flash, AHA, dll... ( pokoknya modem yg pake USB )) : Bisa Memilih Wireless Conection ( Mobile Phone ), DSL/ADSL.
- Untuk yg make Modem Kabel : Bisa milih DSL/ADSL/Cable Modem/LAN
Cara Install yg ane Sarankan ►
* Download Filenya di 4shared :
* Extract filenya
* Install file "Netscream.exe"
* Setelah terinstall launch NetScream
* Matikan Koneksi Internet terlebih dahulu sebelum memasukkan Serial Number
* Buka buka file "Leame Importante(SN).txt" (disana terdapat serial number dari specialwin)
* Nah sekarang saatnya memasukkan Serial Number.. Cari tulisan "Click to enter Serial Number" d kotak dialog NetScream..
* Masukan serial number yg berada di notepad
* udah deh beres.. NetScream anda udah berlisensi.
Share:

Cara Berburu Blog Zombie Dengan Mudah

Blog zombie adalah blog yang di tinggalkan pemiliknya sehingga blog tersebut di hapus oleh google. Terus apa tujuan mencari blog zombie? biasanya cuma mo di manfaatkan backlink nya dan kadang juga blog zombie memiliki PR tinggi. Ya itu kan bagus, jadi kita gak perlu susah-susah buat nyari BL lagi.

Cara Berburu Blog Zombie Dengan Mudah

Tapi, mencari blog zombie yang ber PR tinggi tidaklah mudah, harus ekstra sabar dan harus punya keberuntungan yang tinggi. Mencari dan Berburu Blog ZombieKalau sobat ingin berburu, peralatan yang diperlukan untuk berburu Blog Zombie adalah;
  • Mozilla Firefox
  • Addons Link Checker
  • Addons Seoquake
  1. Setelah perlengkapkan udah lengkap, sekarang waktunya sobat mencari blog zombie. Di bawah ini merupakan Dork buat mencari blog zombie yang sering di gunakan.
    site:blogger.com/profile admin
    site:blogger.com/profile keyword Blogs I follow
    site:blogger.com/profile keyword Location: Indonesia
    site:blogger.com/profile keyword Gander: Male / Female
    site:blogger.com/profile keyword On Blogger since September 2006
  2. Buka Profil Blog tersebut, lalu klik kanan pilih "check page links", tunggu beberapa saat. Jika terdapat link warna merah, buka link tersebut.
  3. Jika terdapat pesan "Maaf, blog di xxx.blogspot.com telah dihapus. Alamat ini tidak tersedia untuk blog baru ", sebaiknya cari blog lain. Tapi jika terdapat pesan "Maaf, blog yang anda cari tidak ada. Namun nama xxx tersedia untuk di daftarkan" itu berarti blog zombie dan segera di daftarkan.
  4. Cara mendaftarkan nya seperti biasa, kalo udah langsung cari blog zombie lagi.
  5. Untuk mengetahui Blog Zombie berPagerank dan BerPageAuthority tinggi bisa kunjungi Seoweather
NB : - 1 Email bisa di buat daftar 100 blog, jadi gak perlu membuat banyak email. Tapi dalam sehari jangan di buat daftari blog zombie sampe 20an, ntar malah di block email nya (Pengalaman lama) Sekian tips cara mencari blog zombie dengan mudah ini. Semoga bermanfaat..
Share:

Tips Mengatasi CPU Overload alias Usage 100% di WIndows

Sobat blogger tahu ga hal yang paling mengesalkan itu apa, yaitu laptop ngehank disaat deadline skripsi sudah didepan mata. Rasanya mau langsung dibanting aja tuh laptop, tapi sayang mengingat itu laptop satu - satuya dan kalau sudah dibanting skripsi tetap aja ga beres. Oh iya maaf, tiba - tiba langsung ngedumel dipostingan ini. Habisnya dimana lagi kalau bukan diblog sendiri, masa' sih d blognya sobat2 :p.

Jadi, tadi sore untuk ketiga kalinya saya terkena masalah CPU Usage selalu 100%. Dalam keadaan idle saja processor laptop saya terpakai 80% dan kalau saya buka explorer.exe langsung CPU Usage menjadi 100%. Otomatis laptop langsung not responding dan tidak bisa dipakai. Pada 2 kejadian sebelumnya saya tidak ambil pusing dengan langsung menginstall ulang laptop. Tapi kali ini saya tidak punya banyak waktu dan masa setiap kali terkena masalah ini saya harus menginstall ulang laptop.

Markup Validation Service

Akhirnya diputuskan untuk mencari solusi lain selain 'mengInul' laptop saya. Ada banyak penyebab masalah seperti ini sering terjadi, bisa karena virus atau pun memang registry windows anda yang bermasalah. Karena itu berikut beberapa tips yang saya peroleh dari hasil  bertapa dan googling.

1. Lakukan Scan Spyware atau Malware. 

Ada kemungkinan besar komputer kita terserang spyware yang mengakibatkan meningkatnya akses ke CPU dan RAM yang otomatis membuat CPU Usage menjadi tinggi. Lakukan scanning menggunakan antivirus untuk memastikan komputer kita bebas dari virus.

Markup Validation Service

2. Kurangi Service dan StartUp Programs yang berjalan.

Pada waktu laptop saya ngehank saya melihat pada Task Manager beberapa service yang memakan resource yang besar. Matikan beberapa service yang tidak terlalu berguna. Caranya sebagai berikut :
a. Buka Start Menu
b. Klik Run, ketikan 'msconfig' (tanpa tanda kutip)
c. Pada System Configuration pilih tab 'service' atau 'startup'
d. 'uncheck' service yang tidak perlu.
e. Klik OK >> Restart.

Berikut beberapa service yang aman untuk sobat matikan agar mengurangi kinerja processor. Ingat jangan sembarangan mematikan fungsi 'service'. Cek fungsi service disini >>klik

  Alerter
  Clipbook
  Computer Browser
  Fast User Switching
  Human Interface Access Devices
  Indexing Service (Slows the hard drive down)
  Messenger
  Net Logon (unnecessary unless networked on a Domain)
  Netmeeting Remote Desktop Sharing (disabled for extra security)
  Remote Desktop Help Session Manager (disabled for extra security)
  Remote Procedure Call Locater
  Remote Registry (disabled for extra security)
  Routing & Remote Access (disabled for extra security)
  Server
  SSDP Discovery Service (this is for the utterly pointless
  "Universal P'n'P", & leaves TCP Port 5000 wide open)
  TCP/IP NetBIOS Helper
  Telnet (disabled for extra security)
  Universal Plug and Play Device Host
  Upload Manager
  Windows Time
  Wireless Zero Configuration (for wireless networks)
  Workstation

3. Bersihkan Registry Windows

Setelah melakukan scanning virus dan megurangi beban processor ternyata CPU Usage anda masih 100% coba lakukan scanning registry untuk membersihkan registry pada windows anda. Banyak software untuk melakukan scanning registry, salah satu nya yang saya pakai adalah CCleaner. Selain open source software ini juga tidak berbahaya untuk keseimbangan windows. CCleaner bisa di download disini.

a. Jalankan CCleaner 
b. Pilih tab registry kemudian klik 'scan for issues'
c. Jika ditanya untuk membackup registry pilih 'yes'.
d. Klik 'Fix issues'


Masalah saya terselesaikan pada tahap ini, setelah melakukan scanning dan Ccleaner membersihkan sekitar 15 registry. Restart dan CPU Usage kembali normal.

4. Stop svchost.exe

Kalau tiga cara diatas tidak berhasil, kita beralih ke pengecek-an Svchost.exe. Banyak yang mengira 'service' ini adalah virus, sebenarnya svchost adalah 'host' untuk berbagai service dikomputer kita. Svchost membantu sistem berjalan dengan lancar. Karena itu svchost memuat banyak proses secara otomatis, kita bisa merubah setting-nya menjadi manual agar tidak banyak memakan resource. Berikut prosesnya :

a. Klik Start | Run (ketik) "services.msc" (tanpa tanda kutip)
b. Cari "DNS Client", Klik kanan dan pilih 'Properties'
c. Klik kotak drop-down di "Startup type"
d. Pilih ke 'Manual', klik Apply/Ok.
e. Restart.

5. Merubah Power Options (jika sobat menggunakan laptop)

Bisa juga dengan mengutak - atik power plan jika anda menggunakan laptop.
a. Masuk ke Power Options.
b. Pilih Processor Power Management
c. Di System Cooling Policy pastikan pilihan 'on battery' dan 'plugged in' menjadi 'active'


6. Cek Online Masalah ke Microsoft ( pastikan!!! OS Original License)

Ini cara terakhir dan paling memakan waktu, karena kita harus terkoneksi dengan internet. Pastikan juga koneksi anda tidak putus-nyambung. Satu lagi pastikan juga kalau OS yang anda gunakan adalah genuine dari Microsoft (bukan bajakan). Saya juga melakukan tahap ini untuk memastikan kalau fungsi di laptop saya kembali seperti semula.

a. Masuk ke Control Panel
b. Pilih System and Security
c. Pilih task "Find and Fix problems"
d. Klik 'Next' sistem akan melakukan 'Windows Update'
e. Resolving Problem dan Install Update
f. Restart.



Setelah proses instalasi update selesai, restart laptop dan tunggu sebentar. Setelah itu masuk dan login kembali. Lihat pada task manager apakah CPU Usage anda sudah normal dan berada dibawah 20% untuk keadaan iddle. Akhirnya skripsi bisa lanjut lagi, tentunya setelah update satu postingan ini. :p

Enam  langkah diatas tips yang sudah saya coba dan praktekan sendiri di komputer/laptop saya dengan sistem operasi Windows 7. Jika ada cara lain selain diatas silahkan di share juga disini, semakin banyak semakin membantu.

Share:

Cara Membuat Hotspot Mikrotik tanpa Terhubung Langsung ke AP Menggunakan EoIP Tunnel

Bagaimana cara membuat WiFi Hotspot Mikrotik dimana Access Point (AP) nya tidak terhubung langsung ke Server Hotspot Mikrotik nya? Pertanyaan tersebut yang muncul di benak saya ketika hendak mengimplementasikan sistem WiFi Hotspot Mikrotik dimana AP nya bertebaran dimana-mana, dengan lokasi yang berbeda (beda gedung dan beda ruangan). Selain itu yang lebih menyulitkan adalah semua AP tidak ada yang terhubung langsung ke eth nya Mikrotik yang dijadikan Hotspot Server.

Seperti yang kita tahu, jika ingin membuat Sistem Wireless Hotspot menggunakan Mikrotik, Access Point harus terhubung langsung ke interface Server Hotspot, agar bisa di bridge dengan interface lain jika ingin menggunakan lebih dari satu AP. Tetapi pada kasus yang saya alami sepertinya tidak bisa diterapkan, karena AP berada di bawah Switch dan Router lain nya, sehingga ada beberapa hop untuk sampai ke server hotspot.

Namun jangan khawatir, karena permasalahan tersebut masih bisa diakali. Caranya dengan menggunakan Ethernet over Internet Protocol (EoIP) Tunneling.
Jadi konsepnya adalah dengan membuat interface EoIP pada Hotspot Server sebanyak jumlah AP nya. Jika ada 5 AP maka kita buat 5 interface EoIP pada Hotspot Server. Pada masing-masing AP juga dibuat satu interface EoIP yang mengarah ke Server Hotspot. Sehingga akan terjadi komunikasi point-to-point antara hotspot server dengan semua AP. Untuk lebih jelasnya silakan lihat gambar berikut :



Tapi tunggu dulu, EoIP merupakan MikroTik Proprietary (kepemilikan) artinya protocol ini hanya dapat berjalan/support pada Mikrotik RouterOS saja dan beberapa jenis linux. Jika AP yang Anda gunakan bukan Mikrotik, maka AP Anda tidak bisa membuat interface EoIP ini. 

Jadi, jika AP Anda misalnya menggunakan TP-Link, Dlink, dll maka interface EoIP dibuat pada Router Mikrotik sebelum AP itu, yang terhubung langsung dengan nya. Seperti pada contoh di Lantai 1 pada Gambar di atas. Kemudian AP tersebut mode nya dibuat Wireless AP Bridge, dan pada Mikrotik nya EoIP dan Interface eth yang ke AP di bridge.

Oke, sudah cukup dongeng sebelum tidur nya. Udah mulai ngantuk kan?? hehe..
Sekarang kita langsung coba buat Konfigurasi Hotspot Mikrotik tanpa Terhubung Langsung ke AP Menggunakan EoIP Tunnel.

Sebelum mulai, pastikan semua AP dan Mikrotik yang akan dibuat EoIP Tunnel sudah bisa komunikasi dua arah. Artinya konfigurasi IP dan Routing nya sudah beres. Karena jika tidak, tunnel EoIP tidak akan terbentuk.

1. Buat Interface EoIP sejumlah AP yang digunakan. Buka Winbox, Masuk ke Menu Interface --> Masuk Tab EoIP --> Add EoIP
Disini yang perlu diperhatikan adalah pada kolom Remote Addres dan Tunnel ID.
- Remote Address : diisi IP Address AP
- Tunnel ID : ID unik untuk AP tersebut. Tiap AP Berbeda ID.


 2. Buat interface EoIP di sisi AP menuju ke Server. Caranya sama seperti di atas. Dengan Remote Address IP dari Server dan Tunnel ID sama dengan yang dipakai di Server.


3. Lakukan langkah 1 dan 2 untuk semua AP yang digunakan.

4. Pada masing-masing AP / Mikrotik, buat bridge dan masukan interface EoIP dan Wlan nya.



4. Pada Server Hotspot, Buat Interface Bridge dan beri IP Address.

5. Masukkan Semua Interface EoIP ke port Bridge yang dibuat sebelumnya.


6. Buat Hotspot Server pada menu IP --> Hotspot --> Hotspot Setup --> Pilih interface Bridge yang digunakan sebagai interface hotspot. 

7. Sampai disini, silakan coba konek ke AP, harusnya halaman login hotspot sudah muncul. Jika Belum silakan cek kembali konfigurasi Anda.

8. Setelah ini Anda bisa ganti halaman Login Hotspot nya.

9. Anda juga bisa memadukan hotspot dengan User Manager Mikrotik untuk manajemen user nya.

10. Jika Anda ingin membuat WiFi Sistem Roaming dengan 1 SSID, bisa diset pada semua AP untuk menggunakan 1 SSID dan Frequensi yang sama.
Share:

21 Juni 2016

Cara Mempercepat Index Google

Cara Mempercepat Index GoogleKita tahu bahwa Google adalah Mesin Pencari atau Search Engine yang selalu menjadi acuan bagi para Blogger sebagai alat ukur kemampuan dalam hal SEO 'Search Engine Optimization', entah kenapa? mungkin karena pelayanan yang diberikan memuaskan atau yang lainnya. Saya tahu, anda semua sering dipusingkan karena apa yang anda sajikan pada blog anda sulit (lama) tampil pada halaman pencarian, maka dari itu kita belajar untuk mempercepat index Google. Pada dasarnya apa yang ditampilkan pada hasil pencarian atau Search Engine Result Page adalah hasil dari index robot Google yang telah tersimpan dalam DataBase Google, sehingga dapat dengan cepat muncul hasil dari keyword yang kita masukkan, bukan pada saat kita memasukkan keyword lantas mesin pencari menelusuri semua blog dan web untuk menampilkan hasil pencarian.

Oke! Saya rasa buang-buang waktu jika harus menjelaskan tentang Google karena pada postingan kali ini bukan tentang siapa Google melainkan bagaimana cara mempercepat index Google. Semua blog atau web akan terindex oleh Google namun permasalahannya adalah seberapa cepat mesin pencari menyatroni blog anda? Beberapa faktor yang mempengaruhi cepat atau tidaknya index Google adalah Popularitas blog, Pagerank, Backlink dan lain-lain.
  

1. Melaporkan Artikel Terbaru (Submit URL)

Robot yang di utus oleh mesin pencari akan segera mendatangi blog anda ketika anda melaporkan bahwa anda memiliki artikel terbaru, caranya dengan melaporkannya melalui Ping. Kegunaan Ping yakni sebagai pelapor ke search engine, anda bisa menggunakan beberapa layanan Ping yang ada seperti Pingomatic, Google Ping, Ping Fast dan lain-lain. Saya sendiri biasanya menggunakan layanan dari Pingomatic.com dan dari MyPageRank.net untuk melaporkan artikel terbaru blog saya kepada search engine.

2. ReSubmit Sitemap

Entah ini terbukti atau tidak, karena saya sendiri jarang melakukan ReSubmit Sitemap pada Google Webmaster. Namun menurut beberapa sumber ReSubmit Sitemap mampu mempercepat index mesin pencari, mungkin benar! karena Sitemap yang ada pada Google Webmaster akan diperbarui. Menurut pemikiran saya yakni menyegarkan sitemap yang ada.

3. Memanfaatkan Social Media

Sudah kita ketahui bahwa social media mampu membantu blog atau artikel baru cepat Terindex oleh Google karena social media kebanyak memiliki lalu lintas yang ramai seperti social network, social bookmark dan lain-lain. So, submit artikel terbaru anda pada layanan social bookmark dan share pada social network agar search engine cepat mendatangi blog anda dan menyimpannya dalam database mereka.

Dari tiga point diatas saya rasa sudah cukup membantu anda dan blog anda agar cepat terindex oleh Mesin Pencari Google atau anda memiliki teknik yang lain? Ketika saya menerapkan cara ini secara berkala, hasilnya kurang dari 1 menit artikel terbaru blog saya sudah terindex oleh Google. Mungkin juga karena faktor umur blog yang sudah lama sehingga Robot Google sudah hafal jalan menuju blog saya yang lama.
Share:

Tips Download Filesonic, Fileserver, Wupload Menggunakan IDM

Mungkin bagi setiap orang pengguna internet yang akan men-download sebuah file dengan menggunakan IDM / Internet Download Manager pasti agak sedikit kesal atau jengkel, apabila file yang akan di download berada di server Filesonic, Fileserver, ataupun Wupload di karena kan kita tidak bisa menggunakan IDM / Internet Download Manager untuk mendowloadnya, bagi yang belum memiliki IDM / Internet Download Manager, bisa anda Download disini.
mungkin bagi sebagian orang tips n trik ini sudah biasa / sudah mereka ketahui tapi tidak semua orang pengguna internet mengetahuinya oleh karena itu, pada postingan kali ini saya akan memberikan sedikit tips n trik tentang bagaimana kita bisa men-download file yang tersimpan di server Filesonic, Fileserver, maupun Wupload dan mungkin masih banyak lagi server-server lainnya, karena saya pun belum mencoba pada semuanya.

Langkah pertama setting Interner Download Manager / IDM terlebih dahulu.
  • Buka Interner Download Manager / IDM dengan meng-klik icon yang berada pada pojok kanan bawah di sistem try icon
try icon idm
  • Setelah itu akan muncul halaman Interner Download Manager / IDM, kemudian klik tab Option, maka akan muncul seperti gambar dibawah ini
icon option idm
  • Kemudian pilih Tab General,selanjutnya klik Tombol "Key.." seperti yang ditunjukan pada gambar diatas
  • Pada Halaman Using special keys beri tanda "ceklist" pada kolom kedua, setelah itu anda bebas memilih apa yang mau anda gunakan, ada 4 pilihan yaitu; Alt, Shift, Ctrl, dan ins [insert]
keys idm
  • Selanjutnya klik Ok kemudian close IDM anda (termasuk yang disistem try icon).
Kalau hal diatas sudah anda lakukan semua, sekarang saatnya kita olah TKP / mulai men-Download
Dalam hal ini saya akan mengambil contoh untuk men-Download sebuah file di server Filesonic.
  1. Pastikan anda memiliki link file yang akan anda Download dari server Filesonic.
  2. Kemudian klik Slow Download , Tunggu beberapa saat (biasanya 30detik), setelah itu isikan code anti spam / Captcha.
  3. Jika Code Captcha yg anda masukan benar, biasanya akan muncul Tulisan "Start Download Now"
  4. Karena pada setting IDM kita menceklis yang tombol Ctrl, maka pada saat kita mau Download kita tekan tombol Ctrl nya, kemudian klik tulisan "Start Download Now" ( sambil menekan tombol Ctrl )
  5. Tunggu beberapa detik hingga tombol IDM nya muncul dan file yang akan kita download berubah seperti file yang akan kita download ( misalkan : file rar dengan kapasitas 5MB maka pada saat tombol IDM muncul tunggu beberapa detik hingga gambar file yang mau kita download berubah menjadi gambar rar dan dibawahnya terdapat jumlah kapasitasnya yaitu 5MB ) jika tombol download IDM di klik sebelum gambarnya berubah maka download tidak akan berhasil.
Share:

20 Juni 2016

Microsoft office : Mengubah file presentasi menjadi video

oke sob, selamat siang. apa kabarnya ^.^ mudah-mudahan baik dan lancar puasanya, kali ini sholeh ngeshare tentang Mengubah file presentasi menjadi video. nah yang orang tahu Powerpoint adalah aplikasi yang digunakan untuk membuat slide show presentasi. tapi tahukah sobat kalo didalam Microsoft office power point menyimpan fiture yang digunakan untuk mengubah file slide show menjadi video .
Ada 2 cara merubah slide show menjadi video:
1. menggunakan aplikasi perekam layar desktop, cth : Bendicam
2. menggunakan fiter yang disediakan oleh ms.powerpoint

cara yang ke-1 menggunakan bendicam atau perekam desktop lain.

1. settingan bendicam harus dihiden dan menggunakan hotkey tertentu untuk start dan mulai
2. buka slideshow tekan F5 atau preview slideshownya lalu tekan hotkey start yang udah kamu setting, bukan hanya merubah format slide show menjadi video tetapi skarang kamu bisa mengatur sendiri kecepatan pada video

NEXT Cara yang ke-2

1. Buka presentasi powerpoint yang ingin diubah menjadi video seperti foto dibawah

Cara Mengubah PowerPoint Menjadi Video


2. Kemudian klik menu File > Export > Create a Video. Anda dapat mengatur kualitas video mulai dari 424x240 ( kualitas 240p ), 825x480 ( kualitas 480p ), dan 1280x720 ( kualitas 720p ). sholeh rekomendasikan anda memilih kualitas 720p karena hasil yang akan ditampilkan lebih bagus dibandingkan kualitas lainnya. Pengaturan lainnya anda dapat mengatur timing pada hasil videonya, baik diisi timing ataupun tidak. Bila semua pengaturan sudah diatur selanjutnya tekan tombol Create Video untuk mengubahnya menjadi video.

Cara Mengubah PowerPoint Menjadi Video


3. Selanjutnya atur dimana anda akan menyimpan videonya dan memilih format yang ingin digunakan. Sholeh sarankan menggunakan format .mp4. Bila sudah klik tombol save untuk menyimpannya dan tunggu hingga proses render berlangsung.

4. selesai

Share:

HTML : Perbedaan b:if dengan b:else


hai sob,what's app iseng-iseng sholeh nih mau ngebahas tentang perbedaan dan pengertian </b:if> dengan <b:else/> , kadang kita jumpa fungsi </b:if> . Mereka berdua pada dasarnya masih memiliki tugas yang sama yaitu untuk menciptakan kondisi seperti halnya peraturan if dalam JavaScript. <b:else/> contohnya Jika kondisi terpenuhi, lakukan A. Jika tidak, lakukan B.
untuk memperjelas lihat contoh dibawah :

</b:if> Jika data yang diminta (Sholeh) terpenuhi maka (Ganteng)

<b:if cond='Sholeh'>

    Ganteng

</b:if>

<b:else/> digunakan untuk menyatakan perintah cadangan jika tugas yang diberikan tidak terpenuhi. Jika Sholeh, tuliskan Ganteng. Jika bukan Sholeh, tuliskan Jelek!

Satu contoh nyata bisa kita ambil dari Meta Tag SEO yang ada di template blog kita

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta content='Article' property='og:type'/>
<b:else/>
  <meta content='Website' property='og:type'/>
</b:if>
Koding Meta Tag diatas meminta untuk menampilkan keterangan jenis Article apa bila link yang kita share di facebook adalah halaman posting / artikel, jika bukan keterangan jenisnya adalah Website.
begitulah mudah-mudahan terbantu dan menambah sedikit wawasan kepada sobat , terima kasih telah mengunjungi blog Sholeh, jika ada saran atau tambahan bisa komentar dibawah menggunakan media yang kamu suka . ^.^ see you next article

Share:

19 Juni 2016

Membuat Widget Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird by Catatan Si Arif -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning

  • http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png

Warna Hitam

  • http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png

Warna Biru

  • http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png

Warna Coklat

  • http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png

Warna Hijau

  • http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png

Warna Ungu

  • http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png

Warna Putih

  • http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png

Warna Merah

  • http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Share:

Cara Membuat Page Number Navigation untuk Blog

Sedangkan contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.
Bagaimana? Ingin membuatnya?

Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.

Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.


Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih Edit HTML.
Seperti biasa, contreng option Expand widget templates, selanjutnya cari kode berikut:

]]></b:skin>

Setelah ketemu,letakkan persis di atasnya kode css di bawah ini:





Lalu,cari lagi kode seperti ini: </body> Jika sudah ketemu, tepat di atasnya letakkan script di bawah ini:





Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):

'data:label.url'

Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):

'data:label.url + &quot;?&amp;max-results=5&quot;'

Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang

Share:

Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja berikut ini:

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='http://3.bp.blogspot.com/-tIcrAJXd0SQ/TbbzlODegZI/AAAAAAAAAeo/JFTR2FkHHTw/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='http://3.bp.blogspot.com/-tIcrAJXd0SQ/TbbzlODegZI/AAAAAAAAAeo/JFTR2FkHHTw/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�

Share:

Label

Arsip Blog

Arsip Blog