Teguh Bagus of Veterinary Medicine site v.2

Excellence with Morality

__Sertifikasi dan Prestasi__

    Standart ISO 9001:2008 Kepada Universitas Airlangga oleh British Certification International

_Berbagi tak pernah Rugi_

    Teguh Bagus of Veterinary Medicine site v.2

    Siapakah SejatiNya Engkau?

    .: Barang siapa mengenal dirinya, maka ia akan mengenal TuhanNya. Seperti bahasan kita yaitu Awwal- uddin Ma'rifatullah adalah... :. more

    facebook & twitter

DMCA.com Protection Status
..:: Selamat Buat para Pemenang lomba web & blog Mahasiswa Universitas Airlangga Tahun 2014; 1.Muhammad Alhada Fuad [FISIP'11] | 2.Muhammad Fatkhullah [FISIP'11] | 3.Teguh Bagus Pribadi [FKH'12] | 4.Mei Budi Utami [FST'12] | 5.Leo Agung Kurniawan [FISIP'12]| 6. Lutfi Adi Nugroho [FPK'11] | => Terimakasih atas kunjungan Anda, jangan lupa kalau mau copy/paste harap cantumkan sumbernya, by : Teguh Bagus Pribadi, http://teguhbaguspribadi-fkh12.web.unair.ac.id, dan Blog ini DIPERBAHARUI sebulan 4x karena kesibukan Perkuliahan ::..

Cara Membuat Social Profil Keren Diblog Unair

diposting oleh teguhbaguspribadi-fkh12 pada 07 January 2014
di Kumpulan Tutorial Blog - 0 komentar

Social profil atau Tombol Profil Media Social kita tak kalah untuk diModifikasi agar terlihat keren,gimana sob Cara Membuat Social Profil Keren Diblog agar tampangnya terlihat seperti Profil sebuah Website?

 


 Berikut caranya bro:
Login ke Blogger,pergi ke tata letak,tambahkan Sebuah Widget dan paste Kode Berikut ini kedalam widget tersebut:

 

<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/yourlink" rel="nofollow"></a></li>
<li><a class="tw" href="http://twitter.com/yourlink"></a></li>
<li><a class="gp" href="https://plus.google.com/yourlink"></a></li>
<li><a class="pi" href="http://pinterest.com/yourlink" rel="nofollow"></a></li>
<li><a class="in" href="https://www.linkedin.com/in/yourlink" rel="nofollow"></a></li>
<li><a class="yt" href="http://www.youtube.com/yourlink"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/yourlink" rel="nofollow"></a></li>
<a href="http://itemplateblog.blogspot.com/2013/12/cara-membuat-social-profil-keren-diblog.html"><span style="font-size: x-small;">::get widget::</span></a></div>
<style>
.metro-social{width:300px}
.metro-social li{position:center;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.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:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;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 .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style></div>


Nah link berwarna merah diatas adalah link sobat,ganti saja dengang URL sobat,lalu klik save dan lihat hasilnya.

MUDAHKAN??? ^_^

Mungkin ada yang Kurang Jelas dan Ingin ditanyakan, Monggo silakan komentar dibwah...
Terima kasih Semoga bermanfaat ^_^

 

Untuk cara membuat blog Unair Klik disini!

Untuk Cara Pasang Widget Airlangga Blogger Community Klik disini!

Untuk Cara Mengganti Header Blog Unair Klik disini!

Untuk Cara  Mengganti Favicon blog Unair  Klik disini!

Untuk Cara Pasang Widget Blogger Indonesia di Blog Unair Klik disini!

Untuk Cara Mudah Pasang Widget logo Blogger Indonesia di Blog Unair klik disini!

 

"SALAM BLOGGER AIRLANGGA"

Dikutip dari : http://www.pathmo.com/2013/12/cara-membuat-social-profil-keren-diblog.html

Tinggalkan Komentar

Nama :
E-mail :
Web : tanpa http://
Komentar :
Verification Code :