AHA Sarang Komputer

Friday, 28 September 2018

Update Button Share Facebook Untuk Di Blog Dan Website

Mobile page	Web page
Bagikan	Bagikan

Update Facebook Developer untuk tombol share, memberikan kode dua versi, untuk website dan webmobile, juga dengan tiga pilihan tampilan button, box-count, button-count dan button, dengan dua ukuran button. Button share sekarang mungkin sudah menjadi seperti aksesories saja, karena fungsinya sudah dapat tergantikan oleh aplikasi share pada semua merk ponsel sekarang. Sedangkan untuk di pada website ini masih tetap dibutuhkan bagi pembacanya yang membuka website melalui pc atau laptop.

Namun untuk di blogspot, blogspot sendiri sudah tersedia button share sehingga sudah pasti tidak dibutuhkan lagi. Untuk memasang button share di blogspot. Sedangkan pada desain website Anda harus mendapatkan kode pluginnya, untuk membuat atau mendapatkan kode plugin button share halamn website Anda, maka caranya, Anda dapat mengunjungi situs developer Facebook. Untuk masuk ke web Facebook Developer, linknya ini, "https://developers.facebook.com/docs/plugins/". Di sana plugin yang tersedia yaitu, plugin group, plugin fanpage ( halaman ), semat post, semat video, semat image, plugin komentar dan plugin like. Dan yang terbaru adalah plugin group.

Untuk membuat plugin button share halaman website to Facebook, Anda dapat menggunakan fitur plugin share-button dengan tampilan button share default. Untuk button share pada website dengan web mobile berbeda dalam membuat kode pluginnya, namun kode script untuk keduanya sama. Caranya sangat seperti cara membuat button like, Anda hanya mengisi link website, mengatur ukuran dan model kemudian klik tombol mendapatkan kode. Selanjutnya kode tersebut Anda copy paste ke halaman webpage Anda mengikuti tata letak.

Disini kami coba buat untuk lebih memudahkan lagi cara memasangkan kode button share tersebut pada halaman website Anda. Tahapan langkahnya sebagai berikut:

Copy paste kode script di bawah ini di atas

setelah masuk, buka windows baru dibrowser, ketik url facebook developer diatas <body> ;

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

Kemudian kode button sharenya, untuk

Website

copy paste kode dibawah ini pada tempat yang Anda inginkan di antara <body> dan </body>;

<div class="fb-share-button" data-href="http://www. namadomain.com/namajudul.html( atau)url halaman website" data-layout="button" data-size="large" data-mobile-iframe="false"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.namadomain.com%2F2018%2F09%2Fnamajudul.html&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Bagikan</a></div>

Web mobile

copy paste kode dibawah ini pada tempat yang Anda inginkan di antara <body> dan </body> atau di media display css body;

<div class="fb-share-button" data-href="https://www.namadomain.com/namajudul.html" data-layout="button" data-size="large" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.namadomain.com%2F2018%2F09%2Fnamajudul.html&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Bagikan</a></div>

Selesai

Sekarang tombol share sudah jadi, langkah selanjutnya, Anda tinggal menguji coba hasilnya. kemudian bandingkan dengan hasil dari tombol share yang ada di perangkat smartphone Anda untuk membagikan update postingan ke halaman facebook Anda. Karena yang dibuat adalah desain default, maka untuk membuat tombol share ke sosial media lainnya, harus presisi lebar dan panjangnya, agar match pada tampilan di web page Anda.

Demikan cara menambahkan button share profile facebook dari update terbaru facebook developer.

Semoga bermanfaat.

Thursday, 27 September 2018

Update Button Follow Facebook Untuk Di Blog Dan Website

Facebook Developer telah membuat update per Februari 2018 untuk plugin Facebook. Plugin Facebook ini fasilitas fitur untuk menautkan link Facebook untuk disematkan di blog dan website. Untuk yang sekarang plugin sudah dapat automatis dapat di copy paste code, kemudian dipasangkan di blog atau website. Yang dihilangkan plugin Follow Akun Facebook atau Profile Facebook, plugin ini diganti dengan plugin button like, like-button.

Kode plugin sudah auto copy kode, karena untuk mendapatkan kode Anda harus login ke web Facebook Developer, untuk masuk ke web Facebook Developer, linknya ini, "https://developers.facebook.com/docs/plugins/". Di sana plugin yang tersedia yaitu, plugin group, plugin fanpage ( halaman ), semat post, semat video, semat image, plugin komentar dan plugin like. Dan yang terbaru adalah plugin group. Untuk mengaktifkan plugin ini, facebook menyediakan dua mode, menggunakan iframe dan menggunakan javascript.

Untuk membuat plugin button follow Profile Facebook, Anda dapat menggunakan fitur plugin like-button dengan tampilan button like baku atau ukuran default, untuk membuat setelan Anda tinggal mencentang atau tidak mencentak checkbox sebelum melakukan set kode. Untuk lebih jelasnya, caranya sebagai berikut:

setelah masuk, buka windows baru dibrowser, ketik url facebook developer diatas

Akan terbuka halaman Plugin sosial

Pilih tombol suka

Scrol ke bawah, jangan diubah url

kemudian bisa diisi lebar / width dengan ukuran pixel, atau daoat dikosongkan untuk ukuran default.

Tata letak, dapat disesuaikan dengan keinginan, dapat memilih box_count, button_counts atau button

Ukuran layout dapat dipilih besar atau kecil.

Wajah teman Facebook dapat ditampilkan atau tidak, untuk tidak ingin ditampilkan kosongkan checkbox

Setelah selesai klik tombol "dapatkan kode"

Copy paste kode di website, d sini;

Website

<html>
<head>
  <title>Your Website Title</title>
    <!-- You can use open graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
  <meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your like button code -->
  <div class="fb-like" 
    data-href="https://www.your-domain.com/your-page.html" 
    data-layout="standard" 
    data-action="like" 
    data-show-faces="true">
  </div>

</body>
</html>
</pre>

Blogger

Klik "Tata Letak"

Klik add gadget

Pilih html/javascript

copy paste kode yang didapatkan disana semuanya di sini:

<div class="fb-like" data-href="https://yourname.blogspot.com/hyperlink.html" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
<div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

selesai

Untuk yang lainnya seperti membagikan update postingan ke halaman facebook, dapat dibuatkan di Facebook developer menggunakan javascript dan atau dapat langsung di fitur tanda titik tiga vertikal disebelah kanan postingan, dengan mode menggunakan iframe.

Demikan cara menambahkan button follow profile facebook dari update terbaru facebook developer.

Semoga bermanfaat.

Wednesday, 26 September 2018

Blogger - Membuat Menu Bar Drop Drown

Kembali membahas desain blogger, kali ini membuat menu bar pada Blogger yang disesuaikan dengan keinginan tidak menggunakan menu bar standard yang dikeluarkan gadget Blogger. Menu bar yang dibahas adalah membuat membuat menu bar drop down dimana desain ini pun dapat diterapkan di desain website.

Pada beberapa bulan yang lalu telah dibahas cara membuat menu bar atau menu tab yang standard, yaitu gadget menu bar keluaran blogger, postingan pada tanggal 06 Maret 2018, dengan judul "How To Create Menu Tabs, yang dapat dibaca lagi di sini. Sekarang akan dibahas menu bar cutomize dengan membuat fungsi drop dwonn.

Membuat menu bar drop down, Anda harus membuat css agar menu bar drop dwon berfungsi. Dalam pembahasannya, dari mulai membuat kode css sampai cara memasangnya di template blogger atau tata letak blogger. Yang pertama cara kode css agar menu bar drop down bekerja dengan baik.

Untuk membuat kode css menu dropdown caranya sebagai berikut

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.navbar {
    overflow: hidden;
    background-color: #32cd32;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    
}

.dropdown-content a:hover {
    background-color: #32cd32;
    color:red;
}

.dropdown:hover .dropdown-content {
    display: block;
    
}
</style>


<div class="navbar">
  <a href="#home">Home</a>
  <a href="#news">Profile</a>
  <div class="dropdown">
    <button class="dropbtn">Articles
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="#">Aha Sarang Komputer</a>
      <a href="#">Aha Dua Permata</a>
      <a href="#">Bila</a>
    </div>
  </div> 
</div>

Pada variable layout label div Anda ubah sesuai apa yang Anda inginkan pada judulnya, seperti "home", "profile" dan lain - lain. Begitupun pada kode warna hexsadesimal, dapat diganti dengan warna lain atau pun dengan kode warna rgb. Kemudian kode tersebut simpan di ;

Buka Blogger

Klik "Tata Letak"

Klik edit bar "crosscol"

Kemudian akan terbuka halaman gadgets Blogger, pilih "html/javascript"

Copy paste kode tersebut di sini

selesai

Hasilnya akan seperti di bawah ini:

Preview

Kode tersebut juga dapat di simpat di template, dengan meng-copy kode di bawah <style> dan di atas </style> ke template di bawah skin style. Namun cara ini tidak praktis, jadi sebaiknya Anda yang masih pemula tidak menyimpan di template, karena jika ada kode di template yang tidak sengaja terhapus dengan tidak sengaja dan Anda tidak tahu mana yang terhapus, akan menjadi maslah pada tampilan bloggspot Anda. Jadi menyimpan di "Tata Letak" itu lebih praktis.

Untuk memasang menu bar drop down pada desain website, kode css, yaitu kode antara <style> dan di atas </style> di simpan di bawah </title> dan di atas </head>. Sedangkan kode layout di bawah <body>.

Demikian cara membuat membuat desain kostum atau customize menu bar dengan menggunakan menu bar drop down.

Semoga bermanfaat dan sukses.

Tuesday, 25 September 2018

Blogger - Cara Menambahkan Icon Favicon Ico Address Bar

Menambahkan Icon logo nama blogspot di blogger pada adddress bar Windows, files image logo harus berextension ico. Ukurannya 32 x 32 pixel. Blogger menyediakan fitur untuk menambahkan image ico, sehingga tidak perlu lagi membuat link reel seperti pada Website. Penambahan Icon logo pada menu Address Windows tidak akan mempengaruhi pada tingkat pencarian, namun demikian penambahan icon ini setidaknya menunjukkan keseriusan Anda dalam membangun sebuah tulisan di blog.

Files logo biasanya dalam bentuk image png atau jpeg, jika nama blog sudah membuat logo, maka file logo tersebut dapat dibuat, dikonversi ke files ico. Untuk membuat files ico, dapat menggunakan convert image secara online, menggunakan aplikasi Convert image Android atau iOSS dan juga Anda dapat mengubah files logo jpeg atau png ke files favicon ico menggunakan Corel Draw X9. Caranya;

Buka Corel Draw

Klik "menu tab File"

klik "import"

Klik files logo dimana Anda menyimpannya

klik perkecil ukurannya menjadi 16 x 16 pixel

Kemudian klik "menu tab File"

Klik export

Pada jendela Windows baru, klik file of type, cari extension ico lalu klik

Kemudian klik save

Selesai

setelah dibuat logo nama blog berextension Ico, sekarang files tersebut diupload ke blogger Anda. Caranya

Buka situs Blogger

Klik "Tata Letak"

Pada blok kedua tata letak, ada nama judul Favicon, klik edit

Kemudian klik tambahkan file, cari file ico logo nama blog Anda

Lalu klik Save

Selesai

Demikian cara menambahkan icon favicon ico nama blog di address bar menu windows.

Semoga bermanfaat

Monday, 24 September 2018

Cara Mengunduh Image Dan Video Kiriman Di Web Whatsapp

Menggunakan Whatsapp di pc atau laptop, di http://web.whatsapp.com, ada perbedaannya dengan menggunakan aplikasi Whatsap di ponsel, yaitu file kiriman baik berupa dokmunen, image atau pun video, akan terupload secara otomatis namun tidak tersimpan di pc atau laptop. Loading saat file akan terupload hanya untuk menampilkan files tersebut dalam tayangan website whatsapp pada layar pc atau laptop.

Untuk menyimpannya harus diunduh dengan cara yang umum, yang biasa dilakukan dalam mengunduh file atau menggunakan fitur yang disediakan Whatsapp di Web Whatsapp, caranya sebagai berikut:

Buka web whatsapp

tap barcode menggunakan aplikasi whatsapp ponsel Anda

Klik chat teman atau grup yang mengirim image, dokumen atau video

Klik files tersebut

Klik icon unduh atau gambar panah kebawah berwarna hitam di sebelah paling kanan wall chats

Selesai

jika tidak diunduh sementara Anda anggap files tersebut penting dan ANda melakukan clear chats di ponsel ataupun pc atau laptop, maka Anda tidak akan mendapatkan files tersebut. Jadi sebaiknya segera diunduh bila files tersebut dianggap penting saat Anda menjalankan Whatsapp menggunakan Web Whatsapp.

Cara kerja seperti ini sangat menguntungkan pengguna Whatsapp yang menggunakan Web Whatsapp, sebab files yang dikirim secara otomatis tidak otomatis tersimpan ke pc atau Laptop, yang hanya mempersempit kapasitas memori pc atau Laptop Anda, bahkan membuat pekerjaan tambahan, karena Anda pasti akan menghapus file yang terkirim yang tidak penting.

Hal yang berbeda dengan Whatsapp di ponsel, Anda harus membuat setelan terlebih dahulu untuk mengantisipasi files yang tidak penting terunduh secara otomatis yang dapat membuat ponsel Anda cepat panas. Jadi menggunakan Web Whatsapp lebih praktis dan efisien di banding menggunakan aplikasi Whatsapp Android maupun iOS. Namun tentu saja ada kekurangannya, yakni setelannya terbatas, tidak ada enter chats dan fitur chats copy. Enter chats akan otomatis pesan terkirim.

Namun selebihnya adalah sesuai dengan selera Anda, menggunakan Web Whatsapp atau malah sebaliknya aplikasi Whatsapp di ponsel yang lebih praktis dan memudahkan Anda dalam menggunakannya

Demikian tips fungsi cara mengunduh files dokumen, image Dan video kiriman di Web Whatsapp".

Semoga bermanfaat

Sunday, 23 September 2018

Menambahkan Tombol Follow Akun Instagram Pada Halaman Website

Banyak orang tergiur untuk punya folower yang banyak, selain masalah gengsi, sebagian orang meyakini bahwa banyak follower memudahkan menjual produk jika media itu menjadi tempatnya berjualan atau mempromosikan produk, Atas dasar itu maka berjamuran layanan jasa yang menawarkan memudahkan penambahan follower. Bahkan beberapa postingan pun tidak ragu - ragu menjadi corong untuk mempromosikan hal tersebut tanpa mengujinya. Ujungnya tidak sedikit yang menjadi korban, namun ia tidak pernah merasa punya andil bersalah sebagai garda mempromosikan yang demikian itu.

Sebagian lainnya secara terang - terangan membuka jasa yang meminta imbalan bulanan untuk mengatur hashtagh promo jumlah follower, kemudian mereka yang berpikir jalan pintas berpikir itu sebuah solusi. Ujungnya menjadi korban para opportunis yang memanfaatkan situasi kebimbangan orang. Atas dasar itu kami yang pernah deaktivative dari Instagram, kembali membuka akun Instagram.

Membuat akun Instagram kembali, karena banyak pertimbangannya, yaitu adanya keluhan, permintaan bantuan untuk membuat berbagai hal di Instagram dan FanPage Facebook. Dari sini kami mendengar, mereka malah ditawarkan oleh orang lain, memberikan jasa yang tidak gratis. Ini bukan solusi bagi Anda yang ingin exist dengan usaha yang sedang Anda rintis dan jalankan.

Ketahuilah tidak ada yang instant untuk meraih sesuatu. Jika sesuatu itu jalannya mudah, maka sesuatu itu adalah hampa, tidak ada, adanya hanya di dalam khayalan. Jadi dalam meraih pelanggan di media sosial, tidak identik antara jumlah follower dengan larisnya produk jualan Anda. Yang perlu dikuasai dalam mengenalkan, mempromosikan dan menjual produk Anda secara online.

Pelanggan potensial akan melihat profile Usaha Anda.
1. Dalam hal ini, usaha yang Anda jalankan harus punya situs atau website yang menunjukkan kredibilitas Usaha Anda. Jadi tidak sekedar mengandalkan share to sosial media. Jika hanya mengandalkan sosial media, lebih baik secepatnya untuk menghentikan usaha Anda karena Anda akan menjadi bulan - bulanan opportunis yang memanfaatkan ketidak tahuan Anda. Bukannya uang yang didapat malah sebaliknya.
2. bukti sertifikat, dari jenis usaha, legalitas formal harus Anda miliki, sebagai bukti Anda benar - benar menjalankan secara serius / professional.

Pelanggan potensial akan menelusuri ke source di mana Anda membuka Usaha.
1. Di sini Anda harus punya tempat di mana Anda memproduksi, memajang produk Anda. yang paling sederhana adalah di rumah Anda
2. Tempat tidak harus sewa kios atau lapak, karena media bisnis Anda berjualan secara online.

Pelanggan potensial akan secara tidak langsung mempromosikan produk Anda.

Ketiga faktor itu yang harus Anda ketahui ketika Anda akan memulai, paling tidak, cobalah sejenak berpikir, bahwa Anda sebagai pembeli atau calon pembeli atau orang yang sedang mencari barang secara online. Jadi tidak memulai usaha karena berangkatnya pengaruh orang banyak disekitar Anda. Yang harus diingat, setiap keputusan yang Anda ambil, orang lain yang mempngaruhi Anda tidak akan mempedulikan Anda ketika Anda gagal. Mereka akan mencari orang lain untuk dibujuknya lagi, cara membujuknya dengan teknik seolah professional semodel seminar - seminar.

Jadi untuk memulai usaha , baik offline dan online itu sama, harus punya perencanaan dan kesiapan mental. Jika secara offline Anda harus membuka toko atau kantor, maka secara online toko Anda adalah situs atau website Anda. Dalam dunia nyata atau offline, di area pasar atau di pinggir jalan banyak yang berjualan menjajakan dengan membuka lapak kecil atau gelar tikar atau berjualan keliling, maka seperti itulah mereka yang berjualan yang mengandalkan sosial media. Ada keuntungan tapi tidak besar, cukup untuk hidup. Tidak butuh modal, hanya butuh keberanian.

Ada milyaran pengguna sosial media di semua Platform, ini adalah pangsa pasar besar, yang hanya bisa direbut oleh mereka yang berjualan secara professional dengan perencanaan yang matang. Ada ratusan calon pelanggan potensial yang hanya akan menghampiri mereka yang berjualan secara professional.

Sekali lagi memperbanyak jumlah follower bukan berati jualan Anda akan banyak peminatnya, meningkatnya jumlah follower hasil dari promosi tidak langsung pelanggan potensial Anda. Pahamilah ini, baru Anda memulai dan berlari.

Di bawah ini profile Instagram kami, Jadi membuat tombol Instagram itu sangat mudah. Anda dapat memasangnya di website Anda. Tujuannya bukan untuk menambah Follower, tapi memudahkan calon pelanggan potensial mengetahui siapa Anda.

Demikian cara menambahkan tombol Follow Akun Instagram pada halaman Website, buat Anda yang sedang bergairah berjualan secara online.

Semoga bermanfaat dan sukses.

	Update Button Share Facebook Untuk Di Blog Dan Website
	Update Button Follow Facebook Untuk Di Blog Dan Website
	Cara Aktifkan 2 Faktor Keamanan Facebook
	Berkarir Di Facebook
	Cara Menghasilkan Uang Di Facebook
	Facebook Tips Cara Settings Data Pengguna
	Snooze Button Fitur Baru Facebook
	Tips Memulihkan Account Facebook Karena Handphone Hilang Atau Dicuri
	Tips Cara Sign Up Facebook Yang Baik Dan Benar
	Tip Cara Mengetahui Asli Atau Palsu Profile Facebook
	Ujicoba Photo Telanjang Oleh Facebook
	Tip Tambah Plugin FanPage Facebook
	Tips Create FanPage Facebook

	Update Button Follow Facebook Untuk Di Blog Dan Website
	Cara Aktifkan 2 Faktor Keamanan Facebook
	Berkarir Di Facebook
	Cara Menghasilkan Uang Di Facebook
	Facebook Tips Cara Settings Data Pengguna
	Snooze Button Fitur Baru Facebook
	Tips Memulihkan Account Facebook Karena Handphone Hilang Atau Dicuri
	Tips Cara Sign Up Facebook Yang Baik Dan Benar
	Tip Cara Mengetahui Asli Atau Palsu Profile Facebook
	Ujicoba Photo Telanjang Oleh Facebook
	Tip Tambah Plugin FanPage Facebook
	Tips Create FanPage Facebook

Friday, 28 September 2018

Update Button Share Facebook Untuk Di Blog Dan Website

Artikel Terkait

Thursday, 27 September 2018

Update Button Follow Facebook Untuk Di Blog Dan Website

Artikel Terkait

Wednesday, 26 September 2018

Blogger - Membuat Menu Bar Drop Drown

Artikel Terkait:

Tuesday, 25 September 2018

Blogger - Cara Menambahkan Icon Favicon Ico Address Bar

Artikel Terkait:

Monday, 24 September 2018

Cara Mengunduh Image Dan Video Kiriman Di Web Whatsapp

Artikel Terkait ;

Sunday, 23 September 2018

Menambahkan Tombol Follow Akun Instagram Pada Halaman Website

Artikel Terkait

Entri Populer

Blog Archive