Menambahkan Icon Link Situs Jejaring Sosial

Barusan saya cek shoutbox saya ternyata masih ada yang blogwalking wkwkwkwk aduhhhhh maafkan ya sobat lom bisa balas, pas saya cek ternyata ada yang pesen tutor cara menambahan icon situs sosial facebook dan twitter dibawah header seperti yang saya buat. Sayangnya yang pesen tidak mencantumkan alamat blognya, malu malu kucing kali orangnya yak wkwkkwkw tapi ya sudah karena hari ini ada waktu maka saya akan penuhi keinginan sobat "asd" yang pemalu ini.

Menambahkan icon situs sosial dengan cara yang saya gunakan sebetulnya tidak susah, modal awalnya yaitu membuat sebuah widget, jika dalam kasus ini sobat bisa tambahkan dulu sebuah widget di bawah header atau di header. Yang kedua adalah sobat harus menyiapkan gambar icon situs sosialnya terlebih dahulu, tapi kalau mau menggunakan style yang saya buat kamu harus siapkan juga gambar untuk backgroundnya, selanjutnya upload dan saya sarankan upload saja di akun blogspot kamu supaya loadingnya lebih cepat nantinya >>cek cara upload gambar di sini<<

Ada dua pilihan yang bisa kamu gunakan yaitu ukuran image kamu menyesuaikan ukuran widget atau sebaliknya ukuran widget disesuaikan dengan gambar, saya sarankan supaya mudah ya gunakan cara pertama yaitu sesuaikan menurut ukuran widget. JIka sudah pas berarti sekarang tinggal kamu praktekan :) mari kita simak.

Masuk ke akun blogger kamu, pilih rancangan/design, tambahkan sebuah widget baru di header atau di bawah header pilih yang HTML & Javascript. Copy kode dibawah ini dan masukan ke widget HTML yang kamu buat tadi

<style type="text/css">
.background{
background: url(URL BACKGROUND)no-repeat  ;
clear:both;
padding: 150px 0px 0px 0px;
width: 300px;
margin: 0px auto 0px auto;
height: 250px;
border-bottom:0px solid #BDC1C7;
border-top:0px solid #BDC1C7;overflow:hidden;
text-align: center;
font:normal 35pt Arial;
 color:#ADFF2F;
 text-shadow: 0px 0px 10px #ffffff

</style>
<div class="background">
<a href="profil situs sosial kamu"><img alt='twitter' height='45' src="URL ICON SITUS SOSIAL KAMU" /></a>
<a href="profil situs sosial kamu"><img alt='facebook' height='45' src="URL ICON SITUS SOSIAL KAMU" /></a>
<a href="profil situs sosial kamu"><img alt='blogger' height='45' src="URL ICON SITUS SOSIAL KAMU" /></a>
<a href="profil situs sosial kamu"><img alt='feed' height='45' src="URL ICON SITUS SOSIAL KAMU" /></a></div>

Kamu bisa lihat tulisan yang berwarna merah adalah ukuran yang bisa kamu sesuaikan, rubah sampai posisinya tepat, sedangkan yang berwarna biru adalah url dari gambarnya, jangan lupa ganti huruf yang warna ungu dengan profil situs sosial kamu, save dan selamat menikmati elemen baru di blog kamu.

Blogging Is Sharing...


Description: Social Site, Jejaring Sosial, Share, Tips Blogger
Rating: 4.5