• Translate

4/24/2014

Cara Memasang Social Icons Awesome Dengan CSS3

Tutorial Blogspot |

Advertisement

Cara Memasang Social Icons Awesome Dengan CSS3. Assalamualaikum wr.wb sobat blogger kali ini saya akan memberikan panduan mengenai cara memasang social icons css3 dengan menggunakan font awesome. Social Icon atau Social Button merupakan kumpulan icon yang terbentuk dari Font Awesome dimana didalamnya terdapat ratusan icon salah satunya adalah social icon yang memuat facebook icon, twitter icon, google plus icon, dan media sosial lainnya. Bagi sobat blogger yang memiliki halaman di luar sana atau memuat halaman blogspot / website di media sosial langkah ini sangatlah berguna untuk mempromosikan halaman kalian yang dipasangkan di dalam blogspot atau website.


Jika kalian tertarik untuk menerapkan social icon ini kedalam blogspot atau website saran saya untuk meletakan di akhir artikel karena disitulah tempat yang relevan dan mudah dilihat oleh pembaca blog (readers)
Nah ini dia cara memasang script sosial icon di blogger, disimak ya..
  • Log-in ke www.blogger.com
  • Kemudian pilih Template - Edit HTML
  • Letakan kode berikut ini tepat di bawah <data:post.body/> 

<div class="social social_intro">
<span class="title-ico">
Follow Us On :
</span>
<a href="#"><i class="fa-facebook"></i></a>
<a href="#"><i class="fa-twitter"></i></a>
<a href="#"><i class="fa-rss"></i></a>
<a href="#"><i class="fa-pinterest"></i></a>
<a href="#"><i class="fa-github"></i></a>
<a href="#"><i class="fa-cloud"></i></a>
</div>
<link href="http://theme20.com/demo/valeo/styles/icons.css" rel="stylesheet" type="text/css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"></link>
<link href="http://files.allbloggertricks.com/abt-icons.css" media="all" rel="stylesheet" type="text/css">/link>
<style>
.social a {color: #fff !important;}
</style>

Keterangan:Silahkan kalian ganti untuk kode # dengan alamat halaman yang kalian miliki (Fanspage)
sekian panduan yang membahas tentang Cara Memasang Social Icons Awesome Dengan CSS3 sudah kelar, semoga panduan ini bisa bermanfaat dan berguna.

Terima kasih.

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.