Wednesday, 25 November 2015

Posting Gambar Dengan Menyisipkan Link Tujuan

Standard
1. Upload gambar di http://postimage.org/ kemudian Copy paste Link/URL gambar yang kalian     upload di Notepad. Lihat contoh gambar :
 
Copy Paste Link/URL Gambar



 
Save di Notepad

2. Selanjutnya gunakan akun Gmail untuk Login ke Blogspot (https://www.blogger.com/). 
    Caranya : Buat Blog Baru > Template > Edit HTML
 
Buat Blog Baru

 
Pilih Template


 Edit HTML


3. Kemudian ubah Script di bawah yang bertuliskan COPAS LINK GAMBAR DISINI dengan   Link/URL gambar yang kalian save di Notepad tadi seperti berikut :



<script language="javascript">



window.location.href = "COPAS LINK GAMBAR DISINI"



</script>



<link href='COPAS LINK GAMBAR DISINI' rel='canonical'/>



<meta content='COPAS LINK GAMBAR DISINI' property='og:url'/>
 Hasil Script yang sudah diubah Link/URL gambar :


<script language="javascript">



window.location.href = "http://s22.postimg.org/u7zzcd675/12..."



</script>



<link href='http://s22.postimg.org/u7zzcd675/12...' rel='canonical'/>



<meta content='http://s22.postimg.org/u7zzcd675/12...' property='og:url'/>


4. Copy Paste Script yang sudah diubah di atas kode <head> di Template HTML Editor lalu klik Simpan template. Lihat contoh gambar : 
Copas Script Link/URL Gambar


 5. Kemudian klik kanan pada Lihat Blog lalu Copy alamat Blogspot-nya.

                              
Copas Alamat Blogspot

5. Selanjutnya Debug alamat Blogspot yang sudah di Copy Paste di https://developers.facebook.com/too... kemudian klik Fetch new scrape information hingga berhasil seperti ini :
 
Hasil Debug Sukses

6. Kemudian Copy Paste alamat Blogspot lalu posting di akun Facebook pribadi atau Fanspage kalian. Contoh : 
 
Post Link/URL Blogspot

7. Selanjutnya kembali ke Blogger > Template HTML Editor untuk mengubah Script Link/URL gambar tadi dengan Link/URL Tujuan yang kita inginkan.

Script sebelumnya :

<script language="javascript">window.location.href = "http://s22.postimg.org/u7zzcd675/12066052_1641646572772524_7990957826716867228_n.jpg"</script><link href='http://s22.postimg.org/u7zzcd675/12066052_1641646572772524_7990957826716867228_n.jpg' rel='canonical'/><meta content='http://s22.postimg.org/u7zzcd675/12066052_1641646572772524_7990957826716867228_n.jpg' property='og:url'/>


Hasil Script yang sudah diubah Link/URL Tujuan yang diinginkan. Disini saya akan direct postingan gambar tadi ke http://www.wow.com (Selanjutnya terserah mau diganti kemana aja bisa untuk domain yang sama) : 

<script language="javascript">



window.location.href = "http://www.wow.com/"



</script>



<link href='http://www.wow.com/' rel='canonical'/>



<meta content='http://www.wow.com/' property='og:url'/>
Copy Paste Script yang sudah diubah di atas kode <head> di Template HTML Editor lalu klik Simpan template. Lihat contoh gambar :
Copas Script Link/URL Tujuan yang diinginkan

8. Selesai. Semoga membantu. :)

Tambahan :
  • Tanpa Debug pun sebetulnya bisa langsung diposting Link/URL gambar yang sudah diedit. Tapi untuk mencegah terjadinya refresh meta konten secara otomatis dari Facebook-nya langsung, saran Debug aja.
  • Untuk gonta-ganti gambar yang lain pun bisa di domain yang sama, tinggal ganti Link/URL gambar-nya, terus Debug ulang lagi. Intinya bisa Custom Image dan custom Link/URL tujuan tanpa batas (Biasanya Custom Image melalui Fanspage, tapi untuk yang satu ini enggak berlaku).
  • Kalau biasa pakai Shorter URL, shorter URL Blogspot-nya sebelum diganti ke Scipt Link/URL Tujuan ya. Karena biasanya Bot Facebook cuma merekam meta konten sekali buat seterusnya saat pertama kali post URL. Kalau sudah terlanjur, bisa pakai fitur Facebook Debugger buat rubah lagi.
  • Berlaku untuk format gambar yang lain seperti : png, gif, dll
  • Rekomendasi ukuran gambar 486 x 396 pixel
  • Tampilan post link/url gambar kurang responsif untuk versi mobile (640px or lower)


0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)