Situs jejaring sosial sudah banyak kita temukan mulai dari friendster,,twitter,,yahoo,,bebo,,koprol,,myspace,,youtube dan yang paling banyak digemari anak muda sekarang yaitu facebook(termasuk ane gan,,hehe) dan bahkan mungkin akan banyak lagi bermunculan situs” jejaring sosial lagi dari tahun ke tahun,,
Postingan ane kali ini adalah bagaimana agan-agan semua dapat memasang akun situs jejaring sosial pada wordpress dengan menggunaka icon-icon yang unik sekaligus untuk menghemat tempat pada sidebar agan,,
Tujuan memasang situs jejaring sosial kita pada wordpress adalah agar para blogger yang mengunjungi blog agan bisa menjadi teman agan n juga bisa menjalin silaturahmi sesama blogger,,
Hhe
Contoh seperti punya ane gne gan,,lihat gambar..
Oke langsung aj gan,,
Simak langkah – langkahnya dengan baik:
Pertama n yang paling utama agan harus mempunyai icon-icon uniknya terlebih dahulu,,bila belum punya silahkan download dimari gan Klik Disini
Setelah selesai mendownload ikuti langkah selanjutnya:
(Perhatikan baik-baik iah..)
🙂
1.Login dulu ke akun wordpress agan
2.Setelah itu buat tulisan baru dengan cara (Klik tulisan – lalu pilih tambahkan baru),,maka akan muncul gambar seperti dibawah ini..(Ingat dalam mode HTML,,lihat kotak berwarna merah)
3.Selanjutnya klik icon ini(Lihat kotak berwarna merah),,
4.Lalu akan muncul halaman,,kemudian klik ” Pilih Berkas ”,,seperti gambar dibawah ini..
5.Maka akan muncul halaman baru,,lalu cari icon unik yang sudah agan download tadi,,lalu pilih n klik “Open”,,lihat gambar..
6.Tunggu hingga prosesya selesai,,seperti gambar dibawah ini..
7.Kemudian bila telah selesai prosesnya,,maka akan muncul gambar seperti ini,,langsung saja klik “Sisipkan kedalam tulisan”(Lihat kotak berwarna merah),,lihat gambar..
8. Setelah itu akan muncul kode HTML-nya(kotak berwarna merah),,lalu copy kode yang di blok warna biru(Ingat jangan sampai salah meng-copy klo salah maka gambarnya tidak akan muncul),,lihat gambar..
9.Ingat kode yang telah di copy tadi jangan sampai hilang karena kode tersebut adalah kode “Url gambar” dari icon unik agan yang akan digunakan nanti untuk mengganti kode url gambar di bawah ini,,
(Copy kode dibawah ini)
<a title="Mau Berteman Klik Aja..." href="http://www.facebook.com/profile.php?id=100001657280816" target="_blank"> <img class="alignleft size-full wp-image-1805" title="Mau Berteman Klik Aja..." src="https://akimlinovsisa.files.wordpress.com/2011/09/facebookj.png" alt="" width="68" height="68" /></a>
PERHATIKAN dengan baik gan:
(Jangan sampai salah)
-Kode (http://www.facebook.com/profile.php?id=100001657280816): Ganti dengan alamat URL Profile twitter,,facebook,email,,firendster,,picasa album,,myspace,,youtube,bebo,,koprol dll punya agan.
-Nah,,ini gan,,Kode dibawah ini..
<img class="alignleft size-full wp-image-1805" title="Mau Berteman Klik Aja..." src="https://akimlinovsisa.files.wordpress.com/2011/09/facebookj.png"
Ganti dengan URL gambar agan yang telah di copy tadi.
-Width : Lebar gambarnya silahkan ganti sesuaikan dengan sidebar agan.
-Height : Tinggi gambarnya silahkan ganti sesuaikan dengan sidebar agan.
Setelah semuanya diganti maka copy semua kode URL-nya lalu letakan pada sidebar di widget text caranya,,sebagai berikut:
1. Klik “Appereance/Tampilan” –>” Widget “
2. Pilih widget “Text“
3. Drag (tarik) widget TEXT ke sidebar –> Beri judul –> paste code HTML yang telah agan copy tadi..
4. Lalu klik simpan & selesai.
Selamat mencoba,,
Semoga berhasil..
🙂
makasih ya buat ilmu’a..
bermanfaat banget nie.. ^^
btw makasih link bwt download icon unik’a ya..
tadi ga sempet komen disitu.. 🙂
yoi, sama2,
Thank ya dah berkunjung,.
🙂
yups, tar klo ada waktu luang lagi aq obrak-abrik lg ya blog’a,,
masih penasaran sama tips&trik yg lain nie.. 😀
Mantap gan tipsnya udah aku coba, thank’s a lot 🙂
http://hanifweb.wordpress.com/
gan, punyaku kok iconnya nggak beraturan?
contohnya ini http://penjajailmu.wordpress.com/ liat gan…mohon masukannya 😀
barusan ane liat rapih gan letak icon facebook, youtube ama tweeternya,
iya gan, ane udah berjuang mati-matian untk rapian itu…hahah makasi gan ..belog nya bermanfaat banggett ^_^
Kunjung balik ya,,,,,
Sip gan tutorialnya, masasih ya .. visit in my blog gan. terima kasih. 🙂
mksh gan, maklum newbie
setelah kerja keras akhirnya gw bisa juga mraktekin trick di atas… thnaks agan!!!
Thanks buat Infonya!
http://www.naufalhisyam.wordpress.com
thanks gan atas ilmunya..
thx info’a gan 😀
artpoe.co.cc
a, ko icon unggah/sisipkan yg di tulisannya gak ada icon itu?di situ kan ada 6 icon, klo pnya aq mh cuma ada 3…
iah itu cma cntoh 6 icon,,kan pertama download dlu icon”n uniknya d dlmnya kan terdapat banyak icon unik dr facebook,tweet,,youtube dll,,abis itu kita upload 1 persatu kita pilih icon apa yang mau dipasang,,
setelah berhasil d upload icon unik yang mau dipasang pindah k mode HTML trs muncul kodenya,,nah kita ambil kode img srcnya itu kode utk gambarnya,,
kode tsb nti d gabungkan ke kode yg dah ane kasih,,
akasih banget gan….
punya ane kok gak bisa klik HTML pada tulisan baru ya gan..?
semua wp ada gan,,cba praktekin ulang mbil dilihat gambarnya diperbesar biar lebih jelas gambarnya gan,,
🙂
gan ko gambar saya muncul tp tulisan htmlnya ikutan muncul..
knp bisa begitu gan???
cba di ulangin lagi caranya dari no.8 spa tau agan ad yang ke kopy semua,,
gan cara kasih icon di komentar wordpress gimana??
icon gmn gan mksdnya,,bisa lebih jelas lagi nanyanya…
nice info gan 🙂
http://warungbaksosabar.wordpress.com/
makasih gan. . .
artikel nya sangt bagus…
^_^
Masama gan,,
🙂
Gan, cara pasang music di wordpress gmnaa..?????
Baca tutorial ne gan,,
makasih gan infonya, alhamdulillah udah bisa tampil, jangan kesel yah jika saya tanya terus hihihihii,
gan di tampilan blog agan kan ada dua page yang satu diatas header seperti buku tamu dll dan kedua di bawah header seperti page cara-cara dll, gimana cara buatnya?….
Yoi,,sama” gan,,
klo yang buku tamu am cara” itu tergantung temanya gan,,
bila agan membuat sebuah halaman atau kategori di wordpress,,maka otomatis akan muncul pada halaman utama WP agan(yg akan diletakan sesuai temanya),,
🙂