Cara membuat like button facebook dan share valid html 5

Discussion in 'Blogger' started by Rivaiblog, Jun 8, 2013.

  1. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    [​IMG]
    Hubungan antara blog dan facebook boleh dikatakan sangat erat, sampai sampai disetiap sudut blog hampir dipenuhi dengan tombol share terutama tombol share yang satu ini, disamping bisa ngelike enak juga untuk tombol share ke facebook kita. Kemudahan untuk like dan share di blog dengan jejaringan sosial facebook sangat diminati. Tapi dalam hal ini untuk saat ini perlu di ingat berhubung adanya keluaran terbaru HTML 5 kita harus menyesuaikan template blog kita menjadi template yang valid HTML ini. Dalam postingan kali ini saya akan memberikan info " Cara membuat like button facebook dan share yang valid html 5 ". Facebook selalu memperhatikan para membernya terlebih dengan digantinya code script yang terdahulu menjadi code yang valid dengan HTML 5 dan dengan sangat mudahnya kita mengambil code scriptnya dengan geratis. Oke langsung saja menuju TKP.

    Login to blog   >>   Template    >>    Edit HTML
    Kunjungi situs >>  http://developers.facebook.com/docs/reference/plugins/like/[/b]
    Kolom Atas masukkan URL anda.
    Contreng "Send Button "
    Di " Layout Style " Pilih "Button_count"
    Di Baris "Width" ukuran box - standart 50px
    Edit semua sesuai dengan keinginan anda, lihat "review" yang ada disebelah kanan.
    Bila sudah klik "Ged Code" setelah halaman code terlihat pilih " HTML 5 "




    Contoh Code Script  I




    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    &nbsp; var js, fjs = d.getElementsByTagName(s)[0];
    &nbsp; if (d.getElementById(id)) return;
    &nbsp; js = d.createElement(s); js.id = id;
    &nbsp; js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
    &nbsp; fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>



    Code script yang pertama ini letakkan tepat dibawah code&nbsp; <body>[/b]




    Contoh Code Script&nbsp;&nbsp; II




    <div class="fb-like" data-href="http://rivai-silaban.blogspot.com/" data-send="true" data-layout="button_count" data-width="50" data-show-faces="true"></div>



    Code script ini adalah code untuk menimbulkan share button like share di blog, tentang peletakannya silahkan sesuaikan dengan tampilan blog anda.



    NB : Code script yang ada di atas adalah code sebagai contoh jadi jangan di pakai, Bila template anda valid dengan HTML 5 silahkan cek di >>&nbsp;
    Code:
    http://validator.w3.org





    Sumber : http://rivai-silaban.blogspot.com/2013/05/cara-membuat-like-button-facebook-dan.html
     
    Rivaiblog, Jun 8, 2013
    #1
  2. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    478
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    Saya sih masih pake yang

    Saya sih masih pake yang default *jail*
     
    samuel, Jun 8, 2013
    #2
  3. ayahnyanadia

    ayahnyanadia Well-Known Member

    Joined:
    Apr 4, 2013
    Messages:
    1,521
    Likes Received:
    156
    Trophy Points:
    63
    Google+:
    Mantap, I like it.

    Mantap, I like it. *bagus*
     
    ayahnyanadia, Jun 8, 2013
    #3
  4. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    bisa juga..

    Memang sama juga sih hanya kalo template kita sudah valid HTML 5 pastinya yang default masih eror.
     
    Rivaiblog, Jun 8, 2013
    #4
  5. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    terimakasih

    makasih bang...
     
    Rivaiblog, Jun 8, 2013
    #5
  6. Andre

    Andre Member

    Joined:
    Apr 12, 2013
    Messages:
    483
    Likes Received:
    22
    Trophy Points:
    18
    saya juga masih pake default

    saya juga masih pake default *ketawa2*
     
    Andre, Jun 9, 2013
    #6
  7. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    Andre wrote:

    Memang bisa sama juga bang , tapi dalam penulisan bahasa pemprogramannya masih invalid dalam HTML 5, tapi tidak mengurangi penggunaannya sih...
    thx atas informasinya.. bang @Andre
     
    Rivaiblog, Jun 9, 2013
    #7
  8. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    763
    Trophy Points:
    113
    Google+:
    saya malah belum membuat

    saya malah belum membuat button facebook *kesepian* nanti dicoba ah,
     
    ncang, Jun 10, 2013
    #8
  9. Dan

    Dan Forum Bot

    Joined:
    Dec 4, 2012
    Messages:
    1,316
    Likes Received:
    257
    Trophy Points:
    83
    Google+:
    Kalau saya malah pakai iframe

    Kalau saya malah pakai iframe, lebih cepet soalnya *jail*
     
    Dan, Jun 10, 2013
    #9
  10. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    masaiya-chang wrote:

    heeh iya bang, thx atas pendapatny.
     
    Rivaiblog, Jun 10, 2013
    #10
  11. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    Dan wrote:

    yup memang bisa juga bang @dan soal kevalitannya pada HTML 5 hanya rombak code saja. tapi buat blog kayk blog saya yang personal dn tidak rame pengunjung pastinya berpengarus terhadap SEO ny bang soal pemakaiian iframe yang berlebihan. thx bang @dan atas pendapatnya.
     
    Rivaiblog, Jun 10, 2013
    #11
Loading...
Similar Threads - Cara membuat button
  1. KBlogger

    Cara Membuat Floating Button Sosial Media

    KBlogger, Mar 9, 2014, in forum: Blogger
    Replies:
    2
    Views:
    1,037
    KBlogger
    Mar 9, 2014
  2. Pasha Lovarian

    [ASK] Cara membuat Shortener Generate Link Domain Sendiri

    Pasha Lovarian, Mar 15, 2017, in forum: Blogger
    Replies:
    5
    Views:
    3,992
    compzone08
    Oct 3, 2017
  3. BangNasti

    [Ask] Bagaimana cara membuat gambar artikel vertikal jadi horizontal?

    BangNasti, Mar 5, 2017, in forum: Blogger
    Replies:
    10
    Views:
    3,590
    #BOOM
    Mar 5, 2017
  4. Musthafa Kamal

    [HELP] Cara membuat subdomain di cloudflare?

    Musthafa Kamal, Apr 2, 2016, in forum: Blogger
    Replies:
    21
    Views:
    5,996
    Musthafa Kamal
    Jul 14, 2016
  5. Leon Sion Turnip

    [ ASK ] Cara Membuat Kotak KomenSeperti Forum

    Leon Sion Turnip, Jan 8, 2016, in forum: Blogger
    Replies:
    6
    Views:
    1,513
    zaarsaja
    Feb 4, 2016

Share This Page