Assalamualaikum dan salam 1Dunia, entri ini ditulis oleh penulis jemputan Eizil tuan punya blog Eizil.com semuga perkongsian ini akan menambah lagi ILMU Blogging kita untuk go next level dalam dunia blog. Eizil adalah Blogger hebat yang mencipta Plugin Waktu Solat dan Plugin Retweeter Count. Ini adalah penulisan kedua beliau di blog Denaihati selepas entri “Pengurusan laman blog“. Jom kita baca entri terbaru yang menarik ini :
Kali ini akan berkongsi cara-cara untuk memasang butang sosial media di platform WordPress dan juga platform Blogger. Terlebih dahulu kita akan mempelajari platform Blogger. Buka panel blogger and, klik pada butang setting, pilih template (rujuk gambarajah di bawah).
Kemudian klik pada butang Edit HTML
Anda akan melihat paparan bertanya sama ada anda betul-betul ingin meneruskan ataupun tidak, klik pada proceed.
Kemudian anda akan melihat paparan yang mengandungi kod HTML anda, sila jangan panik jika ini adalah pertama kali melakukan benda ini. Sila buat carian untuk kod berikut.
]]>< /b:skin>
Kemudian tambah kod berikut (kod ini adalah berdasarkan kod sosial media yang dikongsi daripada amanz.my) sebelum kod yang dinyatakan diatas.
#amanz-socialize{float:left; padding-bottom:10px; width:100%} #g-plusone, .fb-like, .tw-tweet{margin:0; padding:10px 1% 9px 1%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px} .fb-like{background:#ECEEF5; border:1px solid #9DACCE; float:left; width:48%} .tw-tweet{background:#E8F3F9; border:1px solid #A4CCE5; width:23%; float:left; margin-left:1%} #g-plusone{ background:#F9F9F9; border:1px solid #CCC; float:left; width:20%; margin-left:1%}
Seterusnya klik pada expand widget (rujuk gambarajah di bawah).
Kemudian menggunakan fungsi carian di browser, sila cari kod berikut.
<data:post .body/>
Kemudian tambah kod di bawah selepas kod yang ditunjukkan di atas.
<div id=’amanz-socialize’><div class=’fb-like’><div id=’fb-root’/><script src=’http://connect.facebook.net/en_US/all.js#appId=237900069576725&xfbml=1’/>
<fb:like action=’like’ expr:href=’data:post.url’ font=” layout=’button_count’ send=’true’ show_faces=’false’ width=’50%’/></div><div id=’g-plusone’><script src=’http://apis.google.com/js/plusone.js’ type=’text/javascript’/><g:plusone size=’medium’/></div><div class=’tw-tweet’><a class=’twitter-share-button’ data-count=’horizontal’ data-via=” expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ expr:href=’data:post.url’>Tweet</a><script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’/></div></div>
Kemudian anda boleh tekan save template (rujuk gambar di bawah)
Butang sosial media anda telah siap dipasang, jika anda ingin melihat contoh bagaimana butang ini terpapar, boleh rujuk pautan berikut Contoh Butang
Kepada pengguna WordPress, banyak plugin yang menyediakan kemudahan butang sosial ini, namun jika anda ingin menggunakan butang yang sama seperti tutorial ini, anda boleh muat turun plugin Amanz Socialize di pautan berikut » Amanz Socialize Plugin
Selamat mencuba.
110 Comments
Manfaat memasang butang sosial media saya rasakan setelah banyak belajar dari denaihati.
Curahan rasa Bang Iwan @ ..Cinta di Saku Celana
Manfaat yang paling utama adalah Meningkatkan Posisi SERP blog kita,
Curahan rasa Bang Iwan @ ..Cinta di Saku Celana
dengan Share ke Social Bookmark DoFollow, maka Secara tidak Langsung kita membangun Backlink berkualitas,
Curahan rasa Bang Iwan @ ..Cinta di Saku Celana
Dengan Backlink tersebut Maka PR blog kita pun akan Ikutan melonjak naik.
Curahan rasa Bang Iwan @ ..Cinta di Saku Celana
Untuk tombol sosial media saya menggunakan aplikasi fihak ke 3, lebih lengkap, cantik dan tampak indah.
Curahan rasa Mas Gie @ ..Betwin188.com Agen Bola Terbaik Dukung Anti Rasisme EURO 2012
Terima kasih atas tips nya, sangat bemanfaat sekali bagi saya.
Curahan rasa Ibang S R @ ..Sit And Stand Stroller
Lengkap sangat tutorialnya…
Curahan rasa Bang Iwan @ ..Video Hasil Pertandingan Chelsea Vs Barcelona
kebetrulan blog saya juga kebanyakan blogspot.
Curahan rasa Bang Iwan @ ..Video Hasil Pertandingan Chelsea Vs Barcelona
Hanya saja pemakaian butang seperti ini belum begitu umum dikalangan blogger indonesia.
Curahan rasa Bang Iwan @ ..Video Hasil Pertandingan Chelsea Vs Barcelona
Sebuah kesempatan untuk memperkenalkan.
Curahan rasa Bang Iwan @ ..Video Hasil Pertandingan Chelsea Vs Barcelona
karena masih banyak sahabat yang belum menggunakan.
Curahan rasa Bang Iwan @ ..Video Hasil Pertandingan Chelsea Vs Barcelona
Karena butang seperti tentunya sangat berguna untuk optimazi blog
Curahan rasa Bang Iwan @ ..Gideon Sundback Logo Google Hari Ini
Terima kasih banyak atas tipsnya…
Curahan rasa Dadan @ ..Alasan Facebook Membeli Instagram
terima kasih kerana sudi share…
Curahan rasa Nana @ ..Seminar WordPress : Produk Baru Dari Akademi Denaihati
menarik..akan segera dicoba 🙂
Curahan rasa JomStadi @ ..Tawaran Biasiswa Pendidikan Petronas 2012
social media ni senang sikit nak popularkan blog 🙂
Curahan rasa Wan Gerrard @ ..Fabrice Muamba Masih Kritikal
Apa yang baru mesti dicuba,
Baru dapat melihat hasilnya.
Curahan rasa sensasi2020 @ ..Nama di sebalik Ultrabook Toshiba Portege Z830
Jangan lupa masuk blog eXception untuk mengetahui tips bagaimana hendak elakkan blog digodam…
Curahan rasa eXception @ ..Blogging Tips & Tricks 1: Elakkan Blog Anda Dari Diceroboh
thanks for the tips 🙂
macam mana ye nak masukkan kod yang akan memaparkan twithandleita setiap kali entri diretweet?
Curahan rasa cikgu naman @ ..WW – solat sunat tahiyatul masjid
Saya dah coba membuatnya sendiri, alhamdulillah berhasil…
Curahan rasa Dadan @ ..Tips Membuat Sendiri Tombol Sosial Media di Blog
Mantap kang…. perlu dicoba juga nih.
Tutorialnya pas untuk blogspot saya
terima kasih atas sharenya
Curahan rasa Rina As @ ..Memahami Alexa Rank dan Manfaat Review Alexa
Bener banget Mba Rina, sangat bermanfaat bagi yang mempunyai banyak blogspot.
Curahan rasa Ibang S R @ ..Best Cribs
Tq untuk share.
Curahan rasa budakserius @ ..Gambar Heliza Helmi Di Banda Acheh Indonesia
Comments are closed.