Convert PPS to PPT - Power Point Converter

Convert PPS to PPT - Power Point Converter

Gusti Ardias Riantono    Juni 26, 2013    Comment   

Convert PPS to PPT :: Power Point Converter - Malam sobat sekalian, pernah gak sih sobat menemukan file pps? ituloh Power Point Slideshow hehe. Tau gak sih cara balikin ke file pptnya? Pasti ada yang tahu dan ada yang tidak, bagi yang belum tau saya punya caranya.

Sederhana saja, ikuti langkah berikut ini

1. Buka Microsoft Power Point

2. Klik icon Open atau bisa juga dengan CTRL+O

3. Pilih File pps yang akan dibuka

4. Kemudian klik file save as.. atau bisa dengan menekan tombol F12

5. Simpan dengan type ppt atau pptx

6. Selesai..

Demikianlah cara mengembalikan file pps ke file ppt. Semoga bermanfaat~ :)

Kampus Teknologi Informasi

Kampus Teknologi Informasi

Gusti Ardias Riantono    Juni 17, 2013    6 comments   

Kampus Teknologi Informasi

Bingung mencari kampus dengan program studi Teknologi Informasi di Jakarta? Tenang saja, di Universitas Budi Luhur semuanya ada kok.
Ada 3 program studi Teknologi Informasi di Universitas Budi Luhur. Apa saja?

1. Sistem Informasi
2. Sistem Komputer
3. Teknik Informatika

SISTEM INFORMASI

PROSPEK LULUSAN

Programmer

Database Administrator

Sistem Analis

Network Administrator

Web Designer

Web Administrator

Semua bidang yang berkaitan dengan penyajian informasi dengan alat bantu komputer (Computer Based Information System)

SISTEM KOMPUTER

PROSPEK LULUSAN

System Engineer

Network Administrator berbasis PLC

Computer Spesialis

Riset and Development Engineer

TEKNIK INFORMATIKA

PROSPEK LULUSAN

Mengembangkan & mengaplikasikan teknologi komputer

Electronic Data Processing Manager

Sistem Analis

Analis & Desain Web

Networking

Information Technology Support.

TUJUAN TEKNIK INFORMASI

Sejalan dengan tujuan penyelenggaraan pendidikan tinggi di Universitas Budi Luhur dan Fakultas Teknologi Informasi, Prodi Sistem Informasi menetapkan tujuan sebagai berikut :

Mempunyai sikap profesional dan etika profesi yang tinggi berdasarkan ketaqwaan terhadap Tuhan YME dan kecintaan terhadap tanah air dengan dilandasi budi pekerti luhur.

Mempunyai wawasan dan menguasai pengetahuan teknologi informasi dan menggunakan disiplin sains dan rekayasa untuk membangun sistem informasi berbasis komputer pada manajemen dan bisnis, dan mengimplementasikan dengan menggunakan metode, teknik dan alat bantu dan dokumentasinya.

Mampu memahami dan menguasai konsep, teknik dan bahasa pemrograman untuk membuat program komputer.

Mampu memahami bagaimana cara menempatkan diri dan bekerja di masyarakat dalam perannya sebagai seorang profesional di bidang teknologi informasi.

Bagaimana? tertarik dengan kampus Budi Luhur? kunjungi Kampus Budi Luhur di Jl. Ciledug Raya, Petukangan Utara, Jakarta Selatan atau Telp: 021-585 3753 Fax: 021-585 3752.

Bisa juga kunjungi websitenya di www.budiluhur.ac.id

Gabung group Universitas Budi Luhur di facebook
Follow Twitter Universitas Budi Luhur

Perguruan Tinggi di Jakarta

Perguruan Tinggi di Jakarta

Gusti Ardias Riantono    Juni 17, 2013    5 comments   

Perguruan Tinggi di Jakarta

Banyak sekali Perguruan tinggi yang berada di Jakarta, Universitas Budi Luhur adalah salah satu Perguruan tinggi yang berada di Jakarta Selatan. Letak Universitas Budi Luhur ini cukup strategis, angkutan umum dan semua kebutuhan mahasiswa pasti ada. Masih ragu dan bingung untuk kuliah di Jakarta? Lihat deh apa saja yang ada di Universitas Budi Luhur ini.

Jurusan apa saja yang ada di Universitas Budi Luhur?

Banyak sekali jurusan yang ada di Universitas Budi Luhur, semua dikelompokkan menjadi Program Studi.

Diploma 3

• Akademi Sekretari
• D3 Unggulan FTI

Program Khusus

• Executive Class
• International Class
• Jakarta Broadcasting School
• Budi Luhur Learning Center

Strata 1

• Fakultas Ekonomi
• Fakultas Ilmu Komunikasi
• Fakultas Ilmu Sosial dan Ilmu Politik
• Fakultas Teknik
• Fakultas Teknologi Informasi

Strata 2

• Magister Akuntansi
• Magister Ilmu Komputer
• Magister Manajemen

Bagaimana? Cukup banyak bukan jurusan yang berada di Universitas Budi Luhur? :D

Apa saja Fasilitas dan Layanan di Kampus?

1. Event
2. Gedung Kuliah
3. Gedung Pertemuan
4. Kantin
5. Lab Arsitektur
6. Lab Komputer
7. Lab Teknik
8. Parkir
9. Perpustakaan
10. Ruang Kelas
11. Ruang Theater
12. Sarana Olahraga
13. Student Lounge
14. Wifi Area
15. Pembayaran Host2Host Bank Mandiri

Untuk informasi lebih lengkap bisa kunjungi Kampus Budi Luhur di Jl. Ciledug Raya, Petukangan Utara, Jakarta Selatan atau Telp: 021-585 3753 Fax: 021-585 3752.
Bisa juga kunjungi websitenya di www.budiluhur.ac.id

Gabung group Universitas Budi Luhur di facebook
Follow Twitter Universitas Budi Luhur

Tabel pada HTML :: Desain Web Part 3

Tabel pada HTML :: Desain Web Part 3

Gusti Ardias Riantono    Juni 16, 2013    Comment   

TABEL

Fungsi tabel pada dokumen HTML menampilkan informasi secara terstruktur, ringkas dan mudah dibaca mengatur tampilan website agar lebih menarik. Tabel didefinisikan dengan tag <table>…</table>. Setiap tabel terbagi ke dalam baris (didefinisikan dengan tag <tr>…</tr> dan setiap baris terbagi ke dalam sel data (didefinisikan dengan tag <td>…</td>. Sebuah sel data dapat berisi teks, gambar, paragraf, form, list dll.

<table>..</table>
Berfungsi untuk memberitahukan browser bahwa kita akan membuat sebuah tabel.
Atribut : 
border => memberikan garis pembatas pada tabel. 
Align => mengatur letak tabel. Nilainya left, center, dan right.
width => menentukan lebar tabel (dalam pixel atau %)
bgcolor => memberi background warna pada tabel.
cellspacing  => memberi jarak antar sel (dalam pixel)
cellpadding => memberi arak antara isi sel dengan batas sel (dalam pixel).

<tr>…</tr>

Berfungsi untuk membuat suatu baris baru  di dalam tabel. Posisi default teks rata kiri.

Atribut :

Align => mengatur perataan data pada baris, nilainya left, center, right 

bgcolor => memberi latar belakang pada baris 

valign => mengatur perataan vertikal, nilainy top, bottom, middle.

<td>…</td>

Berfungsi untuk membuat kolom / sel baru pada tabel.

Posisi objek rata kiri.

Atribut : 

Align => mengatur perataan teks, nilainya left, center, dan right

Bgcolor => memberi latar belakang berupa warna

Colspan =>  menggabungkan beberapa kolom 

rowspan menggabungkan beberapa baris

Valign => mengatur perataan verikal, nilainya top, middle, dan bottom

Width =>  mengatur lebar kolom.

<th>…</th>

Berfungsi untuk memberi judul pada kolom. Table Header ditampilkan dalam bentuk cetakan tebal dan rata tengah.

<caption>…</caption>

Berfungsi untuk membuat judul tabel. Posisi default dari judul adalah di tengah pada bagian paling atas tabel. 

Attribut align=“bottom” dapat digunakan untuk menempatkan judul pada bagian bawah tabel

Format TAG pada HTML :: Desain Web Part 2

Format TAG pada HTML :: Desain Web Part 2

Gusti Ardias Riantono    Juni 16, 2013    Comment   

HEADING

Heading biasa digunakan untuk membuat judul pada content halaman web. Tag yang digunakan adalah <Hn> dengan nilai n antara 1 sampai dengan 6. Semakin besar nilai n maka semakin kecil huruf yang tercetak. Contoh: <h1 align=‘center’>Pendahuluan</h1>

BLOCKQUOTE

Tag <blockquote> digunakan untuk membuat sebagian teks yang dikutip sebagai suatu blok sendiri. 

SPECIAL CHARACTER

Untuk menampilkan karakter khusus, digunakan tanda & (ampersand) diakhiri oleh tanda ; (titik koma) Bisa menggunakan nama maupun angka.

Contoh:

- &lt; = <
- &reg; = ®
- &amp; = &
- &gt; = >
- &quot; = “
- &deg; = °
- &copy; = ©
- &nbsp; = spasi
- &#188; = 1/4

TAG IMAGE

Untuk menyisipkan gambar dapat memanfaatkan tag <IMG>. Format file gambar yang bisa ditampilkan bisa bermacam-macam, misalnya png, jpg, gif, dan sebagainya. Untuk menampilkan animasi file GIF, penggunaannya sama seperti file gambar biasa.

Contoh sintaksis: 

<img src="url_file" width=“lebar_gbr" height=“tinggi_gbr" vspace=“" hspace="" alt="alt_teks">

Contoh penggunaan :

<img src=“logo.gif" width="78" height="79" vspace="20" hspace="20" alt="logo">

TAG HYPERLINK

Kekuatan utama dokumen HTML terletak pada hypertext link atau hyperlink atau lebih singkat lagi disebut link. 

Dengan hyperlink, dapat membuka dokumen HTML lain. 

Hyperlink ini dapat diletakkan pada teks tertentu ataupun pada sebuah image.

Bila diletakkan pada teks maka teks tersebut (secara default) akan digaris-bawahi dan warnanya menjadi berbeda. Sintaksis penulisan :

<a href="url_file_tujuan"> Teks hyperlink </A>

Contoh penggunaan :

<a href="tag_hyperlink.html“>Tag Hyperlink</A>

Path Relatif dan Path Absolute

Bila file HTML tujuan berada pada domain name yang sama tetapi pada direktori yang tidak sama maka kita bisa menggunakan url relatif, yaitu path name relatif berdasarkan posisi file saat ini. Misalnya kita akan membuka file atas.html yang berada 2 tingkat diatasnya maka hyperlink-nya berbentuk seperti :

<a href="../../atas.html"> Keatas </a>

Bila file yang akan dikaitkan berada pada domain name yang berbeda dengan domain name file yang sekarang ini, maka kita harus menggunakan url lengkap file tujuan tersebut. Misalnya :

<a href="https://www.ardiasgusty.blogspot.com">Mari Belajar :: Blog Tutorial</a>

Mailto

Untuk memudahkan pengguna mengirimkan email ke suatu alamat email tertentu, dapat dilakukan dengan tag hyperlink ini. Yaitu dengan menambah "mailto" dan alamat email tujuan. Sintaksis penulisannya sebagai berikut :

<a href="mailto:gustiardias@gmail.com"> Kirim email </a>

Pengenalan HTML :: Desain Web Part 1

Pengenalan HTML :: Desain Web Part 1

Gusti Ardias Riantono    Juni 16, 2013    Comment   

Pengenalan HTML

HTML (Hypertext Markup Language) merupakan bahasa pemrograman yang digunakan untuk membuat halaman web. Untuk menulis kode HTML digunakan editor  seperti NotePad, Frontpage, atau Dreamweaver.

Contoh kode HTML yang sangat sederhana :

<html> <head> <title>Latihan Pertama</TITLE> </HEAD> <body> Selamat Belajar HTML </BODY> </HTML>

Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML.

Bagian yang terdapat dalam <HTML> dan </HTML> umumnya terbagi atas :

• Kepala, ditandai dengan pasangan tag <HEAD> dan </HEAD>.
• Badan, ditandai dengan pasangan tag <BODY> dan </BODY>.

Bagian head berfungsi untuk memberikan informasi tentang dokumen HTML, seperti judul dokumen HTML yang ditulis dalam  pasangan tag <TITLE> dan </TITLE>.

Bagian body berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser.

Horizontal Line, Paragraph, Break

Horizontal Line 

Untuk mempercantik halaman, seringkali pembuat dokumen Web menambahkan garis horisontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan menyertakan tag <HR>.

Paragraph 

Jika dokumen HTML berisi teks yang cukup panjang maka sangat diperlukan untuk membaginya kedalam beberapa paragraph untuk memudahkan pembacaan oleh pengguna. Pembentukan elemen paragraph ini menggunakan sintaksis :

<p>Isi teks sebuah paragraph </p>

Tag penutup </p> boleh dituliskan boleh tidak, akan tetapi sebaiknya dituliskan untuk mengetahui berakhirnya sebuah paragraf.

Break

Kadangkala diperlukan untuk menulis di baris yang baru dalam sebuah paragraf yang sama pada halaman web yang dibuat. Untuk itu digunakan tag break yang berupa <BR>.

Font Style

Salah satu tujuan perancangan halaman web adalah membuat halaman web yang menarik atau "eye catching". Untuk itu dalam suatu paragraph diperlukan suatu variasi huruf atau font style. 

Berikut ini beberapa font style yang sering digunakan, antara lain :

Tag Font 

Dalam mengatur layout sebuah halaman web yang berisi teks, pengaturan besarnya huruf, warna dan ukuran adalah hal yang sangat penting untuk dilakukan oleh seorang perancang web. Pengaturan ini dapat menggunakan tag Font <FONT> dengan sintaksis sebagai berikut :

<font face="nama_font" size="4" color="red">

Ukuran font dapat ditentukan dengan angka 1 sampai 7 dengan nilai default 2. Sedangkan warna dapat diganti dengan warna lain.

Contoh penggunaan :

<font face="arial" size="5" color="blue"> <!-- Teks arial biru ukuran 5 --> </font> <font face="arial" size="3" color="green"> <!-- Teks arial hijau ukuran 3 --> </font>

Atribut Warna

Untuk lebih mempercantik tampilan sebuah halaman web, permainan warna menjadi satu hal penting dalam perancangan halaman web. Penulisan atribut warna dapat menggunakan nilai heksa desimal (6 digit) ataupun nama warnanya. 

Bisa memakai Color Code Generation

List

HTML mendukung beberapa format list, yaitu Unordered List dan Ordered List.

Unordered List adalah list yang menggunakan bullet sebagai tanda point.

Contoh sintaksis :

<ul><li> apples<br /> <li> bananas<br /> <li> grapefruit </UL>

Hasil di browser :

• apples 
• bananas 
• grapefruit

Ordered List

List yang menggunakan angka urut sebagai tanda point. 

Contoh sintaksis : 

<ol><li> oranges<br /> <li> peaches<br /> <li> grapes </OL>

Tampilan di browser :

1. oranges 
2. peaches 
3. grapes 

Itulah Pengenalan HTML dasar untuk yang baru mengenali dunia HTML. Silahkan dipelajari ya sobat :) Semoga bermanfaat~

Membuat SEO Tools pada Blog

Membuat SEO Tools pada Blog

Gusti Ardias Riantono    Juni 15, 2013    Comment   

Membuat SEO Tools pada Blog - Ingin mempunyai SEO Tools sendiri untuk blog sobat? caranya mudah kok. Ikuti langkah berikut ini.

1. Buka blogger.com
2. Pilih Blog yang sobat ingin taruh SEO Tools
3. Pilih laman atau page
4. Pilih buat laman baru atau new page kemudian laman kosong
5. Beri judul lalu copy paste script dibawah ini:
<div class="post-body entry-content"><script src="https://viemonsta.googlecode.com/files/format.css" type="text/javascript"></script> Periksa waktu buka halaman blog Anda, Google Page Rank, <strike>Alexa rank</strike>, backlink, broken link, link timbal balik dan meta tag di sini di <a href="https://ardiasgusty.bogspot.com/">KLIK NOW!</a>. Cukup masukkan domain anda atau web page URL Anda di kotak teks yang sesuai dan klik Periksa (Chack!) tombol. Hasil akan ditampilkan di bawah kotak teks.<br /> Alexa rank checker untuk sementara dihapus.<br /> Semua peralatan SEO bawah disediakan dan diselenggarakan oleh <a href="https://www.iwebtool.com/">iWEBTOOL</a>, kecuali untuk Google Page Rank checker.<br /> <br /> <h4 id="speed" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">1. Speed tester</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Check web page size and load time.</div><form action="https://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;" target="pageframe1"><table border="0" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="76" style="margin: 0px; padding: 0px;" valign="top" width="956"><table class="tooltop" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 76px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"><table border="0" cellspacing="5" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><b style="margin: 0px; padding: 0px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">Your domain/web page:</span></b></td><td style="border: 0px solid rgb(204, 204, 204); margin: 0px; padding: 0px;"><input id="acpro_inp7" maxlength="150" name="domain" style="float: left; font-size: 13px; margin: 5px 0px 0px; padding: 0px; width: 320px;" type="text" /><input style="float: left; margin: 0px 0px 0px 8px; padding: 1px;" type="submit" value="Check!" /></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="21" style="margin: 0px; padding: 0px;" width="185"></td><td colspan="2" height="21" style="margin: 0px; padding: 0px;" valign="top" width="750"><span style="font-size: xx-small; margin: 0px; padding: 0px;">(eg. www.ardiasgusty.blogspot.com)</span></td></tr> </tbody></table></td></tr> </tbody></table></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"><div style="margin: 0px; padding: 0px 0px 3px;">For a more detailed page analysis, try <a href="https://tools.pingdom.com/" rel="nofollow" style="color: crimson; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank">Pingdom</a>.</div></td></tr> </tbody></table></form><h4 id="gpr" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">2. Rank checker</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Check Google Page Rank of your domain or web page. Result will be shown in a new window.</div><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;"><table cellspacing="1" style="background-color: #f0f1dd; border: 0px solid rgb(221, 221, 221); margin: 0px; padding: 15px 0px 0px; width: 765px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><b style="margin: 0px; padding: 0px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">Your domain/web page:</span></b></td><td style="border: 0px solid rgb(204, 204, 204); margin: 0px; padding: 0px;"><input id="acpro_inp9" maxlength="150" name="urlo" style="float: left; font-size: 13px; margin: 3px 0px 0px; padding: 0px; width: 320px;" type="text" value="http://" /><input name="submit" style="float: left; margin: 0px 0px 0px 8px; padding: 1px;" type="submit" value="Check!" /></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"></td><td style="margin: 0px; padding: 0px;"><div style="color: #666666; font-family: Verdana; font-size: 9px; margin: 0px 0px 25px; padding: 0px;">This page rank checker is powered by <a href="https://www.prchecker.info/" rel="nofollow" style="color: crimson; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank">Page Rank Checker</a></div></td></tr> </tbody></table></div><h4 id="balink" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">3. Backlink checker</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Check backlinks to your domain or web page.</div><form action="https://www.iwebtool.com/tool/tools/backlink_checker/backlink_checker.php" method="get" name="pageform" style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;" target="pageframe3"><table border="0" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="76" style="margin: 0px; padding: 0px;" valign="top" width="956"><table class="tooltop" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 76px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"><table border="0" cellspacing="5" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><b style="margin: 0px; padding: 0px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">Your domain/web page:</span></b></td><td style="border: 0px solid rgb(204, 204, 204); margin: 0px; padding: 0px;"><input id="acpro_inp11" maxlength="150" name="domain" style="float: left; font-size: 13px; margin: 5px 0px 0px; padding: 0px; width: 320px;" type="text" /><input style="float: left; margin: 0px 0px 0px 8px; padding: 1px;" type="submit" value="Check!" /></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="21" style="margin: 0px; padding: 0px;" width="184"></td><td colspan="2" height="21" style="margin: 0px; padding: 0px;" valign="top" width="770"><span style="font-size: xx-small; margin: 0px; padding: 0px;">(eg. www.ardiasgusty.blogspot.com)</span></td></tr> </tbody></table></td></tr> </tbody></table></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> </tbody></table></form><h4 id="relink" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">4. Reciprocal link checker</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Check whether your link partner is still linking back to your site.</div><form action="https://www.iwebtool.com/tool/tools/reciprocal_link_checker/reciprocal_link_checker.php" method="get" name="pageform" style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;" target="pageframe5"><table border="0" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="91" style="margin: 0px; padding: 0px;"><table class="tooltop" id="table9" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 76px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"><table border="0" cellpadding="5" cellspacing="5" id="table10" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 39px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><span style="font-size: x-small; margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">Your domain: </b></span><span style="font-size: 7pt; margin: 0px; padding: 0px;">(You must include http://)</span></td><td height="28" style="margin: 0px; padding: 0px;" width="335"><input id="acpro_inp13" name="url" size="50" style="margin: 0px; padding: 0px;" type="text" value="http://" /></td><td style="margin: 0px; padding: 0px;"></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><span style="font-size: x-small; margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">Your partner's URL:</b></span></td><td height="28" style="margin: 0px; padding: 0px;" valign="top" width="335"><input id="acpro_inp14" name="find" size="50" style="margin: 0px; padding: 0px;" type="text" /></td><td style="margin: 0px; padding: 0px;" valign="top"><input style="float: left; margin: 0px; padding: 0px;" type="submit" value="Check!" /></td></tr> </tbody></table></td></tr> </tbody></table></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> </tbody></table></form><h4 id="brlink" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">5. Broken link checker</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Check for broken links in your web page.</div><form action="https://www.iwebtool.com/tool/tools/broken_link_checker/broken_link_checker.php" method="get" name="pageform" style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;" target="pageframe4"><table border="0" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="76" style="margin: 0px; padding: 0px;" valign="top" width="956"><table class="tooltop" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 76px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"><table border="0" cellspacing="5" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><b style="margin: 0px; padding: 0px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">Your web page URL:</span></b></td><td style="border: 0px solid rgb(204, 204, 204); margin: 0px; padding: 0px;"><input id="acpro_inp16" name="url" size="64" style="float: left; font-size: 13px; margin: 5px 0px 0px; padding: 0px; width: 475px;" type="text" /><input style="float: left; margin: 0px 0px 0px 8px; padding: 1px;" type="submit" value="Check!" /></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="21" style="margin: 0px; padding: 0px;" width="184"></td><td colspan="2" height="21" style="margin: 0px; padding: 0px;" valign="top" width="770"><span style="font-size: xx-small; margin: 0px; padding: 0px;">(eg. https://www.ardiasgusty.blogspot.com/2010/03/profil.html)</span></td></tr> </tbody></table></td></tr> </tbody></table></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;" width="956"></td></tr> </tbody></table></form><h4 id="metatag" style="color: #10502a; font-family: Verdana,sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; padding: 20px 0px 5px; position: relative;">6. Meta tag checker</h4><div style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px 0px 3px;">Extract your web page's meta information and tags.</div><form action="https://www.iwebtool.com/tool/tools/metatags_extractor/metatags_extractor.php" method="get" name="pageform" style="color: #333333; font-family: Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px;" target="pageframe6"><table border="0" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="60" style="margin: 0px; padding: 0px;" valign="top" width="956"><table class="tooltop" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; height: 60px; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td style="margin: 0px; padding: 0px;"><table border="0" cellspacing="5" style="background-color: #f0f1dd; border-collapse: collapse; border: 0px solid silver; margin: 0px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;"> <tr style="margin: 0px; padding: 0px;"><td height="28" style="margin: 0px; padding: 0px;" width="185"><b style="margin: 0px; padding: 0px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">Your web page:</span></b></td><td style="border: 0px solid rgb(204, 204, 204); margin: 0px; padding: 0px;"><span style="float: left; font-size: x-small; margin: 0px; padding: 0px;">http://</span><input id="acpro_inp18" name="domain" size="64" style="float: left; font-size: 13px; margin: 5px 0px 0px; padding: 0px; width: 428px;" type="text" /><input style="float: left; margin: 0px 0px 0px 8px; padding: 1px;" type="submit" value="Check!" /></td></tr> <tr style="margin: 0px; padding: 0px;"><td height="21" style="margin: 0px; padding: 0px;" width="184"></td><td colspan="2" height="21" style="margin: 0px; padding: 0px;" valign="top" width="770"><span style="font-size: xx-small; margin: 0px; padding: 0px;">(eg. https://www.ardiasgusty.blogspot.com/2010/03/profil.html)</span></td></tr> </tbody></table></td></tr> </tbody></table></td></tr> </tbody></table></form><style>#gosor{width: 765px; float: left; margin: 0 0px 0 15px; word-wrap: break-word;overflow: hidden;}</style><style>#sidebar-wrapper{display:none;}</style><br /> <div id="hilangkan1"><input name="IL_RELATED_TAGS" type="hidden" value="1" /></div><div style="clear: both;"></div></div><a href="https://ardiasgusty.blogspot.com/2013/06/membuat-seo-tools-pada-blog.html">Get this widget</a>

Sekarang sobat sudah mempunyai SEO Tools sendiri, mudah bukan?~ :)

Menaikkan Alexa Pagerank dengan Mudah dan Cepat

Menaikkan Alexa Pagerank dengan Mudah dan Cepat

Gusti Ardias Riantono    Juni 06, 2013    8 comments   

Alexa Rank adalah sebuah Website yang menyediakan informasi tentang Rangking atau peringkat suatu Web/Blog , semakin kecil nilai Web/Blog yang yang di berikan oleh Alexa maka semakin baik lah Web/Blog tersebut contoh nya seperti yang diraih oleh Facebook sebagai peringkat pertama pada Alexa.

Jadi supaya blog populer dimata search engine dan membantu optimasi SEO agar mendapatkan pengunjung yang berlimpah yaitu salah satu nya dengan memperkecil nilai pada Alexa Rank .
Supaya Alexa Rank Blog cepat  naik dengan mudah yaitu diataranya sebagai berikut :

1. Update postingan 1 kali 2 hari dan sekurang nya 2 postingan dalam satu minggu , cara ini telah terbukti sangat ampuh untuk memperkecil nilai pada alexa rank.
2. Instal Alexa Toolbar pada PC anda , cara ini sangat membantu untuk merampingkan Alexa rank pada blog karena Alexa melakukan penghitungan blog melalui input data dari Alexa Toolbar yang di gunakan pada browser internet di seluruh dunia.
3. Buat lah postingan tentang Alexa pada blog sebaik nya buatlah postingan lebih dari satu postingan karena cara ini menurut para pakar blog membuat artikel tentang Alexa Rank sangat membantu mempercepat untuk merampingkan blog dengan mudah.

Supaya Alexa Rank blog dengan mudah di analisa sebaik nya pasanglah widget Alexa pada blog untuk mendapatkan kode widget nya kunjungi halaman INI dan cara pasang nya bisa sobat ketahui DISINI

Itulah cara yang saya coba untuk merampingkan Alexa Rank pada blog ini yang dengan cepat , semoga blog sobat mendapatkan nilai yang memuaskan dari Alexa Rank.

sumber: https://tutorialbelajarblogger.blogspot.com/2013/03/cara-mudah-dan-cepat-merampingkan-alexa.html

Memperbaiki Pesan Komentar atau Emoticon Yang Turun Kebawah

Memperbaiki Pesan Komentar atau Emoticon Yang Turun Kebawah

Gusti Ardias Riantono    Juni 06, 2013    2 comments   

Memperbaiki Pesan Komentar atau Emoticon Yang Turun Kebawah - Selamat malam sobat, saya baru tau jika ingin mereply komentar pasti emoticon saya tidak mau mengikuti kotak reply komentarnya. Nah saya punya solusinya dan habis cari-cari di internet.

Contoh Emoticon yang sudah diperbaiki

Okay langsung saja ya, ikuti langkah dibawah ini sobat.
1. Buka/Login Blogger.com.
2. Back up template anda untuk berjaga-jaga terjadinya error.
3. Pilih menu Template > Edit HTML.
4. Cari kode <b:includable id='threaded-comment-form' var='post'>, gunakan CTRL+F untuk permudah pencarian.
5. Ganti kode dibawah ini.
<b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div></b:includable>
    Dengan kode dibawah ini.
<b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <div id='form-wrapper'> <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> </div><b:else/> <div id='form-wrapper'> <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </div></b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div></b:includable>
6. Cari kode document.getElementById(domId).insertBefore(replybox, null);
7. Ganti dengan kode dibawah ini.
document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
8. Simpan/Save Template.

Okay selesai. Silahkan dicoba! :) Semoga bermanfaat~

Mendapatkan Backlink Mudah dan Berkualitas di W3 Directory

Mendapatkan Backlink Mudah dan Berkualitas di W3 Directory

Gusti Ardias Riantono    Juni 06, 2013    Comment   

Mendapatkan Backlink Mudah dan Berkualitas di W3 Directory - Mengapa kita harus mendapatkan Backlink yang banyak? Apa Backlink itu? Backlink bisa di artikan sebuah script link yang disusun berisi alamat suatu web/blog, yang dipasangkan ke dalam suatu situs/blog tertentu. Kenapa kita harus membangun sebuah backlink? Karena backlink sendiri memiliki manfaat untuk menaikkan PageRank blog kita di dalam suatu mesin pencari seperti Google, Yahoo, Ask dll.

W3 Directory adalah salah satu web directory yang memberikan backlink gratis dan ampuh bagi para penggunanya. Cukup dengan submit beberapa artikel anda saja tanpa perlu submit semuanya, sobat akan mendapat backlink secara Gratis dan terus bertambah tiap bulan. backlink dari w3 directory ternyata terindek oleh Google dan mesin/tools pengecek backlink lainnya.
Cara Mendapat Backlink Gratis Berkualitas hanya tinggal ikuti langka berikut ini :

1. Buka link W3 Directory.
2. Pilih menu Add a Website.
3. Isi Form pada Add a Website tersebut.
    *URL : Alamat blog / link blog.
    *Title : Nama blog.
    *Description : Deskripsi blog sobat.
    *Keywords : Kata kunci yang menggambarkan blog sobat.
    *Identity : Isi dengan nama sobat.
    *Email : Email sobat (valid).
    *Return Link / Back Link : Link untuk mendapatkan backlink dari w3 directory, Isi sesuai URL.
    *Country : Indonesia.
    *Heading 1 : Kategori utama untuk blog sobat.
    *Heading 2 : Kategori ke dua blog sobat.
    *Heading 3 : Kategori ke tiga blog sobat.
      Kemudian klik  Submit my web site.

Catatan : setiap ada tanda bintang (*) artinya wajib diisi. 

Karena backlink ini adalah salah satu backlink gratis yang berkualitas terbaik maka tentu tidak serta merta kita langsung mendapatkan backlink. Backlink dari w3 directory bersifat 2 arah. Maksudnya adalah kita akan mendapatkan backlink jika ada yang melakukan vote terhadap kita di w3 directory tersebut. Jadi sobat harus kreatif mencari cara agar banyak vote untuk memdapatkan banyak backlink gratis yang berkualitas. Salah satu cara dapat backlink gratis berkualitas ini dengan share link di facebook atau di forum forum yang sobat ikuti.

Demikianlah Bagimana Mendapatkan Backlink Mudah dan Berkualitas di W3 Directory. Semoga bermanfaat~

Membuat Tombol Back to Top Dengan Mudah Pada Blog

Membuat Tombol Back to Top Dengan Mudah Pada Blog

Gusti Ardias Riantono    Juni 06, 2013    Comment   

Membuat Tombol Back to Top Dengan Mudah Pada Blog - Sebenarnya saya sudah memberikan tutorial yang sama seperti ini, tapi dengan menggunakan bahasa Inggris dan cukup sulit untuk membuatnya "How To Add Go To Top And Go To Bottom Buttons In Blogger". Sekarang saya akan memberikan cara yang mudah dimengerti dan memakai Bahasa Indonesia dan caranya cukup simpel.

Contoh Scroll to Top

Kita akan membuat seperti yang diberi tanda panah pada gambar diatas. Baiklah sobat ikuti langkah ini ya.
1. Buka/Login Blogger.com.
2. Pilih menu Tata Letak/Layout.
3. Pilih Tambahkan Widget/Add Widget > HTML/Javasript.
4. Salin dan Taruh script dibawah ini.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" > /*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Modified by www.ardiasgusty.blogspot.com * This notice MUST stay intact for legal use * Visit Project Page at https://www.dynamicdrive.com for full source code ***********************************************/ 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="URL GAMBAR" />', //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>
5. Ganti URL GAMBAR dengan URL Gambar yang telah dipilih oleh sobat gunakan CTRL+F cari <img src="URL GAMBAR" /> untuk permudah pencarian.
6. Simpan/Save.
7. Gulung/Sorot layar pada blog sobat. Taraaaa~

Sekian tutorial Membuat Tombol Back to Top Dengan Mudah Pada Blog, Semoga bermanfaat ya~

Berikut URL Gambar yang bisa sobat pakai :)

Cara Mudah Mengganti Scroll Bar Keren Pada Blog

Cara Mudah Mengganti Scroll Bar Keren Pada Blog

Gusti Ardias Riantono    Juni 06, 2013    Comment   

Cara Mudah Mengganti Scroll Bar Keren Pada Blog - Selamat siang sobat, kali ini saya mau memberiahukan Cara Mudah Mengganti Scroll Bar Keren Pada Blogspot. Simple sekali caranya, mungkin 1 menit sudah jadi haha :p

Contoh Scroll Bar keren

Kurang lebih kita akan membuat scroll bar seperti gambar diatas. Ikuti langkah berikut ini sobat.
1. Buka/Login Blogger.com
2. Masuk ke menu Template > Edit HTML.
3. Cari kode ]]></b:skin>, gunakan CTRL+F untuk permudah pencarian.
4. Salin dan Taruh kode dibawah ini tepat diatas ]]></b:skin>.
::-webkit-scrollbar {height:12px;width: 12px;background: #00A000;} ::-webkit-scrollbar-thumb {background-color: #A52A2A;-moz-border-radius: 10px;border-radius: 10px;}
Warna dari Scroll Bar diatas bisa diubah sesuai keinginan sobat. Misal warna #00A000 (hijau) diganti dengan warna #222020 (hitam) dan lain sebagainya.
Untuk permudah pencarian warna gunakan Color Code Generator ini.

Oke selesai sudah Cara Mudah Mengganti Scroll Bar Keren Pada Blog anda. Mudah bukan? silahkan dicoba dan semoga bermanfaat. Oh iya Scroll Bar ini rekomen di Google Chrome~ :)