Hallo, balik lagi ditutorial pemrograman Dumet School, masih semangat yah belajar hal hal baru bersama blog Dumet School, nah pada kesempatan kali ini saya akan berbagi pengetahuan tentang Bagaimana Cara Membuat Button Berbagi Artikel Ke Facebook, teman teman pasti pernah melihat yah sebuah website yang memiliki sebuah button dengan logo facebook tepat ketika kita membaca sebuah artikel pada salah satu website, nah pada saat kita klik button facebook
tersebut maka akan diarahkan kehalaman login facebook untuk teman teman yang belom login facebook, maka artikel itu akan otomatis akan dibagikan didalam facebook teman teman, kira kira seperti itu kasus kita sekarang, baiklah langsung saja kita mulai yah, pastikan teman teman sudah membuat sebuah file baru dan beri nama bebas pastikan teman teman savenya didalam xampp/htdocs yah, jika sudah coba tambahkan script berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<?php $title = 'Cara Membuat Setter dan Getter Menggunakan OOP PHP'; $slug = str_replace(' ', '-', $title); $url = 'https://kursuswebprogramming.com/'.strtolower($slug); $desc = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'; $img = 'https://i.ytimg.com/vi/72bqMiK61ug/maxresdefault.jpg'; $summary = 'Tombol share untuk sosial media merupakan sebuah plugin untuk membagikan artikel terbaru anda dengan orang-orang yang berteman dengan anda di sosial media'; ?> <!DOCTYPE html> <html> <head> <title>Demo with jQuery</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="Demo project with jQuery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous"> <style type="text/css"></style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12 py-3"> <a id="button" onClick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo $title; ?>&p[summary]=<?php echo $summary;?>&p[url]=<?php echo $url; ?>&&p[images][0]=<?php echo $img;?>', 'sharer', 'toolbar=0,status=0,width=550,height=400');" target="_parent" href="javascript: void(0)"> <img src="images/logo.jpg" class="img-fluid pb-3" style="width: 10%" /> </a> <img src="https://i.ytimg.com/vi/72bqMiK61ug/maxresdefault.jpg" class="img-fluid img-thumbnail"> <h2><?= $title ?></h2> <p><?= $desc ?></p> </div> </div> </div> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </body> </html> |
Jika sudah disave dan jalankan dibrowser teman teman jika berhasil maka setelah mengklik tombol facebook teman teman akan diarakan ke halaman baru yakni facebook, oke cukup mudah bukan?, sekian tutorial tentang Bagaimana Cara Membuat Button Berbagi Artikel Ke Facebook. Sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA