Tutorial Pasang Butang Tweet, Google Plus One, Share dan Like Facebook (Blogspot)
Assalamualaikum dan Salam Sejahtera…. Hasil dari request 3 orang blogger perkara yang sama, cik tom nak berkongsi Tutorial Pasang Butang Tweet, Plus One, Share dan Like Facebook bagi pengguna platform blogspot. Hasil butang Tweet, Plus One, Share dan Like Facebook ini bentuk compact dan sebaris dibawah title entry. Yang bertanya cik tom tue ada bagitahu sebelum ini tutorial yang dia cuba keempat-empat button share ini tutorial berasingan so bila buat button tue jadi tidak sebaris dan tidak kemas. Cik tom harap entry tutorial ini dapat membantu blogger untuk memasangnya.dalam satu barisan dan nampak lebih kemas.
STEP 1
Old version blogspot: DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>klik DOWNLOAD FULL TEMPLATE untuk backup file.
New version blogspot: DASHBOARD>TEMPLATE>klik BACKUP/RESTORE>klik DOWNLOAD FULL TEMPLATE untuk backup file.
STEP 2
Klik pada” Edit HTML”> tick kotak EXPAND WIDGET TEMPLATES> tekan “ctrl+f” pada keyboard laptop/ komputer untuk cari code
<div class='post-header-line-1'/>
dan copy code dibawah ini selepas code tersebut :
<b:if cond='data:blog.pageType == "item"'> <table border='0'><tr> <td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td> <td> <a class='twitter-share-button' data-count='horizontal' data-related='' data-via='ciktom' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a> <script src='https://platform.twitter.com/widgets.js' type='text/javascript'/></td> <td><g:plusone expr:href='data:post.url' size='medium'/></td><td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script src='https://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td> </tr></table> </b:if>
***Jika tiada code <div class=’post-header-line-1’/> , boleh try cari code <data:post.body/> dan letak code tadi diatasnya.
***Jika anda menggunakan read more dan hendak button ini terpapar dihadapan read more dan juga pada ruang posting, sila delete kod yang berwarna biru diatas.
***Gantikan perkataan ciktom kepada username twitter anda.
STEP 3
Jika korang pernah pasang buttom google plus one sebelum ini boleh skip step 3 ini. Tapi sekiranya belum pernah pasang button google plus one, sila cari code </head> dan copy code ini sebelum code </head> :
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
STEP 4
Klik Preview dan Save jika tiada sebarang error pada coding.
Entry Tutorial Pasang Butang Tweet, Plus One, Share dan Like Facebook ini ciktom rujuk dari teknikbuatblog tapi telah diubahsuai sedikit dari code asal tutorial dari button send facebook kepada shared facebook. Selamat mencuba ^_^
Sharing is caring
nape tak menjadi T_T
ada error sikit pada tanda buka n tutup kata..dah baiki..cuba try copy balik..jadi x?
agak dah…haha
takpe2..nnti2 zai buat =)
ok2..mestilah dah agak sbb syatoza kan pro bab edit mengedit ni..hee
Jom tweet2…..@affieza…hehe
ciktom xde akaun twitter la sayam..huhu
Ada masa nti leh jengah lg kesini….skg mmg tak bape nk sempat daaa
xpe dah faham org busy..hehe
lama tak dengar khabaq cik tom, …sihat kut no….
terima ksih utk tutorial di aatas
alhamdulillah sihat..sm2
Butang sosial penting untuk dikongsi didalam rangkaian tertutama butang Google+ boleh memberi kesan SEO dan ranking.
owh google plus ni beri kesan pada seo dan ranking ek..baru tau..huhu
Nak juga kalau boleh buat
Harap ada masa untuk cuba
try aplikasi pada wordpress pun boleh..kalau xjumpa code yg sama, try cari code yang seiras..gdluck!
info menarik pado yang berminat….:)
yup..mana yang berminat utk guna button share blh guna tutorial ni.
wahh macam menarik je nih..
boleh cuba..lagi mudah pelawat atau kawan2 nak share dengan klik je icon/ button tweet, google plus, share dan like facebook
dah lama tak kemas2 kan blog akak tu..jadi malas la sekarang ni.nanti lepas pantang baru nak edit tambah buang apa yang kurang dan terlebih..sekarang ni betul2 malas..:p
biasa la tengah pregnant maybe takde mood sangat nak edit2 blog..baik prepare untuk baby lahir nanti..nanti dah bersalin dan pantang akak boleh edit2 blog..hee
Memandangkan cik tom penguna WordPress,buat tutorial tentang WordPress,dari mula kita hendak daftar WordPress.org
sehinga ia menjadi blog,sebab saya kurang mahir tentang WordPress.
Sy ada mengunakan WordPress.com je
owh ada blog wordpress ye?insyaAllah kalau berkesempatan cik tom cuba share dalam entry2 akan datang ye..
Terima kasih untuk tipsnya ciktom
sama2 🙂
salam..
ada juga blogspot hee…tapi blog tu pemalu sikit hik..hik…
apa url blogpsot suri??share la…
sesekali kita buat untk blog bagus juga,org dpt sumber bacaan tu secara percuma tak langsung dpt pahala.
ye betul tue..kalau ada button share ni lagi mudah share info yang menarik sesama kawan di google plus, facebook or twitter.
nak try la blogging dengan platform blogspot ni… tgk kuat juga serp… semua daripada blogspot