Jumat, 30 Desember 2011

Cara Mengatasi Re-Direct Blogger ke Ripway.com


Sejak dua hari ini kasus url blogger diredirect ke Ripway.com semakin merebak. Dari pantauan saya sebagai kontributor di forum Blogger Help dan GTJ, ada banyak sekali laporan-laporan serta permasalahan blog yg diredirect ke ripway.com. Hmmm? Ada apa gerangan?

Karena banyaknya kasus tersebut serta karena akan sangat melelahkan jika harus menuliskan satu per satu solusinya pada masing-masing thread, maka saya memutuskan untuk membuat posting tentang itu. Semoga nantinya bermanfaat. 

Sebenarnya kasus redirect ini tidak menimpa Blogger saja, dari apa yg saya lihat, banyak pengguna Facebook yg juga terjebak dan diredirect ke ripway.com tersebut. Biasanya ditemui ketika user hendak login. Bentuk URL yg diredirect pun bermacam-macam, namun biasanya terdiri dari sebaris url panjang yg berisi perintah-perintah tertentu pula. Namun setelah masuk, redirect gagal karena situs atau halaman yg dimaksud telah dihapus oleh pihak hosting. Ripway.com sendiri sebenarnya adalah sebuah situs usaha hosting web.
Biasanya blog diredirect ke alamat semacam ini:

http://pagesinxt.com/?dn=h1.ripway.com&fp=UDHDJbDhygIKgkUmGy1UnnBh6iQJF4%2BHoaKou7e4CWjl3%2BPlMkVv%2B1hxRaHJ8jiPNZNv6Qnrzr%2Bb3fW4NI%2BAiQ%3D%3D&prvtof=aLQrPh77aCYbsjs2aZeR5dpBMu8XipymM8fCFwArfy4KkC9fTmtJ5O3KXLkwWQvAbNMQ3fpotGH55hp6l8xIYQ%3D%3D&poru=4neHAidVPQGkWzWiULJcKgTT3YbzciglAZIdVFDCkg0RCIpd5A2b9hmO1l6%2FcU48kO%2BLceR4ZH0pWGoe%2Fbyqb4McC%2F1Qz8w7%2B6yVDvf%2F9qM%3D&cifr=1&flrdr=yes&nxte=js

Sumber masalahnya pun masih simpang siur karena para whitehacker pun masih menyelidikinya. Satu yg agak jelas pada kasus Facebook adalah adanya malware yg telah tertanam di computer. Sedangkan pada blogger, tidak banyak yg bisa diinformasikan, karena sumber jelasnya belum diketahui darimana. Tetapi, ada tetapinya nih, keberadaan redirect tersebut bisa dilacak melalui gadget/widget. So?

Sumber Masalah Redirect Blogger Ke Ripway.Com


Redirect blog Blogger disebabkan oleh penggunaan widget/gadget yg mengandung javascript yg memberi perintah untuk mengarah ke salah satu url ripway.com. Dalam hal ini redirect dilakukan oleh http://pagesinxt.com. Perintah itu tentunya disebabkan oleh dua kemungkinan:
1. Pemilik blog yg memasukkan widget external tertentu ke dalam blog.
2. Ada pihak lain yg secara sengaja mengubah isi blog melalui hacking/hijacking. (Semoga yg terjadi tidak demikian.

Setelah memberikan beberapa jawaban dalam bentuk investigasi serta usaha mencarikan solusi dari kedua forum di atas, akhirnya ditemukan bahwa sumber masalah redirect blogger tersebut berasal dari:

1. Widget Follower yg baru saja ditambahkan. WIdget ini yg paling banyak dilaporkan mengandung perintah redirect tersebut. Saya sendiri sampai saat ini masih belum menemukan, mengapa gadget follower yg notabene telah menjadi widget resmi Blogger menyebabkan seperti ini. Tapi kronologi yg paling banyak terjadi adalah: 

User menemukan bahwa widget follow-nya menghilang dari blog > dia kembali menambahkan widget follow > blog tanpa diduga di-redirect ke ripway.com.

2. Banyak kasus juga terjadi karena penggunaan widget efek salju yg dipasang di blog.
Bukan berarti penyebabnya hanya dua widget di atas, bisa jadi script juga ditanam di widget-widget lain.

Solusi Mengatasi Blogger Di-Redirect Ke RIpway.Com


Jika blog sobat mengalami kasus yg sama, silahkan simak solusi berikut:
Karena kasus redirect blogspot disebabkan oleh penggunaan widget external, maka ada dua kemungkinan solusi yg dapat digunakan:

1. Hapus/lepas gadget/widget yg akhir-akhir ini sobat pasang. Coba diingat-ingat gadget apa yg sobat pasang sebelum akhirnya blog diredirect ke ripway.com
.
Dari page elements > Klik "edit" pada gadget tersebut > Lalu remove.

2. Jika sobat tidak mengingat gadget apa yg dipasang. Gunakan cara berikut:

a. Buka Edit HTML/Edit Template.
b. Klik/centang "expand widget templates". 
c. Cari (tekan Ctrl+F) ripway.com.
d.Jika ketemu itulah sumber masalahnya.
e. Perhatikan bagian script, hapus seluruh bagian script dari ripway.com.
Script dimulai dari tag <script dan diakhiri oleh /> atau </script>

Perhatikan contoh:

<script ......ripway.com.............. /> atau
<script>............ripway.com..........</script>

Hapus bagian seperti contoh di atas.

f. Setelah dihapus, save template.
g. Cek blog apakah masih mengalami redirect.

Jika ripway.com tidak ketemu ketika dicari di edit HTML, coba cari pagesinxt.com.
-------------------------------------- 
Karena kasus redirect ripway.com juga terjadi pada saat login, kemungkinan besar adalah terinfeksinya komputer dg malware yg redirect ke situs tersebut.

Baca Selengkapnya......

Cara Membuat Header Pada Blog

Beberapa teman sering menanyakan cara membuat gambar header untuk blog mereka. Jadi pada tutorial Photoshop kali ini kita akan belajar cara membuat sebuah gambar header. Untuk membuat sebuah header, tentu kita perlu program yang bisa mengolah/membuat gambar dalam format bitmap. Ada banyak program yang bisa digunakan, pilih aja yang familiar dengan kamu, ada Adobe Photosop, Corel Photopaint, Macromedia Firework, dan masih banyak lagi. Tapi yang kubahas sekarang adalah yang pake Photoshop.

Sebelum kita mulai membuat gambarnya, ada beberapa hal yang perlu kita siapkan sebelumnya, yaitu:


  • Ukuran header yang sesuai.
    Ini harus dilihat sendiri dari template blog yang dipake. Untuk contoh yang akan kita buat, ukuran header ini adalah 780 kali 180 pixel. Sama dengan ukuran header yang dulu saya gunakan di blog sadewo-photology, saya menggunakan template yang namanya Nyoba-780 buatan mas Isnaini.
    Kalo pake template dari Blogger, ukurannya bisa disesuaikan sendiri (tapi aku pernah nyoba kukasih gambar, gambarnya nggak muncul sebagai background header, mungkin biar muncul ada CSS yang harus dirubah (aku agak katrok kalo soal css, apalagi php..). Bisa juga diakali dengan membuat page element baru tentang Image sih sebenarnya, tapi nggak bisa diletakkan sebagai background header.). Kalo mau digunakan sebagai page element, ukur dulu berapa ukuran maksimal dari letak page element tadi.


  • Bahan gambar atau materi yang akan digunakan.
    Ingat bahwa gambar tersebut bakalan nongol terus di blog Anda.


  • Siapkan juga makanan kecil dan minuman di samping komputer, siapa tahu waktu keasyikan mbuat gambar merasa laper…

  • Cara membuat gambar header dengan Photoshop

  • Buka dulu program photoshop, kemudian buat file baru dengan memilih menu File > New. Pada kotak dialog New, isikan ukuran header yang akan dibuat. Misalnya pada width=780 dengan satuan ukur pixel, terus pada height=180. Jangan lupa pada resolusi harus 72 pixel/inch. Klik OK jika semua ukuran sudah sesuai.

    Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.
    cara membuat header blog dengan photoshop, gambar 2

  • Kemudian buat gambar yang kamu inginkan pada file baru ini.Gambar header bisa dengan memasukkan gambar lain, kasih tulisan, atau apa aja terserah dengan ide dan kreativitasmu. Kalo bingung, nggak ada ide? Buka aja website dan blog yang ada di internet, banyak sekali kan, tinggal cari aja ide dari gambar-gambar tersebut. Tapi ingat, JANGAN ngopi paste gambar header orang lain terus dipasang lagi, itu sama kayak mencuri. Cari Ide, bukan Curi Ide.


  • Setelah gambar jadi, jika gambar tersebut menggunakan lebih dari satu layer, pilih dulu menu Layer > Flatten Image agar semua layer menjadi satu di layer background.


  • Kemudian simpan (File > Save) dengan format JPEG/JPG atau GIF. Ini agar ukuran file-nya kecil. Jika pake JPEG/JPG aturlah nilai kompresi yang dilakukan pada kotak dialog JPG option yang muncul setelah kamu klik tombol Save. Seberapa banyak kompresi yang diperlukan, itu tergantung kondisi gambar, misalnya ukuran dan warna yang digunakan. Sesuaikan sendiri antara ukuran file hasil jadi dengan kualitas gambar, karena semakin banyak dikompres maka kualitas gambar akan turun.cara membuat header blog dengan photoshop, gambar 3Gambar dalam lingkaran merah, yang sebelah kiri adalah ukuran file yang akan disimpan (dalam kilobyte), dan yang sebelah kanan adalah waktu yang diperlukan saat gambar tersebut diakses dalam ukuran kbps tertentu.


  • Setelah gambar udah jadi, tinggal diupload aja pakai software blog Anda.cara membuat header blog dengan photoshop, gambar 4Misalnya Anda menggunakan Blogger, gunakan page element-nya. Kalo hosting sendiri, upload di cpanel-nya. Atau bisa juga diupload dulu ke web yang melayani image hosting, misalnya Photobucket, ImgPlace, atau yang lain.


  • Jika Anda tidak mengetahui ukuran gambar yang sesuai dengan ukuran template / theme-nya. Berikut ini caranya untuk mengetahui ukurannya:
  • Simpanlah gambar header yang sudah ada di blog Anda. Kemudian buka gambar tersebut dengan Photoshop. Setelah itu pilih menu Image > Image size. Pasti akan nampak ukuran panjang dan lebarnya. Kalau resolusinya, biasanya 72 dpi.



  • Atau, jika gambar tersebut tidak ada atau tidak bisa disimpan, maka saat gambar header blog Anda nampak di layar monitor tekanlah tombol Print Screen di keyboard (kadang satu kali tidak cukup, perlu 2 atau 3 kali menekan tombol tersebut).
    Kemudian bukalah program Photoshop. Buat file baru dengan cara memilih File > New. Pastikan pada kotak isian Preset Size ukuran filenya adalah Clipboard (biasanya secara langsung sudah clipboard), kemudian klik OK. Setelah itu pilih menu Edit > Paste.

    Anda sudah mendapatkan tampilan gambar dengan ukuran sebenarnya. Sekarang pilih Crop tool, potonglah gambar tersebut pas pada bagian gambar header-nya saja. Kemudian pilih menu Image > Image Size untuk mengetahui panjang dan lebar gambar, atau langsung saja gunakan hasil crop tadi untuk media membuat gambar header Anda.

  • Baca Selengkapnya......

    Kamis, 29 Desember 2011

    Cara Cepat Mengetahui Kode Warna Blog Orang Lain

    Awalnya saya lagi coba-coba edit template ini, saya tertarik pada tampilan dasbor blog, sudah saya coba buat backgroundnya tapi koq warnanya gak bisa sama-sama ea ?? wahh.. sempat dibuat bingung jg neh.. akhirnya saya cari-cari info di mbah google, gmn c caranya biar kita tahu kode warna yang ada di blog/web orang lain ?? akhirnya nemu juga caranya.. yaitu dengan add ons firefox, yaitu ColorZilla. mungkin sobat blogger udah pada tahu semua, tapi gak ada salahnya kalau saya share kembali.

    Jika Sobat pengguna browser Mozilla Firefox, Sobat akan mudah mengetahui kode warna tersebut. Caranya dengan menggunakan ekstensi mozilla yang disebut ColorZilla. Sobat tinggal menyorot warna yang ada, lalu ekstensi ini meninformasikan kodenya.

    Nah.. Berikut adalah cara menginstal dan menggunakan ColorZilla.

    1. Kunjungi situs ColorZilla.

    2. Klik tombol Install ColorZilla.

    3. Akan muncul pop up yang meminta Anda untuk mengijinkan penginstalan ColorZilla di pojok kanan atas. Klik Allow.

    4. Akan muncul tampilan seperti di bawah ini. Lalu klik Install Now.

    5. Setelah selesai, restart browser mozilla Sobat.

    6. ColorZilla akan muncul di bagian kiri bawah browser Sobat.

    7. Untuk menggunakannya, klik tanda seperti di bawah ini.

    8. Lalu sorot saja warna yang ingin Sobat ketahui kodenya. Catat kode tersebut secara manual.

    9. Contoh hasilnya seperti berikut (yang ditandai panah adalah kode warna huruf Firefox yang disorot).


    Semoga bermanfaat.

    Baca Selengkapnya......

    Ada Yang Mau Jadi Penulis Blog Saya??


    Hey hey.. Kelihatannya Hari sekolah saya akan berlangsung lagi, rasa rasanya saya butuh bantuan lagi nih dari temen temen yang berminat jadi PENULIS BLOG ini. Syaratnya mudah kok.. Gak pake ribet


    SYARAT KECIL
    1. Bisa posting blog pastinya.
    2. Suka Posting - posting yang bermanfaat
    3. OL tiap hari sambil Posting Blog
    4. Punya Email harus donk
    5. Bisa dipercaya wajib banget
    6. Udah 

    CARANYA CUKUP MUDAH
    1. Yang harus diketik
    Nama Saya : []
    Email Saya : []
    Tujuan : []
    3. Jika sudah, Saya akan balas. "Oke Check Email"

    PERATURAN KECIL
    1. Kalo Copas Artikel Kasih Sumber
    2. Kalo Gambar artikel kegedean Harap Di Kecilin
    3. Kalo ada yang butuh bantuan segera cari solusinya
    4. Kalo untuk bayaran, Saya gak tau juga. hehe Nanti kalo saya ada pemasukan pasti saya bagi deh

    Mohon Maaf ya kalo ada hal kurang berkenan  
     
    Bila anda masih bingung tanyakan kepada sya insyallah sy bantu maslahnya

    Baca Selengkapnya......

    Kamis, 08 Desember 2011

    Cara Membuat Read More / Baca Selengkapnya di Blogger

    Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

    1. Buka menu Layout kemudian pilih Edit HTML.
    2. Kasih tanda cek (centang) pada cekbox "expand widget template"
    3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

    <p><data:post.body/></p>

    4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>

    <p><data:post.body/></p>

    <a expr:href='data:post.url'>Read More......</a>
    </b:if>

    Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

    5. Simpan hasil pengeditan.
    6. Kemudian pilih menu Setting lalu pilih Formatting
    7. Pada kotak Post Template isikan kode berikut:

    <span class="fullpost">


    </span>


    8. Kemudian Simpan.
    9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

    <span class="fullpost">


    </span>


    10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
    11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
    Selamat Mencoba...

    Baca Selengkapnya......