Karya-Reza

Mengerti Kebutuhan Pengunjung

Select Menu
  • Home
  • Seputar Dunia Blogging
  • Template Untuk Blog
  • Widget Blog
  • Dan Lainnya
    • Tukar Link !
    • Daftar Banner Yang Sudah Tukar Link
  • Error Page
Home » Widget Blogging » Cara Membuat Widget Sosial Media Lengkap

Tuesday, July 8, 2014

Cara Membuat Widget Sosial Media Lengkap

Reza Syahputra Rizal
41 Comments
Widget Blogging
Tuesday, July 8, 2014

DEMO WIDGET

  • DEMO KLIK DISINI
Membuat Widget Sosial Media Lengkap - Setelah Kemarin Saya Share
Beberapa Widget Yang dibutuhkan blogger kali ini saya akan share widget Sosial media
Untuk blogger lengkap dalam 1 kolom kotak Widget ini sudah terlebih dahulu dishare
oleh kang mousir mungkin saya akan share kembali

Langkah Penerapan 

1. Cari Kode </body>

2. Kemudian Letakan Kode Dibawah Ini diatas kode tersebut
<script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>

3. Kemudian Letakan Kode Dibwah Ini Di HTML/JavaScript
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" title="Follow this blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a>
</div>
<div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none;border-top:none'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/Url Fanspage Anda" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/Alamat Twitter Anda" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti Nama Twitter Anda</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="Nama Blog Anda"></div></div></div>
<div class="g-person" data-href="plus.google.com/Ganti Dengan No Google Plus Anda" data-layout="landscape" data-rel="author"></div>
Note :
Silahkan Isi Yang Sudah Saya Beri Tanda Dengan Benar
  • 1. Nama Blog Anda
  • 2. Url Fanspage Anda
  • 3. Nama Twitter Anda
  • 4. Alamat Twitter Anda
  • 5. Nama Blog Anda
  • 6. Id Google Plus Anda

Share

Like

G+

Tweet

Tweet
41 Komentar untuk "Cara Membuat Widget Sosial Media Lengkap"

Berkomentarlah Sesuai Isi Artikel Diatas :)

Klik Untuk Komentar
Ifan Nur Hidayat
Balas
Ifan Nur Hidayat July 8, 2014 at 1:21 AM
delete

keren gan udah ane pasang nih hehe

Vito Laman
Balas
Vito Laman July 8, 2014 at 1:24 AM
delete

Wah keren gan widgetnya, harus pasang nih. :) Recommend banget

Unknown
Balas
Unknown July 8, 2014 at 1:24 AM
delete

wih.. keren widgetnya...
ijin pasang di blog, biar tambah ganteng blog ane :v

Unknown
Balas
Unknown July 8, 2014 at 1:29 AM
delete

tutorialnya sukses ane praktek'in,,, thxz
agan sendiri kok gk di pasang wingetnya?

Unknown
Balas
Unknown July 8, 2014 at 1:29 AM
delete

tutorialnya sukses ane praktek'in,,, thxz
agan sendiri kok gk di pasang wingetnya?

23-Institute
Balas
23-Institute July 8, 2014 at 1:34 AM
delete

wahh, ijin praktek ya gan
keren nih

Unknown
Balas
Unknown July 8, 2014 at 1:38 AM
delete

izin saya terapkan gan..

Unknown
Balas
Unknown July 8, 2014 at 1:54 AM
delete

wah keren gan. inijn nyimak gan :)

Unknown
Balas
Unknown July 8, 2014 at 2:00 AM
delete

saya coba di blog saya mas

Unknown
Balas
Unknown July 8, 2014 at 2:10 AM
delete

Ijin nerapin di blog ane ya gan hehe :D

Unknown
Balas
Unknown July 8, 2014 at 2:16 AM
delete

Wah lengkap banget , keren !!

Unknown
Balas
Unknown July 8, 2014 at 2:18 AM
delete

makasih banget gan tutorialnya ,, ane coba dulu ya . ini yang saya cari2 :)

Primamulia Teguh
Balas
Primamulia Teguh July 8, 2014 at 2:32 AM
delete

wah keren nih, bookmark dulu ah :D

Unknown
Balas
Unknown July 8, 2014 at 2:33 AM
delete

keren gan, ini yg ane cari-cari dari kemarin tuh

Admin
Balas
Admin July 8, 2014 at 2:38 AM
delete

saya juga pakai gan. ijin nyimak aja.

Unknown
Balas
Unknown July 8, 2014 at 2:53 AM
delete

ah ngak bisa tutornya salah kali nih, masa yang muncul cuma follow twitter dan google+

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:06 AM
delete

Ok gan , bagus kalau gitu

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:06 AM
delete

Ok gan memang Recommend Lagipula Widgetnya tidak berat

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:07 AM
delete

Ok gan , mudah-mudahan Nambah ganteng ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:07 AM
delete

Ruang sidebar tidak muat gan :) , dan saya juga sudah mencoba
Dan memang tidak muat alias kekecilan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:08 AM
delete

Ruang sidebar tidak muat gan :) , dan saya juga sudah mencoba
Dan memang tidak muat alias kekecilan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:08 AM
delete

Ok silahkan gan , moga-moga Berhasil

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:08 AM
delete

Ok Silahkan , Moga-Moga berhasil

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:09 AM
delete

Ok gan silahkan Disimak , dan Jangan Lupa praktek gan ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:10 AM
delete

Ok silahkan di coba

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:10 AM
delete

Ok Moga-Moga berhasil gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:10 AM
delete

Ok gan , Semoga berhasil gan ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:11 AM
delete

Ok gan silahkan gan , moga-moga Blog Ini bermanfaat ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:11 AM
delete

Ga bisa gimana gan ? , saya sudah coba dan berhasil
Masa cuman twitter dan google+ ?

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:12 AM
delete

Ok gan silahkan dicoba

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:12 AM
delete

Ok silahkan Disimak Dengan benar ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 3:13 AM
delete

Memang lengkap gan , Dan juga memang Keren !! ^_^

Unknown
Balas
Unknown July 8, 2014 at 6:22 AM
delete

wah.. mantap sekali widgetnya gan.. thx yah, izin gwa terapkan di blog gwa

el
Balas
el July 8, 2014 at 7:35 AM
delete

keren widgetnya, saya bukmark dulu

abie46
Balas
abie46 July 8, 2014 at 7:59 AM
delete

ijin coba dulu gan ,mumpung pengen pasang. btw thanks

Unknown
Balas
Unknown July 8, 2014 at 4:02 PM
delete

Makasihh gan :D
udah saya coba di my blog :)

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 8, 2014 at 8:47 PM
delete

Ok silahkan gan , Moga-moga bermanfaat

Mulyadi
Balas
Mulyadi July 9, 2014 at 5:27 AM
delete

Sangat bermanfaat gan :D

Adit Rahmana
Balas
Adit Rahmana July 10, 2014 at 8:42 AM
delete

Keren nih boss.. ;)

Anonymous
Balas
Anonymous July 22, 2014 at 3:38 PM
delete

Apa betul G+nya diganti dengan Nama blog , bukan URL kah?

Unknown
Balas
Unknown February 16, 2015 at 9:56 PM
delete

kren mas, request mas.. boleh timbahain facebook button ndk ?

Berkomentarlah Sesuai Isi Artikel Diatas :)

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Contact Me !

  • Semua Niche

    Popular Posts

    • Membuat Navigasi Halaman Dengan Keyboard
    • FND Blogger Template
    • Template Ramai Blogger !
    • Cara Membuat Tombol 3 Dimensi Dengan CSS
    • Fianetcakep Blogger Template Download
    • Blue Awesome Template Seo Dan Rensponsive
    • Memasang Thread Comment Hack Ala Blog Kang Ismet
    • Tutorial Membuat Navigasi Slide Out Di Blog
    • Keren! Membuat Spoiler Dengan JavaScript
    • Harderly Blogger Template

    Berlangganan

    Dapatkan Informasi Dari Blog Karya-Reza Melalui Email

    Follow blog

    Subscribe To

    Posts
    Atom
    Posts
    Comments
    Atom
    Comments

    About Me

    Reza Syahputra Rizal
    View my complete profile

    © 2025 Karya-Reza Published By Karya-Reza powered by Blogger.com.
    All Right Reserved By Blog Dian Anarchyta.