PURBALINGGA BROW er

Wednesday 18 September 2013

Cara Mengambil Screenshot Seluruh Halaman Website




Download
Tombol Print Screen System
OK, info baru nih bagi yang belum tau sih. Bagi teman-teman Blogger professional pasti sudah tidak asing lagi deh, saya percaya.
Baru saya sadari ketika saya membutuhkan screenshot dari seluruh halaman web. Mengambil gambar hanya dari tampilan layar monitor saja tidak cukup, sedangkan gambar yang saya butuhkan harus sampai kebawah halaman, baru terpenuhi. Saya kira tidak akan bisa mengatasi masalah tersebut. Setelah saya cari cara dari internet ternyata bisa. Beginilah Cara Mengambil Screenshot Seluruh Halaman Website.
Mungkin sobat semua sudah pernah menggunakan fasilitas Print Screen System menggunkan tombol seperti gambar diatas. Tombol ini berfungsi untuk mengambil screenshot pada gambar yang ditampilkan monitor. Ini akan menghasilkan gambar yang hanya ditampilkan monitor. Bagaimana jika pada halaman web sobat membutuhkan screenshot pada seluruh halaman hingga ke bagian paling bawah? Tidak usah bingung, caranya sederhana sekali. Hanya menggunakan Add On pada browser yang sobat gunakan. Saya hanya akan mencontohkan beberapa Add On dari Firefox dan Chrome, diantaranya:

1. Abduction for Firefox
2. Awesome Screenshot Capture for Firefox
3. Fireshot for Firefox
4. Awesome Screenshot Capture for Chrome
5. Webpage Webcam Screenshot
6. Screen Capture for Chrome
#Silakan klik Add On yang sobat inginkan.

Saya akan menjelaskan cara penggunaan Add on pada point pertama saja, yaitu Abduction for Firefox.
Abduction For Firefox

Setelah sobat menginstalkan Abduction, ketika sobat klik kanan akan ada tambahan opsi "Save Page As Image" klik opsi tersebut.
Cara Mengambil Screenshot Seluruh Halaman Website
Akan muncul pop up di bagian sudut kanan atas. Diantaranya X-Ray untuk seleksi otomatis, Select All untuk seleksi seluruh halaman, Save Selection untuk menyimpan gambar hasil seleksi.
Cara Mengambil Screenshot Seluruh Halaman Website
Seleksi dapat dilakukan secara manual agar screenshot dapat sobat ambil sesuai keinginan. Perhatikan gambar dibawah ini.
Cara Mengambil Screenshot Seluruh Halaman Website
OK sobat gampang kan? Semoga bermanfaat...

Cara Membuat Gambar Berputar pada Widget Popular Posts




Download
Gambar pada Widget Popular Posts mempunyai efek berputar, akan mempercantik tampilan Blog. Ketika cursor disentuhkan pada gambar di widget popular posts, gambar tersebut akan berputar. Mudah-mudahan dengan ini dapat mengurangi kejenuhan pada tampilan Blog sobat.
Memang tampilan pada blog tidak terlalu dipentingkan. Yang penting itu kerapihan, konten-konten yang berkualitas, dan SEO yang baik. Namun tidak ada salahnya untuk mempercantik tampilan blog. Asalkan tidak memasang widget yang tidak perlu dan malah memberatkan Blog sobat ketika dimuat.
Ok, jika sobat ingin membuat gambar pada widget popular posts berputar, beginilah langkah-langkahnya:
1. Login ke akun Blogger sobat.
2. Pastikan widget popular posts telah terpasang di Blog sobat. Jika belum pasanglah terlebih dahulu. Saya yakin hal tersebut gampang dan tidak perlu panduan khusus.
3. Jika telah terpasang, sobat masuk pada bagian template.
4. Klik Edit Template.
5. Cari kode ]]></b:skin> , agar lebih mudah gunakan tombol ctrl+F.
6. Masukan kode berikut diatas kode ]]></b:skin>.

<style type='text/css'>
.PopularPosts .item-title{display:none}
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>
7. Klik simpan.

Selesai, silakan lihat hasilnya. Gampang sekali kan sob.
Download

Cara Tukar Link di Blogspot




Download
Tukar Link di Blog
Tukar link adalah bertukar traffic / pengunjung atau saling menaruh link satu sama lain diblog kita. Keuntungannya begini , misal kita gak punya duit buat pasang iklan di blog blog ternama , pakai tukar link malah gratis (free), tentunya kita juga bayar dia dengan memasang linknya juga ke blog kita . Begitu banyak manfaat yang akan kita dapat hanya dengan ber tukar link. Sebagai junior dalam nge blog saya selalu mengunjungi blog-blog para blogger senior, karena dari merekalah kita banyak belajar nge blog yang baik dan jangan lupa etika nge blog harus selalu kita patuhi.
Berikut ini beberapa manfaat Tukar Link :


1. Mendapatkan banyak link partner untuk blog

2. Rangking blog pelan2 akan semakin meningkat

3. Mendapat banyak anchor text dari blog lain

4. Dapat meningkatkan page rank

5. Menambah jumlah pengunjung blog

6. Blog akan makin banyak menambah backlink dari blog lain

7. Mempererat tali silaturahim sesama blogger

Maka jika para sobat tertarik untuk tukar link, silakan ikuti langkah-langkahnya di bawah:
1. Sobat baiknya sediakan dahulu banner gambar untuk link sobat agar lebih menarik. Sobat bisa membuatnya pada software pembuat gambar atau agar lebih mudah buatanya dengan situs cooltext.
2. Jika gambar telah tersedia, maka sobat masuk ke akun blogger sobat.
3. Masuk pada bagian Tata Letak.
4. Klik tambahkan gadget di posisi yang sobat inginkan.
5. Pilih HTML/Javascript.
6. Masukan kode html berikut.

<div style="text-align: center;">
<img alt="Brader Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4-7pqrhiWDsCPEf9hBEOd9nbEdmEkK-zgQYG180WE4hJDfB6GbFrfMlkgFrGEviUxU6222DBUztq2Dzha58DSil_OygRTEHJffIiOojL0q1n3SOIvoVQxW7IuNjpWBMkFW-UtTHpZ0o/s1600/cooltext920263870.gif" />
<textarea code="" rows="5" cols="10" name=""><center><a href="http://regibrader-free.blogspot.com/" target="_blank" title="Brader Blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKbUmxW6J6lqSUS_o-x-aiilEs7ItkMBIn_YfEdkEEmhbOS5bkDgKbtp86r2JUSE7aoQ5Mk3v0X_NANvYvH5xlNV-VyE2ItTXmIEga1jHxKhKWwm61jRWEn_RYPnkMpEgtBB0ORLtSw4/s1600/cooltext920253332.gif" /></a></center></textarea></div>

7. Sobat atur posisi dan ukuran pada kode yang berlatar abu-abu.
8. Berikan judul pada link sobat pada kode warna hijau.
9. Masukan URL banner gambar untuk link sobat pada kode warna merah.
10. Masukan alamat Blog sobat pada kode warna biru.
11. Selesai, klik simpan.

Maka hasilnya pada widget sobat akan tampil seperti milik saya.

Brader Blog
Selanjutnya sobat dapat bertukar link dengan sobat Blogger lainya dengan link yang telah sobat buat.

Untuk mencantumkan link-link teman Blogger sobat, caranya adalah sebagai berikut:
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Pilih tambah gadget di posisi yang sobat inginkan.
4. Pilih HTML/Javascript.
5. Masukan kode HTML berikut.

<h2 class=”title”>Link Sobat</h2>
    <div class=”widget-content”>
    <div style=”border: 0px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 300px; text-align: left;”>

Masukan Link Sobat Disini
<center><a href="http://regibrader-free.blogspot.com/" target="_blank" title="Brader Blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKbUmxW6J6lqSUS_o-x-aiilEs7ItkMBIn_YfEdkEEmhbOS5bkDgKbtp86r2JUSE7aoQ5Mk3v0X_NANvYvH5xlNV-VyE2ItTXmIEga1jHxKhKWwm61jRWEn_RYPnkMpEgtBB0ORLtSw4/s1600/cooltext920253332.gif" /></a></center>
Masukan Link Sobat Disini

    </div>
    </div>
Catatan:
Masukan judul widget pada kode warna biru.
Atur Ukuran pada kode warna hijau.
Masukan link-link teman blogger sobat pada tulisan warna merah.

OK, sekian saja seputar cara tukar link. Selamat bertukar link sobat...