Tutorial Membuat Widget Social Network

Kembali pada Blog 'Berbagai Artikel Menarik', pada kesempatan ini saya akan membagi Artikel kepada Anda tentang Tutorial Membuat Widget 'Find Me' Social Network pada Blog.

Social Network yang dimaksud pada Artikel ini adalah Social network melalui Twitter, Facebook, Google+, LinkedIn, dan Pinterest.

Untuk langkah awal dalam membuat widget "Find Me" social network, tentunya Anda harus memiliki akun Social Network tersebut di atas. Jadi bila belum memiliki akun pada Social network di atas, silakan Anda terlebih dahulu membuat akun Social Network tersebut.
cara membuat widget find me-social network
Tampilan Widget 'Find Me" Social Network tersebut seperti pada gambar di bawah.
tampilan widget find me-social network
Untuk membuat Akun Twitter (Sign Up di sini), Akun Facebook (Sign Up di sini), Akun Google (Sign Up di sini), Akun LinkedIn (Sign Up di sini), dan Akun Pinterest (Sign Up di sini).

Setelah Anda sudah memiliki akun social network tersebut di atas, jangan lupa untuk melengkapi bagian Profil pada masing-masing akun social network Anda. Pada bagian isian URL, masukkanlah URL Blog Anda. Dengan memasukkan URL Blog Anda pada akun social network tersebut di atas, maka URL Blog Anda juga telah tertanam pada website yang ber-Page Rank Tinggi. Jadi selain tujuan Membuat Widget 'Find Me' Social network pada Blog, Anda juga telah membuat Backlink yang berkualitas untuk Blog Anda.

Catat dan Simpan baik-baik URL Profil Social Network Anda karena URL Profil Social Network akan digunakan di dalam Membuat Widget 'Find Me" Social Network.

Bagaimana Cara membuat Widget Find Me Social Network pada Blog ? Anda bisa mengikuti cara atau langkah-langkah di bawah ini :
  • Login pada akun blogger Anda.
  • Pilih atau klik "Tata Letak" seperti yang tampil pada gambar di bawah ini.
cara membuat widget find me-social network-1
  • Setelah Anda mengeklik "Tata Letak", silakan melanjutkan dengan mengeklik "Tambahkan Gadget".
cara membuat widget find me-social network-2
  • Pilih "HTML/JavaScript", pada tampilan yang muncul setelah anda mengeklik "Tambahkan Gadget".
  • Copy lalu pastekan kode berikut ini ke dalam widget "HTML/JavaScript" tersebut. Kode tersebut sebagai berikut :
<a target="_blank" href="https://twitter.com/1ArtikelMenarik/" rel="nofollow"><img alt='twitter' title='twitter' width="30" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9MFbEEZbceGUpaHRUvUNkJIbf1zH_Z-Zxf9_7frtfRauQKGpM55bwvHpYyrE10XgQbb5j-ffEV6i0-zD4pLYd_p7zLLCDxMQrWDKHhqbPdH9jtqvUCIPyYbtsMY2XhlCwnlNvZc-1qi8/s50-no/Twitter.png"/></a><a target="_blank" href="https://www.facebook.com/Berbagai.Artikel.Menarik/" rel="nofollow"><img alt="facebook" title="facebook" width="30" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-lTRvY7Oa9h4QlBh3_fCZe0_Mmx5Zfh4e5QtWg6G40pS0onqO2g37h1SN3BuqHboQzuHvu6eW8mTLLA1AmzVMU1dswE4gCmxLokciSkcblBn9A5RqlZB2_p67XM8c0vJM1MlYXwdO7E/s50-no/Facebook.png"/></a><a target="_blank" href="https://plus.google.com/+FerryBachtiar71" rel="nofollow"><img alt="google plus" title="google plus" width="30" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOiQ1GFrJ_2-CsSB50XXKqH5K0kMqwSinPRBuI8XgZ_XcbI3euMiOTE__TvuXRMrAWheE4-roIJtTi9KzZypqPSO1qRrvY6edGu5lT6Hxf0WrWz-vgC_PvQgA3CsjgjxVHdLg9ICarUV8/s50-no/Google%252B.png"/></a><a target="_blank" href="http://www.linkedin.com/pub/berbagai-artikel-menarik/97/525/172" rel="nofollow"><img alt="linkedin" title="linkedin" width="30" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqG8ig3adJgzPJhD7-u6zfjswtW4NiDY0Pni4htB8wv9ALnhH1_t-Y-E9XlUzDS0AMLUhbQz3XZE2z-WKiuv2OZWqV6U4YUC_9BECf9gGa6bi_9ohexvTyKFmnUKVpRhocHxZxMrseKSg/s50-no/LinkedIn.png"/></a><a target="_blank" href="http://www.pinterest.com/1ArtikelMenarik/" rel="nofollow"><img alt="pinterest" title="pinterest" width="30" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHGwqU-0cFFWFusKOPmafVdFHP1nP3gASijGpqwTX0odYRMXXnXf45Q7jbnL_6qBDzhFeOa-Qo4RipFodJ8e_6fYqNxAqUP1zgg8dG-7B4tOwVD_2Y-x2qB5kKNahNj9P0i8eIHjABJJ0/s50-no/Pinterest.png"/></a><div><small><a href="http://satu-untuk-semuanya.blogspot.com/2014/03/tutorial-membuat-widget-find-me-social.html" target="_blank">get this widget here</a></small></div>
Catatan : Ganti URL yang berwarna Merah pada kode di atas dengan URL Profil Social Network Anda (URL Profil Twitter, Facebook, Google Plus, LinkedIn, dan Pinterest). Dan untuk menyesuaikan ukuran  gambar dengan lebar sidebar pada blog Anda, silakan Anda mengubah nilai pada kode width maupun height yang berwrna biru diatas.
  • Isikan Judul Widget misalnya dengan judul "Find Me On :".
  • Klik "Save" untuk menyimpan perubahan pada Blog Anda.
Apabila semuanya Anda lakukan dengan baik dan benar, maka Widget Find Me Social Network akan tampil pada Blog Anda.

Demikianlah Artikel tentang "Tutorial Membuat Widget "Find Me" Social Network", yang saya publikasikan pada Blog Berbagai Artikel Menarik. Semoga Artikel ini menarik dan bermanfaat untuk Anda.

Baca juga :

Subscribe to receive free email updates:

0 Response to "Tutorial Membuat Widget Social Network"

Posting Komentar