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
dulu pernah cuba pasang tapi tak menjadi la plak,
skung ni nk cuba balik la mana tau menjadikkk hehe..
Curahan rasa Luqman Hakim @ ..Semakan Keputusan Sijil Pelajaran Malaysia ( SPM ) 2011
tutorial yang menarik..kalau nak tambah butang linkedin, boleh sambung je kod kedua tu tambah script linkedin..
Curahan rasa Pamie @ ..Nurul Nadirah @ Dirang Disahkan Meninggal Dunia
wow terimakasih DH sharing information, so pasti sangatlah berguna
Curahan rasa PruProteksi @ ..Menggugah Kesadaran Pentingnya Asuransi
misskonspirasi dah cuba dulu taktik ni tapi sbb template tu error then tukar lagi..skunk malas nk wat..tgkla time rajin n tenet line laju cket huhu
Curahan rasa misskonspirasi @ ..CARA MAKAN DENGAN BETUL
template blog yangbaik ada prob… jika tidak boleh ujicuba…
Curahan rasa yangbaik @ ..World Sleep Day 2012
kesilapan yang tidak disengajakan… tidak berani nak ubah2 lagi bimbang akan kehilangan blog kesayangan.. .
Curahan rasa yangbaik @ ..World Sleep Day 2012
Alamak lum pasang lagi la…
Curahan rasa Mrs Beauty @ ..Thinning Shears Get the Perfect Hairstyle
Pemasangan butang sosial media akan bisa membantu meningkatkan traffik ke blog
Curahan rasa Dadan @ ..Indonesia untuk Palestina
Kat blog saya dah ada ketiga² button tersebut .. 🙂
Curahan rasa anastasyea @ ..Projek 100 Bloggers Jana Pendapatan Online
saya masih blogspot.. 🙂
Curahan rasa cmratu @ ..Bengkel Kemahiran Hidup (KH)
Amanz-socialize tu, ada kaitan dengan amanz kah?
Curahan rasa Omar @ ..Sistem Tempahan Bilik Kuliah
Website ni WP kan?
Curahan rasa gamep01nt @ ..Tutorial : Pusing Pusing Dengan CSS3
boleh di coba tutorialnya, karn bagus sekali kalau pasang sosial media
banyak manfaat bila pasang butang sosial ni… 🙂
Curahan rasa dzuandiey @ ..dua cek dari ChurpChurp dah sampai
mau tanya sama DH, kalau butang like FB, Tweet, Linkedin dan +1 seperti blog DH cara membuatnya bagaimana ?
Curahan rasa Dadan @ ..Info Lowongan Kerja PT Garam (Persero) Maret 2012
Bang Dadan untuk blog WP boleh guna plugin Socialize.
Curahan rasa denaihati @ ..Dah join ke Projek 100 Bloggers
oh…kalau untuk blogspot bagaimana..?
Curahan rasa Dadan @ ..Info Lowongan Kerja PT Garam (Persero) Maret 2012
saya dah pasang lewat share this, cuman kurang agak memuaskan…
Curahan rasa Dadan @ ..Info Lowongan Kerja PT Garam (Persero) Maret 2012
kenapa ade plugin, orang like kat fb, tp kat share bar dia x ubah bilangan likers? pelik
Curahan rasa sjiehan @ ..Main Pemadam
Comments are closed.