Profile Social Widget Metro Syle

CONTOH WIDGET TERSEBUT : lawa kan ? kalau nak buat macam ni. ikut tutorial dibawah  1. Log In ke dashboard  2. Tekan ...


CONTOH WIDGET TERSEBUT :

lawa kan ? kalau nak buat macam ni. ikut tutorial dibawah 



1. Log In ke dashboard 

2. Tekan layout

3. Tekan Add a Gadget   

4. Masukkan Code di dibawah di dalam Petak Yg disediakan :


<div class="metro-social">
<li><a class="fb" href="URL Facebook Anda disini"></a></li>
<li><a class="tw" href="URL Twitter Anda disini"></a></li>
<li><a class="gp" href="URL G+ Anda disini"></a></li>
<li><a class="fd" href="URL Feedberner Anda disini"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>

Nota Kaki :
 Gantikan "URL............" Dengan link seperti yang dinyatakan

5 . Tekan Save

 

6. Tamat , jangan lupa comment :)

COMMENTS

Nama

Agama Alat Bantu Mengajar Bahan dan Alatan BMM3105 broadband Cikgu Jazlan Cover File doa Domain .my Fotografi IPGKTAA Event Koleksi Cerpen Lain - Lain LOGO IPG KPM IPGKTAA Nota Bahasa Melayu Nota IPG Panduan KKBI PENDIDIKAN SENI VISUAL PJK PRU13 Running man Santai SERVIS Sukatan BM THUN 1-6 Tutorial TUTORIAL BLOG Tutorial Box.com Tv Online Virus Widget Blog
false
ltr
item
CIKGU JAZLAN: Profile Social Widget Metro Syle
Profile Social Widget Metro Syle
http://1.bp.blogspot.com/-H6oLNguh5yk/UcP-oSeMi1I/AAAAAAAAC1E/wqO4lKa6uKQ/s1600/Untitled.png
http://1.bp.blogspot.com/-H6oLNguh5yk/UcP-oSeMi1I/AAAAAAAAC1E/wqO4lKa6uKQ/s72-c/Untitled.png
CIKGU JAZLAN
http://www.cikgujazlan.my/2013/06/profile-social-widget-metro-syle.html
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/2013/06/profile-social-widget-metro-syle.html
true
4504742246731490904
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please Like | Share to Unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy