Cara Membuat Dan Memasang Tombol Follow Us Banyak Media Sosial Di Blog Kamu


Cara Membuat Dan Memasang Tombol Follow Us Banyak Media Sosial Di Blog Kamu - Selamat malam rekan-rekan newbie code news. Kita bertemu lagi pada kesempatan berbahagia ini untuk menikmati artikel blog terbaru dari blog milik saya ini.

Mungkin kamu bertanya-tanya jika masuk ke halaman blog saya ini. 

Cara Membuat Dan Memasang Tombol Follow Us Banyak Media Sosial Di Blog Kamu


Dimana blog saya memiliki tombol-tombol follow us yang begitu banyak dan yang pasti tombol-tombol follow us ini dapat berguna untuk blog kamu jika memang kamu memiliki tidak hanya satu media sosial yang saat ini kamu pergunakan untuk mendukung blog utama kamu.

Kebetulan tombol ini saya dapatkan dari salah satu template yang pernah saya pergunakan di blog ini sebelumnya.

Dan dikarenakan saya malas untuk membuat dan memasang kembali tombol-tombol follow us yang ada pada blog saya ini.

Maka dengan berat hati jadi saya hanya mengcopy pastekan saja tombol-tombol media sosial tersebut ke blog dengan template baru milik saya ini.

Jika kamu tertarik dengan tombol follow us yang ada pada blog milik saya dan rekan-rekan ingin memasangnya pada blog pribadi milik rekan-rekan semua.

Maka kamu datang pada tempat yang tepat.

Karena saat ini saya ingin memberikan sebuah artikel tutorial bagaimana cara memasang tombol media sosial yang ada pada blog saya ini untuk di pasang pada blog rekan-rekan semua.

Jika rekan-rekan ada yang ingin mengganti template blog rekan-rekan maka saya sarankan kamu untuk membaca Cara Mengganti Template Blog Agar Visitor/Pengunjung Blog Tidak Turun yang sudah saya buat agar pengunjung blog kamu tidak turun drastis dan sangat aman pada saat kamu selesai mengganti template blog kamu

Cara memasang tombol follow us media sosial.


Untuk memasang tombol media sosial ini sangat mudah dan yang pasti kamu dapat melakukannya dengan sangat mudah.

Kamu hanya di anjurkan untuk mengikuti langkah-langkah berikut dibawah ini.


  • Silahkan masuk ke blog pribadi milik kamu
  • Masuk ke template>Edit HTML
  • Silahkan masukkan kode di bawah ini sebelum kode </head>
<!--sosial icon-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
<style type='text/css'>
/* CSS Follow us */
.invert-socials-icon {display:inline-block;width:100%;}
.invert-socials-icon ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.invert-socials-icon ul li:before{display:none}
.invert-socials-icon ul li{margin:0;padding:0;list-style:none;float:left;width:32px;height:32px;line-height:32px;text-align:center;background:#00baff;font-size:18px;margin:3px;border:0}
.invert-socials-icon ul li a{line-height:32px;display:block;color:#fff}
.invert-socials-icon ul li a:hover{color:#fff}
.invert-socials-icon ul li.home{background:#83868a}.invert-socials-icon ul li.facebook{background:#516ca4}.invert-socials-icon ul li.googleplus{background:#f20000}.invert-socials-icon ul li.rss{background:#f29400}.invert-socials-icon ul li.youtube{background:#f20000}.invert-socials-icon ul li.dribbble{background:#dc71a6}.invert-socials-icon ul li.deviantart{background:#4c5e51}.invert-socials-icon ul li.pinterest{background:#f20000}.invert-socials-icon ul li.instgram{background:#406f94}.invert-socials-icon ul li.tumblr{background:#395875}.invert-socials-icon ul li.linkedin{background:#1985bc}.invert-socials-icon ul li.soundcloud{background:#f60}.invert-socials-icon ul li.delicious{background:#3274d1}.invert-socials-icon ul li.flickr{background:#ff0084} 
</style>

  • Silahkan simpan template kamu terlebih dahulu yaaaa
  • Tahap selanjutnya silahkan masuk ke layout > add gedget 
  • Pilih HTML/Javascript dan masukkan kode di bawah ini lalu simpan lagi  yaaa

<div class='widget-content'>
<div class='invert-socials-icon mom-socials-widget'>
    <ul>
        <li class='facebook'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></i></a></li>
        <li class='twitter'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></i></a></li>
        <li class='googleplus'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></i></a></li>
        <li class='rss'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></i></a></li>
        <li class='youtube'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></i></a></li>
        <li class='dribbble'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></i></a></li>
       <li class='deviantart'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Delicious'><i class='fa fa-deviantart'/></i></a></li>
        <li class='pinterest'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></i></a></li> <li class='instgram'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></i></a></li>
        <li class='tumblr'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></i></a></li>
        <li class='linkedin'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></i></a></li>
       <li class='soundcloud'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on diigo'><i class='fa fa-soundcloud '/></i></a></li>
        <li class='delicious'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Delicious'><i class='fa fa-delicious '/></i></a></li>
        <li class='flickr'><a href='http://alamat media sosial kamu' rel='nofollow' target='_blank' title='Follow us on Medium'><i class='fa fa-flickr '/></i></a></li>
    </ul>
</div>
</div>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://goo.gl/1BmzY5" rel="nofollow">Follow us widget</a> 
Setelah semua kode di atas di copykan ke windget yang ada pada blog kamu, Selanjutnya ganti tulisan berwarna merah seperti http://alamat media sosial kamu menjadi alamat link media sosial yang kamu miliki. 

Selanjutnya simpan dan kamu dapat melihat hasil tombol follow us banyak media sosial di atas tampil dan mempercantik blog yang kamu miliki.

Jika kamu memiliki sistem operasi windows dan Windows 10 Selalu Minta Update? Begini Cara Mematikannya agar windows kamu tidak selalu minta di update terus

Nah bagaimana ternyata mudah bukan untuk membuat sebuah tombol follow us yang memiliki banyak icon media sosial di dalamnya.

Demikian artikel yang saya buat untuk dapat kamu pergunakan mempercantik blog pribadi milik kamu.

Semoga dengan artikel saya yang berjudul Cara Membuat Dan Memasang Tombol Follow Us Banyak Media Sosial Di Blog Kamu ini dapat membantu rekan-rekan semua untuk mempercantik tampilan blog pribadi milik kamu.

Sekian dari saya salam ngeblog dengan newbie code news


Subscribe to receive free email updates:

3 Responses to "Cara Membuat Dan Memasang Tombol Follow Us Banyak Media Sosial Di Blog Kamu"

Jika teman-teman merasa artikel saya ini bermanfaat, mohon untuk memberi komentar dibawah ini, saya pasti akan membalas komentar rekan-rekan sekalian. terimakasih enjoy