Seputar Wordpress

Cara Menambahkan Tombol Sosial Media di Sidebar WordPress

Cara Menambahkan Sosial Media di Sidebar WordPress.

Update postingan ringan aja nih Kawan, berhubung ane baru pasang fitur baru sosial media (versi saya :-) ) jadi langsung aja di bagi-bagi, siapa tahu ada yang berkenan di hati dan ingin ikut memasangnya di sidebar blog Anda.

Sosial media banyak sekali macamnya, namun disini saya akan coba berbagi tombol sosial media yang biasa digunakan oleh kebanyakan situs atau blog. Ini dia beberapa tombol sosial media yang saya maksud. 

     

 Tombol-tombol sosial media diatas dapat Anda pasang dengan langsung meng copy-paste kode di bawah ini ke dalam Widget Text Sidebar Anda:

<p style="text-align: center;"><a href="
http://irfanhandi.blogspot.com/
"><img title="My Blogspot" src="
http://irfanhandi.files.wordpress.com/2012/06/blogger-32x32.png
" alt="" width="32" height="32" /></a>

<a href="http://www.facebook.com/irfan.handi/"><img title="My Facebook" src="http://irfanhandi.files.wordpress.com/2012/06/facebook-32x32.png" alt="" width="32" height="32" /></a>

<a href="
http://twitter.com/#!/irfanhandi80/
"><img title="My Twitter" src="
http://irfanhandi.files.wordpress.com/2012/06/twitter-32x32.png
" alt="" width="32" height="32" /></a>

<a href="
http://plus.google.com/102967904998862892785/
"><img title="My Google Plus" src="
http://irfanhandi.files.wordpress.com/2012/06/google-32x32.png
" alt="" width="32" height="32" /></a>

<a href="
http://irfanhandi.wordpress.com/feed/
"><img title="RSS Feed" src="
http://irfanhandi.files.wordpress.com/2012/06/rss-32x32.png
" alt="" width="32" height="32" /></a>

<a title="Login Here" href="https://irfanhandi.wordpress.com/wp-login.php"><img src="
http://irfanhandi.files.wordpress.com/2011/12/login.png
" alt="" width="32" height="32" /></a></p>

Keterangan :

Ganti kode yang berwarna merah dengan menyesuaikan alamat sosial media yang ingin Anda tuju, misalnya ganti alamat akun facebook atau twitter milik Saya dengan alamat facebook dan twitter Anda.

Selanjutnya jika ingin mengganti icon dari sosial media diatas, Anda bisa mencoba mencari di Google Gambar dengan kata kunci “FB / Twitter Free Icon” disana banyak menyediakan segudang icon sosial media yang bisa Anda pilih sesuka hati. Setelah mendapatkan icon yang Anda inginkan, silahkan download atau simpan gambar icon tersebut kedalam PC / Laptop Anda.

Langkah berikutnya, silahkan upload icon-icon yang telah Anda download tadi melalui Media yang telah di sediakan oleh pihak WordPress.com. Atau lihat cara uploadnya seperti gambar berikut :

  • Klik icon di sebelah tulisan Unggah/Sisipkan (dilingkari warna merah)
  • Setelah di klik maka akan mucul tampilan seperti berikut :

  • Langsung saja klik Tombol Pilih Berkas, sehingga Anda akan dibawa ke file gambar icon yang telah Anda download dari internet tadi (kalau tidak ada silahkan cari dimana Anda menyimpan gambar tadi) dan klik Open.

  • Tunggu beberapa saat proses uploadnya, setelah berhasil maka akan muncul tampilan untuk mendapatkan link gambar yang nantinya dapat Anda ganti dengan icon yang sesuai dengan keinginan Anda.

  • Perhatikan tulisan yang dilingkari dengan warna merah, itulah alamat link gambar icon Anda dan silahkan copy-paste ke dalam kode yang berwarna biru untuk merubah tampilan icon yang sudah saya sediakan.

Berminat untuk Try and Error? Silahkan dicoba-coba dan semoga berhasil.

Demikian Cara Menambahkan Tombol Sosial Media di Sidebar WordPress ini.

Menurut Anda?

Tentang Irfan Handi

Seorang Ayah yang Hanya Ingin Berbagi. Hobi mendengarkan Lagu Sasak Tulen. Bagi Anda yang ingin mengetahui lebih jauh tentang Budaya sasak, silahkan mengunjungi http://lagusasaktulen.blogspot.com/

Diskusi

33 Tanggapan to “Cara Menambahkan Tombol Sosial Media di Sidebar WordPress”

  1. salam.
    mantap kawan, sukses selalu.. ijin sedot.. iconnya
    Salam.

    Posted by Beck | September 5, 2012, 9:42 am
  2. terimakasih kang maju terus

    Posted by ustadkastu | September 18, 2012, 7:15 am
  3. mantap nih. coba-coba ah mas bro!

    Posted by hirangputihhabang | Oktober 14, 2012, 6:47 pm
  4. mksh gan wat infonya,mg sukses slalu..

    Posted by budibuchong | Januari 2, 2013, 5:36 pm
  5. mantabs broo

    Posted by iklanantik | Januari 3, 2013, 5:11 pm
  6. thanks infonya mas irfan, mg sukses..

    Posted by arifhariantosan | April 8, 2013, 10:43 am
  7. thx agan yang paling oxz.. bermanfaat bgt
    izin praktek gan
    YNWA!!!

    Posted by anugrahviskal | Mei 30, 2013, 12:55 pm

Trackbacks/Pingbacks

  1. Ping-balik: Mempercantik Blog WordPress.com dengan Custome Menu « Irfan Handi - Juli 22, 2012

  2. Ping-balik: Mempercantik Blog WordPress.com dengan Custome Menu | Langkah Membuat Blog - September 14, 2012

  3. Ping-balik: Bang Nofan - September 20, 2012

  4. Ping-balik: Cara Menambahkan Tombol Sosial Media di WordPress « Menabah Mp3 pada Wordpress - Oktober 4, 2012

  5. Ping-balik: Cara Membuat Twitter Flash di WordPress.com « Irfan Handi - Oktober 12, 2012

  6. Ping-balik: Cara menambahkan widget facebook atau twitter di blog anda « denikosasih26 - Oktober 27, 2012

  7. Ping-balik: Dianfebri's Blog - Desember 21, 2012

  8. Ping-balik: Cara Menambahkan Tombol Sosial Media Melayang (Facebook dan Twitter) di WordPress | Dunia Teknologi - Februari 14, 2013

  9. Ping-balik: Cara Menambahkan Tombol Sosial Media di WordPress | Ilmu Cekgu - Maret 1, 2013

  10. Ping-balik: Mempercantik Blog WordPress.com dengan Custome Menu | Bidth austere - April 30, 2013

Kasih Komentar Dong Om & Tante Semua . . .

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Kategori

artikel menarik lainnya

Powered by Wordpress ~ Designed by WooThemes ~ Redesigned by Irfan Handi
Jump To Top
%d bloggers like this: