Tutorial Letak Button FB, Twitter dan Blogspot 6_9

Salam.

Entry kali ni aku nak berkongsi ilmu dengan korang sume, cara nak letak button fb dan lain2 tu kt sebelah tu atas tu. contoh mudah tengok yang aku punyer hehe. sebelah kanan sana tuuuu ---->

                                                        

                            

Ape fungsinyer ?

• nama pun dunia tanpa sempadan, kot2 la korang nak kenal pemunyer blog, sila la add beliau dlm fb/twitter, boleh share2 ilmu berblog ni kan ^_^
• kewujudan button ni sebenarnya of course la nak bagi cantik. kalo blog korang banyak tempat kosong, so boleh jer letak. Nampak macam ceria sikit. Pembaca pun teruja nak baca blog korang haha ( ye ke? ) 

Macam mane nak buat ni bang ? 

        tutorial untuk korang yang masih pakai old blogger interface : 

• pertama korang pergi kat DASHBOARD --> DESIGN --> PAGE ELEMENT --> ADD GADJET --> korang kena pilih HTML/JAVASCRIPT

       yang ni pulak tutorial untuk korang yang pakal new blogger interface : 

• DASHBOARD --> click name blog korang --> akan keluar banyak elemen sebelah kiri tu, pilih LAYOUT --> ADD GADJET --> pilih HTML/JAVASCRIPT

dah keluar kotak html/javascript tu kan,  korang cuma copypaste jer ayat ni ke dalam kotak tu : 

<style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;} a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style> <div style='display:scroll; position:fixed; top:140px; left:-12px;'> <a class='linkopacity' href='URL facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br /> <a class='linkopacity' href='URL twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br /> <a class='linkopacity' href='URL untuk blog dashboard' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />  </div>

Dah selesai copy paste. 

Korang kena tukar pulak URL yang aku highlightkan warna MERAH kat atas tu dengan URL FACEBOOK, TWITTER dan BLOG korang. 

Kalo korang nak ubah position benda tu atas bawah cuma tukar la yang aku highlightkan warna BIRU dan kalo nak tukar position benda tu ke sebelah kanan cuma kena tukar yang aku highlightkan warna HIJAU tukar kepada RIGHT ^___^ 

Sebelum SAVE, korang PREVIEW dulu dan bila korang dah rasa puas hati, boleh la SAVE !

Selamat maju jaya ^_____^

# ape guna ada segunung ilmu tapi kedekut untuk berkongsi dengan orang lain, kongsi apa yang korang tahu dan jangan kongsi apa yang korang tak tahu.