02 June 2011

tutorial : social networking bookmark dalam blog

hai korang . hari ni dah 2 june . sekejap je masa berlalu . dah masuk bulan june . tinggal 6 bulan lagi sebelum masuk tahun baru . rasanya dah lama tak buat tutorial blog . hari ni ada satu tutorial simple untuk blogger macam aku yang baru nak pandai main - main coding ni . oklah tutorial hari ni kita nak buat icon macam dekat bawah ni untuk diletak dalam blog . senang cerita macam dekat sebelah kiri blog aku tu . haa siapa tak namapak makna nya apa tu? hahaha . oklah korang feel free to try ok .




Langkah - langkahnya :



1.Pergi dekat DASHBOARD - PAGE ELEMENTS - ADD A GADGET

2. Copy semua code dekat bawah ni dan paste kan dalam HTML/javascript

<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 KORANG' 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 KORANG' 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 BLOG KORANG' 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>


3. Untuk top:140px - ketinggian bookmark terapung dalam blog korang, nak bagi center kat tepi pun boleh, just edit size tu..

    Untuk left:-12px; - kedudukan bookmark, kalau yang ni di sebelah kiri, nak tukar ke    kanan pun boleh, just edit left tu..

4. URL FACEBOOK KORANG - pergi dekat profile facebook korang, copy url atas tu.. contoh : http://www.facebook.com/mahira.abdullah

     URL TWITTER KORANG - contoh : https://twitter.com/eirae

     URL BLOG KORANG - contoh : http://epalgreen.blogspot.com

5. Untuk icon images, korang boleh tukar ikut icon image yang korang nak, kalau nak ikut yang macam niesz ni punya pun boleh.

6. preview, save

2 orang komen:

mama_Qaireen said...

tq... love it....;p

ciK pUrpLe mUdE said...

eira,,,saya amek link awk nie ea...
boleh kan????

Post a Comment

setiap kata-kata adalah doa..sila betulkan niat anda dan komenlah dengan ikhlas..


best regards,
eira

EXCHANGE LINKS