Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Cara Memasang Widget Social Media Keren di Sidebar Blog


IRFANRO.COM - Hampir seluruh blog yang ada di muka bumi ini menggunakan widget social media. Ragamnya pun bermacam-macam tergantung pembuat desain gambar thumbnailnya. Semakin bagus dan sederhana desain widget, biasanya menimbulkan kesan bagus pada blog secara tampilan. Widget social media juga mempermudah bagi pengunjung blog untuk lebih mengenal pemilik blog, juga bisa meningkatkan pengunjung bagi blog tersebut.


Walaupun sudah sangat banyak sekali blog yang membahas tentang tips memasang widget social media ini, tidak ada salahnya kalau saya menuliskannya menurut pengalaman saya sendiri sebagai pemula dalam dunia blogger. 

Widget social media yang akan saya share adalah yang seperti saya pakai di blog irfanro.com ini. Ada empat icon social media yaitu twitter, facebook, google+, instagram dan youtube. Ada dua langkah mudah untuk mengaplikasikannya.

Langkah Pertama
Ada script yang harus anda copy dibawah ini:

<a href='http://www.twitter.com/aboutperfumery/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>
<a href='http://www.facebook.com/irfanrosblog/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>
<a href='http://plus.google.com/100971576531562097009/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s32-no/google.png' title='Google Plus'/></a>
<a href='http://instagram.com/irfan.ro/' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s32-no/instagram.png' title='Instagram'/></a>
<a href='http://www.youtube.com/channel/UC6hhcre9v_wzs89e2g1D_yQ' target='_blank'><img alt='Youtube Channel' src='https://lh3.googleusercontent.com/-iuHC7JsIgz0/VJ_WHFriyOI/AAAAAAAAI9I/S2gf8lcU8uA/s32-no/youtube%2Bicon.png' title='Youtube Channel'/></a>

Selanjutnya buka notepad untuk mengedit kode diatas. Paste kan kode di notepad, lalu editlah bagian yang berwarna biru dengan akun social media milik anda. Jika ingin menghapus salah satu sosmed yang tidak anda pakai, silahkan tinggal hapus saja bagian yang tidak dipakai.

Langkah Kedua
Masuk ke akun blogger anda, pilih blog yang akan diedit dan pilih tata letak / layout.


Setelah masuk di halaman tata letak, pilih add gadget. Akan muncul seperti ini:


Selanjutnya pilih HTML/Javascript, akan muncul seperti ini:


Buka notepad tadi, lalu copy semua kode yang sudah diedit. Jangan sampai ada kode yang tertinggal ya, harus dicopy semuanya. Selanjutnya paste kan semua kode di kotak HTML/Javascript seperti gambar di atas lalu klik Simpan. Lihat blog anda, sudah muncul kan widget social medianya? Silahkan mencoba ...


Cara Memasang Widget Instagram di Blogspot


IRFANRO.COM - Blog dengan tampilan widget media sosial selain dapat membantu mempercantik tampilan blog, juga bisa mempermudah promo blog tersebut melalui media sosial. Widget yang umum kita jumpai di beberapa blog misalnya widget facebook, twitter, google+, path, dan lain nya.

Pengguna instagram semakin hari semakin bertambah, apalagi hobi selfie itu menular, jadi semakin banyak pula orang yang ingin mempublish hasil jepretannya. Nah, sayang sekali kalau sudah punya blog dan instagram tapi tidak memasang widget instagram di blog. Langsung saja, tips memasang widget instagram adalah:

Langkah Pertama
Masuk ke akun instagram anda (sebenarnya tidak masuk ke akun dulu tidak apa-apa, tapi kadang terjadi error saat penyesuaian widget)

Setelah masuk, buka tab baru dan ketikkan alamat snapwidget.com. Setelah terbuka tampilannya akan seperti di bawah ini:


Di bagian bawah ada form isian yang digunakan untuk mengatur widget anda nantinya. Pada kolom username, masukkan username instagram anda. 

Selanjutnya pada kolom dibawahnya isikan sesuai kebutuhan widget anda nantinya. Pada hastag diisi hastag yang anda inginkan atau dikosongkan saja. Pada widget type silahkan pilih mau seperti apa nantinya view widget anda, disitu ada 5 pilihan seperti grid, board, scrolling, slideshow dan map. Selanjutnya ada thumbnail size, layout, photo border, background color, photo padding, hover effect, sharing button dan responsive. Nah, setelah disetting lalu klik preview. Jika belum sesuai, silahkan setting ulang dan klik preview lagi sampai ketemu yang pas dengan selera anda. Contoh previewnya:


Pada contoh preview tersebut saya menggunakan widget type board. Pada layout saya pilih 2 x 2. Pada responsive saya pilih yes. Atur-atur saja sampai sesuai dengan selera. Yang ini hanya contoh.

Setelah selesai, lalu klik get widget. maka akan muncul kode script widget yang sudah anda buat. Contohnya seperti ini:


Lalu copy semua kode tersebut, jangan ada yang tertinggal ya, hehe. 

Langkah Kedua
Masuk ke akun blogger anda. Pilih blog yang akan dipasang widget tersebut. Lalu klik tata letak / layout. Selanjutnya klik add gadget / tambahkan gadget. Setelah muncul beberapa pilihan tindakan, pilih HTML / java script. 


Akan muncul box seperti di atas. Selanjutnya paste kan seluruh kode yang sudah anda copy tadi ke kolom konten. Pada bagian judul bebas mau diberi judul atau dikosongkan saja. Selanjutnya klik simpan dan lihatlah blog anda. Widget instagram racikan anda sudah jadi. Selamat mencoba ya ...


 

© 2013 Irfan Ro. All rights reserved. Designed by Templateism

Back To Top