Anda di halaman 1dari 11

Daftar Artikel

Artikel Reviews

1. Cara membeli domain dan Hosting di Niagahoster


2. Cara mudah mengganti .blogspot.com menjadi domain .com di Niagahoster
3. Domain .com murah hanya 70Ribu di Niagahoster
4. Mari Bergabung dan mengenal Bisnis Bitcoin
5. Tips Jitu Menghemat Baterai Smartphone
6. Jangan Takut Beli HP Murah, Ikuti Tips Ini
7. Cara beli Pulsa dan Voucher Game Online murah, cepat dan otomatis
8. Bolahero.com : Berita Sepakbola - Info Prediksi Bola terkini & Terbaru
9. Rekomendasi Gedung Pernikahan dan Paket Pernikahan untuk resepsi di Jakarta
10. Memilih laptop dan Aksesoris Pelengkapnya Cocok untuk Pelajar

Belajar SEO

1. Agar Blog Bisa lebih mudah ditemukan di mesin pencari Google


2. Agar Artikel Tak Terindeks Mesin Pencari google
3. Cara Membuat Artikel Blog Terindeks Google dalam Waktu Hitungan Menit
4. Cara Mengetahui/melihat Seluruh Artikel Blog Orang Lain
5. Cara Mudah Mengetahui Link Yang Rusak Di Blog
6. Cek Kecepatan Loading Blog Kita
7. Kenapa Harus Template Responsif
8. Cek kapan terakhir Googleboot Berkunjung ke Blog
9. Keuntungan membuat Link Nofollow Di Blog
10. Mengenal, Membedakan Link Dofollow dan Link Nofollow dengan SEO For Chrome

BelajarBlog - Dasar

1. Perjalanan Pertama saya di dunia Blog


2. Kenapa Kita Harus Menghargai Hak Cipta
3. Agar Blog Bisa lebih mudah ditemukan di mesin pencari Google
4. Cara Membuat Artikel Blog Terindeks Google dalam Waktu Hitungan Menit
5. Script Anti Copas Halaman tertentu di Blog
6. Keuntungan membuat Link Nofollow Di Blog
7. Cara terbaik melihat dan mengatur tampilan mobile blog
8. Cara Mengganti Logo Blog di Blogspot
9. Membuat Daftar Isi Blog Otomatis Sistem Tanggal
10. Membuat Daftar Isi Blog Otomatis sitem Label
11. Cara baru (2016) mengganti domain blogspot.co.id menjadi domain com
12. Perbandingan harga domain dari berbagai situs penyedia domain-hosting di Indonesia
13. Domain .com murah hanya 70Ribu di Niagahoster

BelajarBlog - Hiasan
1. Membuat Daftar Isi Blog Otomatis Sistem Tanggal
2. Membuat Daftar Isi Blog Otomatis sitem Label
3. Cara Mendaftar dan Pasang Histats Counter di Blog
4. Cara Membuat Kotak Script Blog
5. Cara Membuat Galeri Slideshow di Artikel Blog
6. Cara Membuat Foto Galeri Slideshow Ber-Tombol di artikel blog
7. Cara Membuat Galeri Foto Sistem Scroll di Blog
8. Membuat Buku Tamu di Blog Tersembunyi dengan Cbox
9. Cara Membuat Gambar Zoom di Blog
10. Membuat Gambar di Blog Terang Redup Di bawah Mouse
11. Menyembunyikan Gambar di Postingan Seperti di Situs Kaskus
12. Menyembunyikan Tulisan di Artikel Seperti Di Kaskus
13. Cara Membuat Pesan Di Blog yang Berubah-Ubah Tiap Hari
14. Tips Merapikan Widget Membuat Iklan Berjejer Kesamping
15. Cara Membuat Widget Facebook-Twitter Melayang
16. Membuat Efek Daun Berguguran
17. Cara Memasang Musik atau Share Playlist Soundcloud Di Artikel Blog

BelajarBlog - Trik

1. Cara Membuat Artikel Blog Terindeks Google dalam Waktu Hitungan Menit
2. Cara Mengetahui/melihat Seluruh Artikel Blog Orang Lain
3. Cara Mudah Mengetahui Link Yang Rusak Di Blog
4. Cara mudah mengetahui Backlinks ke Blog Milik Kita
5. Cara hapus Artikel dan Foto Blog Agar Tak Terindeks Lagi di Mesin Pencari
6. Cara meningkatkan Pageviews Blog dengan Jingling
7. Cara Nembak Cewek Lewat Blog Interaktif
8. Memperkecil Ukuran Gambar secara Online

BelajarBlog - Bisnis

1. Bukti Aplikasi PopSlide Bagi-Bagi Pulsa Gratis Di Smartphone


2. Cara mendapatkan uang/dolar dari situs Shorte.st
3. Mengenal Cara mendaftar dan menghasilkan Uang dari Adf Ly
4. Suka Duka Pasang Iklan Kliksaya di Blog
5. Jasa Review Murah Berkualitas (SEO Friendly)
6. Pasang Iklan Murah di Blog Pelajarterbaik
7. Segala Hal tentang Google Adsense (Tutorial Lengkap untuk Pemula)

BelajarBlog - Profesional

1. Cara baru (2016) mengganti domain blogspot.co.id menjadi domain com


2. Perbandingan harga domain dari berbagai situs penyedia domain-hosting di Indonesia
3. Domain .com murah hanya 70Ribu di Niagahoster

HP SmartPhone
1. Mengganti Slide Power point dengan Klik di HP
2. Aplikasi Prey, Anti maling untuk HP, Laptop atau PC
3. Aplikasi Membuka File .PRC
4. Cara Share Internet Modem Ke Wifi Android
5. Cara Kirim File Android dari dan Ke PC Via Wifi
6. Cara Membuka File SWF di Galaxy Pocket
7. Cara Root Samsung Galaxy Pocket
8. Aplikasi Line Messenger Bagi Bagi Pulsa
9. Bukti Aplikasi PopSlide Bagi-Bagi Pulsa Gratis Di Smartphone
10. Bukti Aplikasi ADQuest Bagi-Bagi Pulsa Gratis di Smartphone
11. Aplikasi Alarm Clock Terbaik Untuk Android
12. Kumpulan DP BBM Bergerak
13. Cara nonton video youtube Online Anti Buffering (PC dan Android)
14. Cara menyimpan File .Apk dari aplikasi Terinstal di android
15. Menyembunyikan Foto dan Video Dari Galeri Android
16. Cara memburamkan wajah pada foto lewat Android
17. Membuka dan mengedit file teks (.txt) di Android
18. Membuka dan Membuat File ZIP atau RAR di Android
19. Membuka File Berekstensi exe di PC dan Android
20. Jangan Takut Beli HP Murah, Ikuti Tips Ini

Panduan Web

1. Cara Aman Cek saldo BNI di Internet


2. Aplikasi Prey, Anti maling untuk HP, Laptop atau PC
3. Memperkecil Ukuran Gambar secara Online
4. Membuat File PNG Online Untuk Aktivitas Bloging
5. Mengenal Cara mendaftar dan menghasilkan Uang dari Adf Ly
6. Memahami cara memasang dan cara kerja Pop Ads Adfly
7. Cara Memasang Musik atau Share Playlist Soundcloud Di Artikel Blog
8. Cara nonton video youtube Online Anti Buffering (PC dan Android)
9. Cara menarik Dolar dari rekening Paypal ke Bank Lokal Indonesia
10. Pengalaman Membeli Jam Tangan di Tokoonline Bukalapak

PC Tutorial

1. Cara Memberi password atau mengunci Folder


2. Cara Menghapus File/Folder Membandel (Susah Terhapus)
3. Menyembunyikan Aktivitas di PC dengan Virtual Desktops
4. Memasukan Al-Quran di Microsoft Word
5. Mengganti Slide Power point dengan Klik di HP
6. Membuat Link antar Slide di Power point
7. Cara Memasukan animasi .swf ke power point
8. Add in Tab di Microsoft Office
9. Add in Math Di Office word
10. Cara Mengubah PDF, Word, PPT Menjadi Gambar Jpg
11. Mengubah Gambar Hasil Scan Menjadi PDF dengan Nitro PDF Proffesional
12. Cara Memberi Password Pada File PDF
13. Cara Paling Aman Melindungi File PDF dari Copi Paste
14. Mengubah File Pdf, Gambar, Hasil Scan Ke Format Text Microsoft Word
15. Cara Terbaik Mengubah File PDF menjadi Microsoft Word
16. Cara Menjadikan HP kita sebagai Modem dengan koneksi bluetooth
17. Aplikasi Prey, Anti maling untuk HP, Laptop atau PC
18. Aplikasi bagus untuk Belajar mengetik 10 Jari
19. Aplikasi PC pengingat Waktu Shalat
20. Aplikasi-aplikasi Untuk membuka Ebooks
21. Aplikasi Membuka File .PRC
22. Aplikasi bagus untuk meredupkan layar Komputer / laptop
23. Cara Mengubah Bahasa Windows ke Indonesia
24. Cara Merubah Bahasa Di Microsoft Office
25. Cara Mengubah Bahasa Di IDM ke Indonesia
26. Cara Share Internet Modem Ke Wifi Android
27. Cara Kirim File Android dari dan Ke PC Via Wifi
28. Cara Mudah Edit Timing (waktu) Menyesuaikan File Subtitle Film
29. Cara nonton video youtube Online Anti Buffering (PC dan Android)
30. Cara Lengkap Menggunakan Aplikasi Audacity : Edit Sound Music
31. Cara mudah memotong lagu Mp3 dengan Free Mp3 Cutter
32. Cara Menambahkan/mengubah gambar pada file mp3
33. Aplikas Pemutar Musik MP3 yang lebih bagus dari Winamp
34. Memperkecil ukuran kualitas file musik (MP3) secara serentak
35. Cara memperbesar kualitas suara di dalam video
36. VideoPad jauh lebih baik dari aplikasi movie maker
37. Cara memotong-motong video dengan videopad
38. Cara memberi logo (watermark) di video dengan videopad
39. Cara mempercepat dan memperlambat gerakan di dalam Video dengan Videopad
40. Cara meningkatkan kualitas suara di Video
41. 3 Aplikasi video player yang sebaiknya ada di laptop/komputer anda
42. Tips memainkan video bersuara kecil sehingga terdengar lebih besar
43. Mengatasi Windows Eksplorer Stop Working
44. Kumpulan Aplikasi Support Tabulasi Pengganti windows Explorer di PC
45. 3DPnet solusi terbaik mengatasi Wifi PC Rusak setelah Instalasi Ulang
46. Memperkecil ukuran Foto tanpa mengurangi kualitas
47. Lebih Nyaman Membuka File GIF di Aplikasi Inviewer
48. Panduan Belajar Photoshop Secara Mandiri
49. cara memperkecil ukuran foto menggunakan photoshop
50. Cara memburamkan wajah menggunakan photoshop
51. Screen saver unik Air
52. Antivirus Paling Bagus (terbaik) untuk windows

Youtube dan Google Adsense

1. Segala Hal tentang Google Adsense (Tutorial Lengkap untuk Pemula)


2. Akun Google Adsense di Banned karena Keluarga
3. Solusi PIN Google Adsense tidak kunjung datang
4. Pengalaman pertama Payout dari google adsense
5. Alasan Kenapa Upload Di youtube Sangat Lama
6. Masa depan adsense Saluran Youtube Tentang Eksperimen Sains (IPA)
7. Saluran Youtube Pendidikan Terkait Pelajaran Fisika
8. Misteri hilangnya saluran Lastday Production di Youtube
9. Cara nonton video youtube Online Anti Buffering (PC dan Android)
10. Jenis Video yang Kurang Bagus (Buruk) untuk Youtube

Cara membuat galeri foto dalam postingan blog


1. Masuk ke dasboard blogger.

2. Buat postingan baru.

3. Arahkan ke mode HTML. Lalu paste kode berikut.

<div class="snap_preview">

<div>

<span style="color: #0066ff;font-size: medium;">Memasang Galeri Image


di Postingan</span></div>

<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left;
width:25%;} .gallery-caption { margin-left: 0; }</style>

<div class="gallery snap_nopreview">

<dl class="gallery-item">

<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">

<img border="0" height="150" src="URL IMAGE" width="200" /></a>

</dt>

</dl>

</div>

</div>

Keterangan :
Kalimat Memasang Galeri Image di Postingan silakan dirubah dengan kata-kata
sendiri.

Kode width:25% menunjukkan bahwa penempatan gambar berjajar sebanyak 4 gambar.


Rumusnya 100%/4=25%.

Ganti URL TARGET LINK dengan URL target link gambar.

Ganti URL IMAGE dengan URL image hasil upload. Saya menggunakan Picasa web album untuk
mengupload image. Silakan simak cara Upload Gambar Blog Makin Mudah Melalui Picasa Web.

Kemudian untuk mengetahui URL image, silakan klik kanan gambar yang telah diupload, lalu
Copy image address. Atau bisa pula melalui cara Cara Mengetahui dan Membuat URL
Gambar.

Lalu ganti kode 150 untuk ketinggian gambar dan 200 untuk lebar gambar. Sesuaikan dengan
luasan template blog.

Selesai, lalu akhiri dengan Publish.

Apakah itu hanya digunakan untuk memasang 4 gambar saja? Lalu bagaimana jika ingin
meletakkan gambar lebih dari 4?

Caranya adalah menambah kode ini di bawah kode </dl>.

<dl class="gallery-item">

<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">

<img border="0" height="150" src="URL IMAGE" width="200" /></a>

</dt>

</dl>

Lakukan sesuai dengan jumlah gambar yang diinginkan. Untuk sampel di atas menggunakan 4
gambar. Sehingga gunakan kode tersebut sebanyak 4 kali.
Demikian tutorial cara memasang galeri foto pada postingan blog. Semoga bermanfaat dan
selamat mencoba. Jika ada kode yang kurang tepat, silakan ikut meralatnya. Trims atas
responnya.

Cara Membuat Halaman Galeri Foto (Gambar/Image) di Blogger.

HALAMAN khusus galeri foto, gambar, atau image diperlukan bagi blog toko online untuk menampilkan
koleksi produk atau barang jualan.

Blog pribadi juga bisa membuat halaman statis berisi galeri atau koleksi gambar pilihan. Contoh atau
demonya bisa dilihat di Galeri Template CB.

Cara membuatnya cukup mudah, meski butuh trik khusus. Soalnya, di halaman blogger, jika kita
memasukkan gambar lebih dari satu, maka posisi gambar tidak akan sejajar horizontal, tapi akan
berderet vertikal.

Untuk itu, perlu trik khusus dalam membuat galerti gambar di halaman statis ini. CB dapatkan kode ini di
Blogger Image Gallery Tutorial. Anda juga bisa melihat demo dan kode aslinya di sana.

Cara Membuat Halaman Galeri Foto (Gambar/Image) di Static Page Blogger


1. Klik menu "Pages" (Halaman) > "New Page" (Halaman Baru)

2. Isi judul halaman dengan, misalnya, "My Gallery"

3. Klik mode "HTML"

4. Copas kode berikut ini:

<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
</tr>
</table>

Catatatan:
Kode di atas menampilkan tiga gambar sejajar horizontal. Jika akan menampilkan lebih dari 3 gambar,
tinggal ulangi saja copas kode di atas dengan dikasi jarak dengan kode <br/> di bawah kode </table>

5. Hasilnya, setelah URL gambar diisi, akan seperti di ini (di Mode "Compose")

Nama Gambar + Link Nama Gambar + Link Nama Gambar + Link

6. Publish!

Kini Galeri Image di halaman statis sudah muncul di blog Anda. Jika kurang mengerti, silakan langsung ke
link sumber yang ada di atas.

POSTING daftar gambar merek Laptop atau Notebook atau komputer portabel Terbaik 2015 ini
untuk contoh cara membuat gambar berdampingan di postingan blog, sejajar gitu.
Kadang saat posting blog kita membutuhkan penampilan gambar atau foto yang berdampingan
sejajar.

Di blogspot harus menggunakan kode terentu. Kalau ingin lebih mudah, edit aja gambarnya di
Corel atau Photoshop, lalu tampilkan berdampingan.

Kalau tidak, harus pake kode sebagaimana diajarkan W3School. Kita juga bisa belajar atau
mengambil kode HTML dan CSS lainnya di sana.

Ini dia Daftar Laptop-Notebook Terbaik (Best Laptop) 2015 versi Laptop Mag.

Lenovo ThinkPad X240 Toshiba CB35-A3120 Chromebook 2

Di atas adalah gambar berdampingan berjumlah dua buah.

Berikut ini contoh gambar berdampingan tiga buah. Masih daftar Laptop Terbaik 2015 versi
Laptop Mag.

Dell XPS 13 Asus Transformer Book T200


Alienware 17 (2014)

CARA MEMBUATNYA

1. Tuntaskan dulu tulisan Anda.


2. Setelah beres, pilih posisi gambar mau di mana, di bagian alinea ke berapa. Kasih kode
tulisan, misalnya "Gambar di Sini".
3. Klik mode "HTML"
4. Copas dan Replace tulisan "Gambar di Sini" tadi dengan kode berikut ini:
Kode untuk Dua Gambar Berdampingan Sejajar:

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2 </td>
</tr></table>

Kode untuk Tiga Gambar Berdampingan Sejajar:

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
<td>Gambar 3</td>
</tr></table>

Setelah dipaste, KEMBALI ke mode "Compose" !!!


Akan mucul ruang gambar.

Langkah berikutnya:

1. Klik atau "Select All" tulisan Gambar 1 dst.


2. Klik "Insert Image", dan uplod!

Demikian seterusnya, satu per satu. Jika gambarnya beda ukuran, maka atur di Mode HTML.

Ribet ya? Ya lah..... makanya gak usah ada gambar berdampingan di posting blog! Kalau harus
ada, edit dulu aja di Corel atau Photoshop!

Cara penggunaannya juga sangat mudah, ikuti langkah-langkah dibawah ini :

1. Pertama Uploadlah terlebih dahulu File Gambar yang ingin anda tampilkan di blog, Upload
ini bisa di Blogger atau image hosting kesayangan anda.
2. Jika sudah terupload gambarnya, sekarang kita memulai membuat sebuah postingan
gambar, Login Ke Blog » Posting » New Post » Kasi Judul Album Sobat, sekarang klik
HTML, Jangan yang Compose pada pilihan Pengeditan Dokument.
3. Copykan Kode Berikut ini :

<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;}
.gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
</div>
</div>

Ganti tulisan tebal "Url Image anda" dengan Url Gambar yang telah sobat Upload tadi, sebagai
contoh seperti berikut ini :

<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://1.bp.blogspot.com/-5RzJ8EkO6f4/T13jBf-
WBBI/AAAAAAAAAc0/mAtexmzFjSU/s1600/1.jpg" target="_blank">
<img border="0" height="150" src="http://4.bp.blogspot.com/-
eyMcBoexOlw/T13jQmqAqxI/AAAAAAAAAdk/CGe-oub3Q1w/s1600/2.jpg" width="200" /></a>
</dt>
</dl>

Jika sudah, silahkan Publish Postingannya, Sangat Mudah Bukan?..


Selamat Mencoba.

Anda mungkin juga menyukai