Menambahkan Tombol 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 akunfacebook 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 pihakWordPress.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.

diambil dari :

http://irfanhandi.wordpress.com/2012/06/20/cara-menambahkan-sosial-media-di-sidebar-wordpress/

Leave a Reply

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 / Change )

Twitter picture

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

Facebook photo

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

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s