Belajar praktis: blog | Best SEO Friendly Blogger Template -->

share | Membuat Tombol SEND

Unknown 2/15/2017 12:11:00 AM

Belajar Membuat Tombol SEND

Tombol Kirim/SEND memungkinkan seseorang mengirimkan secara pribadi konten di situs Anda kepada satu atau beberapa teman lain dalam pesan Facebook. Untuk membuat Tombol SEND, Syarat yang mesti dipenuhi adalah kita telah membuat Opengraph Facebook, dan kemudain telah mempunyai AppID FB, jika belum sebaiknya anda membuat AppID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook untuk membuat Tombol SEND, anda bisa kunjungi di Facebook for Developers, atau anda bisa ikuti langsung langkahnya seperti di bawah ini.

1. Copy dan pastekan open graph meta tag dibawah ini, kebagian <Head> , sesuaikan meta tag tersebut dengan blog anda, jika blog belum mempunyai open graph.

<meta property="og:url"    content="http://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="http://www.your-domain.com/path/image.jpg" />

Keterangan

og:url : isilah dengan URL Blog atau URL halaman Blog.
og:type : biarkan berisi dengan website.
og:title : isilah dengan judul Blog/website.
og:description : isi dengan description halaman atau blog.
og:image : isi dengan url image blog.

2. Copy SDK javascript di bawah ini, pastekan tepat dibawah <body> pada html blog

<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8&appId=App ID Fb"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan :

Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.

3. Tombol Bagikan : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Bagikan, jangan lupa ganti data href dengan URL halaman 

<div class="fb-send" data-href="https://URL BLOG ANDA/"></div>

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.


thumbnail

Share | Membuat Akun Google

Unknown 2/15/2017 12:06:00 AM

Membuat Akun Google.

1. Masuklah ke halaman Buat Akun Google Anda
2. Isi data diri sesuai dengan form yang telah disediakan.

form isian akun google
3. Khusus untuk pengisian Password Gunakan huruf besar, huruf kecil dan angka hal ini diperlukan untuk membuat password tidak mudah tiru.
4. Setelah semua isian Form terisi semua dengan benar, kemudain klik Langkah Berikutnya yaitu tombol berwarna biru yang letaknya dibaris paling bawah pada form tersebut.

tombol langkah berikutnya
5. Anda akan dibawa masuk ke Halaman Privasi Dan Persyaratan, bacalah dan pahami, kemudian scroll ke bawah, dan klik Saya setuju

halaman privasi dan persyaratan
6. Maka anda akan dibawa ke Halaman Wellcome dan lanjutkan dengan meng - klik tombol Continue.

halaman wellcome
7. Anda akan dibawa ke halaman Akun saya, pada halaman akun saya ini anda bisa setting semua informasi akun yang diperlukan, Dengan demikian proses membuat akun Google sudah selesai, anda bisa mencobanya untuk masuk ke Gmail.

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat artikel-artikel tentang seputar blog anda dapat klik disini Artikel Blog.

thumbnail

share | Menggunakan Domain Khusus

Unknown 2/11/2017 10:10:00 PM

Menggunakan Domain Khusus

Ada dua cara mempublikasikan blog Anda di Blogger

  1. Dengan menghostingnya di Blogspot (Contoh.blogspot.com)
  2. Dengan Menghosting di domain khusus atau Domain yang kita beli sendiri dari penyedia Domain.(www.contoh.com).

Untuk mengubah dari Domain Blogspot menjadi Domain Khusus yang kita beli, maka hal yang pasti harus disiapkan terlebih dahulu adalah kita harus membeli domain dari penyedia layanan, Setelah kita mempunyai Domain, Ada 2 langkah yang harus disetting.

  1. Setelan pada blog.
  2. Setelan pada situs Penyedia Domain.

Untuk lebih jelasnya langkah demi langkah, tentang mengubah domain khusus ini, Baiklah kita mulai dari membuat setelan pada Blog terlebih dahulu.

Setelan pada Blog.

  1. Buka blog Anda dan klik tab Setelan dan lanjutkan Dasar.
  2. Perhatikan pada bagian "Publikasi", klik + Siapkan URL pihak ke-3 untuk blog Anda.
  3. Isi kolom Http yang letaknya di bawah bagian Setelan domain pihak ketiga dengan nama Domain yang telah kita beli sebelumnya, sebagai contoh : www.Contoh.com
  4. Kemudian Klik Simpan
  5. Maka akan tampil pesan error dan akan muncul 2 CNAME
    1. Pada bagian Nama/Host baris 1 berisi WWW dan bagian tujuan/target berisi ghs.google.com
    2. Pada bagian Nama/Host baris 2 berisi unsnauvpq3gp dan dibagian tujuan/target gv-zm63xe2fjinouh.dv.googlehosted.com kode pada baris ke 2 ini adalah kode unik dari Google, setiap akun akan mempunyai kode yang berbeda.
    3. Copy dan pastekan ke 2 CNAME tersebut pada Notepad.

    setelan blog

Setelan pada situs penyedia Domain

Setelah kita membeli Domain dari penyedia Domain, kita akan mendapat 4 buah Nameserver :

  1. Nameserver 1
  2. Nameserver 2
  3. Nameserver 3
  4. Nameserver 4
Simpan ke 4 Nameserver tsb ke Notepad. Langsung saja kita akan mulai dengan setelan Domain.

  1. Login ke situs tempat penyedia Domain yang telah kita beli.
  2. Klik menu dropdown Domain kemudian pilih List Domain Saya.
  3. Klik menu dropdown Setelan kemudian pilih Kelola Domain maka kita akan dibawa ke halaman kelola Domain.
  4. Klik menu Registrar Lock dan lanjutkan dengan klik Enable Registrar Lock maka status Registrar Lock akan menjadi Enable
  5. Masih di halaman Kelola Domain, Klik menu DNS Management maka kita akan masuk halaman Managed DNS
  6. Klik ADD New Record maka kita akan masuk pada Modify A Record CONTOH.COM
  7. Pada bagian Domain biarkan kosong
  8. Pada bagian TTL telah terisi 14400 biarkan saja.
  9. Pada bagian Class telah terisi IN Biarkan saja.
  10. Pada bagian Type isi dengan A.
  11. Pada bagian Destination
    12. isi dengan 216.239.32.21
  12. Selanjutnya klik Apply Modification dengan demikian kita telah menyelesaikan 1 Record.
    13. isi ip server 1
  13. Lakukan langkah yang sama dengan cara menekan tombol ADD New Record dan mengganti bagian Destination dengan :
    • 216.239.34.21
    • 216.239.36.21
    • 216.239.38.21
    sampai disini kita telah membuat 4 record.
  14. Untuk membuat Record yang ke 5 pada bagian Domain isi dengan www, pada bagian Type isi dengan CNAME, pada bagian Destination isi dengan ghs.google.com yang telah kita simpan sebelumnya pada Notepad, dan Klik Apply Modification dengan demikian kita telah mendapatkan 5 Record.

    15. isi ip server 5
  15. Untuk membuat Record yang ke 6 pada bagian Domain isi dengan unsnauvpq3gp>, yang telah kita simpan sebelumnya pada Notepad, pada bagian Type isi dengan CNAME, pada bagian Destination isi dengan gv-zm63xe2fjinouh.dv.googlehosted.com yang telah kita simpan sebelumnya pada Notepad, dan Klik Apply Modification dengan demikian kita telah mendapatkan 6 Record.
    16. isi ip server 6
  16. Klik Back dan kita kembali halaman menu Kelola Domains sekarang pilih menu Nameserver kemudian Klik Update
  17. Isilah bagian Nameserver1 sampai dengan Nameserver4 dengan Nameserver yang kita peroleh saat kita membeli Domain, dan telah kita simpan pada Notepad, sesuai urutannya, dan terakhir klik tombol UPDATE.
  18. Dengan demikian kita telah selesai membuat setelan pada situs penyedia Domains, tunggu 3 - 6 jam.
  19. Setelah 3-6 jam, masuk lagi pada halaman Blog, pilih Setelan > Dasar masukan nama Domains www.Contoh.com pada bagian Http:// dan Simpan. Maka Domain telah berubah menjadi www.Contoh.com

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



thumbnail

share | Memverifikasi Blog di Google Webmaster Tools

Unknown 1/03/2017 10:33:00 PM

Verify Blog di Google Webmaster Tools

Berikut ini saya ambil dari "Bantuan dari Search Console" tentang arti dan pentingnya, mengapa harus memverifikasi Kepemilikan Situs.

Memverifikasi kepemilikan situs

Apa itu verifikasi?

Verifikasi adalah proses pembuktian bahwa Anda adalah pemilik situs atau aplikasi yang diklaim sebagai milik Anda. Kami perlu mengonfirmasi kepemilikan karena setelah terverifikasi sebagai pemilik situs atau aplikasi, Anda memiliki akses ke data Google Penelusuran pribadi untuk situs atau aplikasi tersebut serta dapat memengaruhi cara Google Penelusuran merayapinya.

Apa itu properti?

Properti di Search Console mewakili situs atau aplikasi yang Anda miliki. Anda dapat meminta tindakan di properti seperti meminta perayapan ulang, atau melihat data Google Penelusuran untuk properti Anda, misalnya kesalahan perayapan atau statistik Google Penelusuran. Verifikasi mengaitkan pengguna tertentu dengan properti tertentu. Setiap properti Search Console memerlukan minimal satu pemilik terverifikasi, meskipun juga bisa lebih.

Perhatikan bahwa Anda bisa menambahkan situs atau aplikasi apa pun sebagai properti Search Console, namun Anda tidak dapat menggunakannya di Search Console sebelum memverifikasi kepemilikannya (atau pemilik memberikan hak tersebut kepada Anda). Misalnya, Anda dapat menambahkan www.wikipedia.org sebagai properti ke akun Search Console, namun Anda tidak dapat mengaksesnya hingga pengembang Wikipedia membantu Anda membuktikan kepemilikan (atau pemilik properti Search Console Wikipedia menambahkan Anda sebagai pengguna ke properti Search Console).

Berikut adalah langkah-langkah untuk memverifikasi kepemilikan situs/blog

  1. Masuk ke GOOGLE Search Console.
  2. Pilih menu "TAMBAHKAN PROPERTY".
    3. Memverifikasi Blog
  3. Masukkan URL Blog, contoh: Https://www.contoh.com/
    4. Memverifikasi Blog
  4. Pilih Metode Alternatif > Tag HTML >muncul "meta tag" sebagai contoh meta tag tersebut seperti ini :
    5. <meta name="google-site-verification" content="dvZHif6X1J5RBPc2oAmZ-lhGbaigQo5tG3so6ytSXBE" />

    Memverifikasi Blog
  5. Copy "meta tag" tersebut, dan paste kan, dibawah <head> atau didalam bagian head dari halaman HTML.
  6. Simpan halaman HTML.
  7. Kembali lagi halaman GOOGLE Search Console, dan klik tombol merah "VERIFIKASI".
  8. Verifikasi yang berhasil akan muncul "v", seperti gbr di bawah ini.
Memverifikasi Blog

Demikian tadi sedikit yang bisa saya share tentang verifikasi Blog, semoga ada manfaatnya buat rekan-rekan pembaca, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

share | Membuat Tombol Bagikan untuk sosial plugin Facebook

Unknown 12/31/2016 10:44:00 PM

Membuat Tombol Bagikan untuk sosial plugin Facebook

Membuat Tombol bagikan, Syarat yang mesti dipenuhi adalah kita harus mempunyai AppID FB, jika belum sebaiknya anda membuat AppID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook untuk membuat Tombol Bagikan, anda bisa kunjungi di Facebook for Developers, atau anda bisa ikuti langsung langkahnya seperti di bawah ini.

1. Copy dan pastekan open graph meta tag dibawah ini, kebagian <Head> , sesuaikan meta tag tersebut dengan blog anda, jika blog belum mempunyai open graph.

<meta property="og:url" content="http://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="http://www.your-domain.com/path/image.jpg" />

Keterangan

og:url : isilah dengan URL Blog atau URL halaman Blog.
og:type : biarkan berisi dengan website.
og:title : isilah dengan judul Blog/website.
og:description : isi dengan description halaman atau blog.
og:image : isi dengan url image blog.

2. Copy SDK javascript di bawah ini, pastekan tepat dibawah <body> pada html blog
<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8&appId=App ID Fb"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan :

Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.

3. Tombol Bagikan : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Bagikan, jangan lupa ganti data href dengan URL halaman
<div class="fb-share-button" data-href="https://URL Blog atau Halaman Blog/" data-layout="button_count" data-size="small"

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

Share | cara Membuat Tombol Simpan untuk sosial plugin Facebook

Unknown 12/31/2016 08:32:00 PM

Share cara Membuat Tombol Simpan untuk sosial plugin Facebook

Tombol simpan memungkinkan orang menyimpan item atau layanan ke daftar pribadi di Facebook, membagikannya kepada teman, dan menerima pemberitahuan yang relevan.. Syarat yang mesti dipenuhi adalah kita harus mempunyai AppID FB, jika belum sebaiknya anda membuat AppID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook untuk membuat Tombol Ikuti, anda bisa kunjungi di Facebook for Developers, atau anda bisa ikuti langsung langkahnya seperti di bawah ini.

1. Copy dan pastekan open graph meta tag dibawah ini, kebagian <Head> , sesuaikan meta tag tersebut dengan blog kita, jika blog belum mempunyai open graph.
<meta property="og:url" content="http://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="http://www.your-domain.com/path/image.jpg" />

Keterangan

  • og:url : isilah dengan URL Blog atau URL halaman Blog.
  • og:type : biarkan berisi dengan website.
  • og:title : isilah dengan judul Blog/website.
  • og:description : isi dengan description halaman atau blog.
  • og:image : isi dengan url image blog.
2. Copy script di bawah ini, pastekan tepat dibawah <body> pada html blog.
<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8&appId=App ID FB"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan :

Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.

3. Tombol Simpan : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Simpan, jangan lupa ganti data href dengan URL halaman
<div class="fb-save" data-uri="https://URL Blog atau Halaman Blog/" data-size="large"></div>

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

share | Membuat Tombol Ikuti untuk sosial plugin Facebook

Unknown 12/31/2016 07:28:00 PM

Membuat Tombol Ikuti untuk sosial plugin Facebook

Tombol Ikuti memungkinkan orang berlangganan pembaruan publik orang lain di Facebook. Syarat yang mesti dipenuhi adalah kita harus mempunyai AppID FB, jika belum ada anda harus membuat App ID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook, untuk membuat Tombol Ikuti, anda bisa kunjungi di Facebook for Developers, atau anda bisa ikuti langsung langkahnya seperti di bawah ini.

1. Copy dan pastekan open graph meta tag dibawah ini, kebagian <Head> , sesuaikan meta tag tersebut dengan blog kita, jika blog belum mempunyai open graph.
<meta property="og:url" content="http://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="http://www.your-domain.com/path/image.jpg" />

Keterangan

  • og:url : isilah dengan URL Blog atau URL halaman Blog.
  • og:type : biarkan berisi dengan website.
  • og:title : isilah dengan judul Blog/website.
  • og:description : isi dengan description halaman atau blog.
  • og:image : isi dengan url image blog.
2. Copy SDK javascript di bawah ini, pastekan tepat dibawah <body> pada html blog.
<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8&amp;appId=ID App FB"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan :

Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.

3. Tombol Ikuti : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Like, jangan lupa ganti data href dengan URL halaman
<div class="fb-follow" data-href="https://URL BLOG/ atau HALAMAN BLOG" data-layout="standard" data-size="small" data-show-faces="true"></div>

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

share | Membuat Tombol Suka Facebook

Unknown 12/31/2016 07:09:00 PM

Membuat Tombol Suka Facebook

Mengizinkan orang membagikan halaman dan konten dari situs Anda ke profil Facebook mereka dengan sekali klik, sehingga semua teman mereka dapat membacanya. Syarat yang mesti dipenuhi adalah kita harus mempunyai App ID FB, jika belum ada anda harus membuat AppID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook, untuk membuat Tombol Suka, anda bisa kunjungi di Facebook for Developers, atau ikuti langkahnya di bawah ini.

Langkah 1 : Copy dan pastekan open graph meta tag dibawah ini, kebagian <HEAD> , sesuaikan meta tag tersebut dengan blog kita, jika blog belum mempunyai open graph.

 <meta property="og:url"           content="http://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="http://www.your-domain.com/path/image.jpg" />

Keterangan

  • og:url : isilah dengan URL Blog atau URL halaman Blog.
  • og:type : biarkan berisi dengan website.
  • og:title : isilah dengan judul Blog/website.
  • og:description : isi dengan description halaman atau blog.
  • og:image : isi dengan url image blog.

Langkah 2 : Copy SDK javascript di bawah ini, pastekan tepat dibawah <body> pada html blog

<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8&appId=ID APP FB"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan :

Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.

Langkah 3 : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Like, jangan lupa ganti data href dengan URL halaman

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

Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.

thumbnail

share | Membuat Twitter Card

Unknown 12/18/2016 06:30:00 PM

Membuat Twitter Card

Summary Card dapat digunakan untuk berbagai jenis konten web, dari posting blog dan artikel berita, produk dan restoran.

Hal ini dirancang untuk memberikan pembaca preview konten sebelum mengklik website.

Berikut langkah untuk membuat twitter card tersebut, ikuti langkahnya sebagai berikut :

1. Sign in ke dev.twitter.com

Membuat Twitter Card

2. Pilih menu PRODUK

3. Pilih menu TWIITER CARD


Membuat Twitter Card

4. Plih menu Drive engagement from your Tweets

Membuat Twitter Card

5. Pilih salah satu jenis Card yang ingin dipakai/digunakan

6. Copy SAMPLE CODE pastekan dibawah <body> pada template HTML

Membuat Twitter Card

7. Sesuaikan Content pada meta tag.

8. Validasi setelah semuanya OK ke Twitter Card Validator.

9. Dengan begitu kita selesai membuat Twitter Card untuk blog kita.

Penerapan

Berikut ini adalah contoh kode membuat twitter card, saya pilih jenis Summary Card (foto dan teks)

Tambahkan meta tag Summary Card bawah ini ke situs Anda di bagian body:

<meta name = "twitter:card" content = "summary" />
<meta name = "twitter:site" content = "@flickr" />
<meta name = "twitter:title" content = "Small Island Developing States Photo Submission" />
<meta name = "twitter:description" content ="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">

Keterangan

  • meta name = twitter site content = ganti dengan ID APPLIKASI TWITTER atau User Twitter yang telah dibuat sebelumnya.
  • meta name = twitter:title content = ganti dengan Title Website
  • meta name = twitter description content = ganti dengan URL IMAGE LOGO WEBSITE atau bisa juga PHOTO AUTHOR

Pastikan untuk menyediakan situs atribusi dan konten Anda sendiri. Setelah menempatkan meta tag ke dalam halaman template HTML, Anda dapat menguji Card Anda menggunakan : Twitter Card Validator.

Memvalidasi twitter Card, cukup copy salah satu URL halaman Blog, dan pastekan pada kolom Validator, dan tekan PREVIEW CARD, tampilan yang berhasil akan tampak seperti gambar dibawah ini.


Membuat Twitter Card

Setelah Anda telah berhasil menerapkan Twitter Card di situs Anda, analisis Card Twitter akan tersedia untuk akun utama Anda dan akun Twitter lain yang Anda berikan akses.

Mungkin itu saja sedikit share, tentang membuat Twitter Card untuk Blog, semoga bermanfaat buat rekan - rekan semua, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



thumbnail

share | Membuat ID Applikasi Twitter

Unknown 12/18/2016 05:41:00 PM

Membuat ID Applikasi Twitter

Kali ini saya coba share tentang cara membuat ID Applikasi Twitter, Id ini berguna saat kita akan membuat Applikasi twitter di Blog maupun Mobile Applikasi. Ikuti langkah membuatnya :

1. Sign in Developer Twitter.

2. Pilih MY APPS dan akan masuk ke halaman Application Management.

3. Klik : Create New Apps dan akan dimasukkan ke halaman Form Create New Application.

4. Isi form CREATE AN APPLICATION.

5. Beri tanda tik/centang pada checbox Developer Agreement, artinya kita telah dianggap setuju dengan sebuah aturan.

6. Klik tombol Create your Twitter application dan kita telah masuk ke halaman Applikasi yang kita buat.


Membuat ID Applikasi Twitter

7. Klik Key and Access Tokens dan lihat Owner ID. inilah nomor ID Applikasi yang kita buat.


Membuat ID Applikasi Twitter
Keterangan Application Details.
  • Name : isi dengan nama Applikasi anda.
  • Description : isi dengan deskripsi dari Applikasi yang akan dibuat.
  • Website : isi dengan URL BLOG.
  • Callback URL : Kosongkan kolom ini.

Demikian tadi sedikit Share tentang cara membuat ID Applikasi Twitter, semoga apa yang bisa saya share ini bisa bermanfaat buat rekan - rekan semuanya, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



thumbnail

share | Membuat ID Aplikasi Facebook

Unknown 12/14/2016 09:19:00 PM

Membuat ID Aplikasi Facebook

1. Sign in ke Facebook Developer., jika belum mempunyai akun Sign up terlebih dahulu.

2. Klik Aplikasi saya > Tambahkan Aplikasi Baru.

Membuat ID Aplikasi Facebook

3. Isi Form "Buat ID Aplikasi Baru" dan klik Buat ID Aplikasi.

Membuat ID Aplikasi Facebook

4. Isi kolom pemeriksaan Keamanan, klik kirim.

Membuat ID Aplikasi Facebook

5. Dengan begitu telah selesai kita membuat ID Aplikasi.

Membuat ID Aplikasi Facebook

Demikian tadi sedikit share, membuat ID Aplikasi, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



thumbnail

share | Verify Blog di Mesin pencari Bing : MS-VALIDATE01

Unknown 12/12/2016 07:21:00 PM

Verify Blog di Mesin pencari Bing : MS-VALIDATE01

Selain Verify Blog oleh Google, verify juga dilakukan terhadap mesin telusur Bing, agar Blog bisa terindex mesin telusur Bing. Verify terhadap Bing ini kita kenal MS-Validate01. Berikut adalah step verify situs/blog terhadap search engine Bing.

1. Sign in ke Bing webmaster tools

2. Add URL Blog ke dalam kolom URL A SITE dan klik "ADD".

3. Dengan meng - ADD : URL Blog, maka kita masuk ke halaman verify. Ada 3 Option untuk mem-verify Site/Blog. Pilih option yang ke : 2, yaitu: Copy and paste <meta> tag ke halaman HTML Blog.

Berikut ini contoh salah satu tag yang ada setelah kita meng-ADD URL Blog :

<meta name="msvalidate.01" content="8FCB78EA30B38D3E5000B6F32A31C870" ⁄ >

Contoh penempatan meta tag di halaman HTML adalah seperti berikut : 
<html>
 <head>
  <meta name="msvalidate.01" content="8FCB78EA30B38D3E5000B6F32A31C870" ⁄>  <title>Your SEO optimized title<⁄title>
 <⁄head>
 <body>
 page contents
< ⁄body>
< ⁄html>

Klik : VERIFY, setelah menempatkan dan menyimpan meta tag ke dalam halaman HTML Blog.
Verify yang berhasil, kita akan mempunyai Dashboard dan bisa menggunakan tools.
Verify MS-VALIDATE01

Demikian sedikit share untuk memverify Blog untuk Mesin telusur Bing, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



share | KODE WARNA HEXADECIMAL

Unknown 12/08/2016 09:17:00 PM

KODE WARNA HEXADECIMAL

thumbnail

share | Menambah gambar pada postingan

Unknown 12/08/2016 09:08:00 PM

Menambah gambar pada postingan

Menambahkan atau meng-insert gambar/image pada post, dapat dilakukan dengan menu 3 cara :
1. Dari dalam Blog, jika kita telah membuatnya terlebih dahulu pada Halaman Blog.

Menambah gambar pada postingan

2. Dari google album, misal picasa web album atau archieve google plus.
Menambah gambar pada postingan
3. Atau dari selain 2 di atas, seperti dari HP, WEBCAM atau URL IMAGE.

Menambah gambar pada postingan
Untuk mengambil URL IMAGE, cukup kunjungi salah satu alamat image yang diinginkan, dan copy URLnya, dan pastekan pada kolom URL.

Menambah gambar pada postingan

Selain dengan menu INSERT IMAGE, kita juga bisa dengan menggunakan Tag img dengan Attribut Src, dengan format : 

<img src="URL IMAGE" />.

sebagai contoh : URL image : https://www.facebook.com/images/fb_icon_325x325.png maka cara menulisnya adalah : 

<img src="https://www.facebook.com/images/fb_icon_325x325.png"/>

Itulah tadi sedikit share proses insert gbr/img ke dalam postingan/Halaman blog, semoga apa yang bisa saya share ini bisa berguna bagi para pembaca semua, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.



thumbnail

Share | Membuat ID Properti web analytics

Unknown 12/08/2016 09:03:00 PM

Membuat ID Properti web analytics

Apabila kita membuat suatu blog baru, kita wajib membuat setelan blog, diantaranya adalah setelan "GOOGLE ANALYTICS", mengapa kita mesti membuatnya?, berikut saya ambilkan tentang penjelasan dan sekaligus jawaban dari pertanyaan tsb, jawaban tsb saya ambil dari Bantuan Google Analiytis, tentang :

Kode pelacakan

Kode pelacakan (1) adalah cuplikan JavaScript yang mengumpulkan dan mengirimkan data ke Analytics dari situs web. Kode pelacakan dibuat secara otomatis untuk setiap properti web. Anda harus menyalin dan menempelkan kode pelacakan dari akun Anda ke laman web agar Analytics berfungsi. Pelajari lebih lanjut cara menyiapkan kode pelacakan web.

Cuplikan kode pelacakan hanya untuk mengumpulkan data dari situs web. Anda dapat menggunakan SDK Analytics untuk mengumpulkan data dari aplikasi seluler dan Measurement Protocol untuk mengumpulkan data dari layanan digital lainnya, seperti kios tiket dan konsol game. SDK dan Measurement Protocol harus disiapkan oleh pengembang.

ID Pelacakan dan nomor properti

ID pelacakan (2) berupa string seperti UA-000000-01. ID pelacakan harus disertakan dalam kode pelacakan Anda untuk memberi tahu akun dan properti mana yang akan dikirim datanya ke Analytics. ID pelacakan secara otomatis disertakan dalam cuplikan JavaScript untuk situs web, selain itu harus disertakan pada teknologi pelacakan lain seperti SDK dan Measurement Protocol, agar Analytics berfungsi. Kumpulan nomor pertama (000000, pada contoh di atas) merujuk pada nomor akun Anda, dan kumpulan kedua (-01) merujuk pada nomor properti tertentu (3) yang terkait dengan akun. ID pelacakan berada dalam huruf besar di laman Info Pelacakan. Anda juga dapat melihat seluruh string di baris pertama kode pelacakan cuplikan JavaScript.

Langkah Membuat ID Google Analytic

1. Masuk ke akun Google Analytic akun Google Analytic.

2. Pilih menu ADMIN

Membuat ID Properti web analytics

3. Tarik turun kolom ADMIN > Buat akun baru.

4. Isi kolom Nama Akun, sebagai contoh "Akun Baru"

5. Isi kolom Nama Web ( isi dengan Nama Web/Blog yang telah dibuat)

6. Isi kolom URL Situs Web , Copy URL Situs/Blog yang telah dibuat dan pastekan pada kolom yang telah tersedia), perhatikan, untuk mengubah URL Situs dengan HTTP/HTTPS, dengan cara menekan tombol disebelah kiri kolom isian "NAMA URL Situs".

Membuat ID Properti web analytics

7. Pilih Kategori Industri yang telah disediakan, jika tidak ada kategori yang kita inginkan pilih "Lainnya".

8. Pilih Zona Pelaporan contoh : INDONESIA.

9. Setelah semua kolom diisi tarik turun ke bawah halaman tersebut dan klik tombol berwarna biru: "dapatkan ID PELACAKAN".

Membuat ID Properti web analytics

Membuat ID Properti web analytics

Membuat ID Properti web analytics

10. Setelah itu kita dihadapkan pada sebuah halaman Agreement, pilih : Setujui.

Membuat ID Properti web analytics

11. Dengan begitu kita telah mendapakan nomor ID PELACAKAN dari Google Analytic.

Membuat ID Properti web analytics

12. Copy ID PELACAKAN tsb dan pastekan pada kolom "ID Properti Web ANALYTICS" pada setelan blog yang telah dibuat.

13. Copy Script dari Google Analytic dan paste kan pada setiap halaman Blog yang ingin dilacak.

Membuat ID Properti web analytics

Demikian tadi sedikit share tentang mencari "ID Properti Web Analytics", untuk Blog/Situs yang kita buat, semoga manfaatnya buat rekan - rekan semua khususnya yang saat ini lagi proses membuat blog, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.