Wednesday, July 12, 2017

Cara Membuat Tombol Share di Dalam Artikel Blog

      1 comment  
Setelah berbagi template blogger kali ini saya akan share tutorial kembali. Tutorial kali ini saya akan memberikan cara untuk membuat tombol share button keren di blog. Sebenarnya tombol share button ini merupakan produk premium (pro) dari AddThis yang saya buat agar bisa menjadi gratisan.

Membuat Tombol Share di Dalam Artikel Blog


Tombol bagikan ini pemasangannya mudah, jadi bagi sobat blogger yang masih pemula atau baru mengenal blogger saya rasa tidak akan mengalami kesulitan. Jika masih ada yang kesulitan saya siap membantu. Share button ini sudah ada fitur countnya atau jumlah hitungnya misal ada yang share artikel blog kalian nanti akan ada jumlah berapa yang membagikan artikel sobat.

Cara Membuat Tombol Share di Dalam Artikel Blog


Berikut cara membuat tombol bagikan atau share button di blog.

Buka & Login ke Blogger > Pilih Template > Edit HTML
Kemudian tambahkan kode css di bawah ini pada bagian css template sobat atau lebih mudahnya tambahkan kode sebelum kode ]]></b:skin> atau sebelum kode </style>

.addthis_inline_share_toolbox_r1ie{margin:30px auto}
.addthis_inline_share_toolbox_r1ie table{margin:0}

Selanjutnya pasang juga JavaScript di bawah sebelum kode </body>

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-587b5c57917a8607" type="text/javascript"></script>

Terakhir untuk pengaplikasiannya, letakkan kode pemanggil HTML di bawah sesuai dimana sobat ingin memasang share button. Jika ingin memasang tepat di bawah artikel atau postingan cari terlebih dahulu kode <data:post.body/> dan pasang kode html di bawah sesudah kode tadi atau sebaliknya jika ingin memasang di atas postingan atau artikel blog.

<div class='addthis_inline_share_toolbox_r1ie'></div>

Tekan Simpan. Selesai

Itu tadi tutorial Cara Membuat Tombol Share di Dalam Artikel Blog dari saya. Jika ada yang belum paham silakhan bertanya melalui komentar.

VlettersAMP - Accelerated Mobile Pages Blogger Template

      Comment  
Download VlettersAMP - Accelerated Mobile Pages Blogger Template - Setelah sekian lama bebagi atikel tutorial terus kali ini saya akan membagikan template blogger. Template blogger ini sudah mendukung fitur AMP yaitu Accelerated Mobile Page. Template yang saya bagikan ini merupakan versi gratisannya, jika ingin memiliki versi premiumnya bisa dibeli dengan harga $8 atau sekitar Rp 110.000,- dalam rupiah tergantung kurs dollar saat ini.

VlettersAMP - Accelerated Mobile Pages Blogger Template


VlettersAMP adalah Accelerated Mobile Pages (AMP) untuk Blogger Template. Ini adalah desain sederhana, hanya beberapa detik untuk memuat dan menjalankan semuanya. Ini hanya berbagi secara gratis. Ini temlate dikonfigurasi dan ditingkatkan menjadi super SEO friendly, dan juga mobile-friendly. VlettersAMP adalah desain responsif, hingga 230px perangkat.

Jika sobat ingin memiliki template ini sobat bisa mengunduhnya di bagian bawah artikel ini, eitss sebelum download mari kita lihat terlebih dahulu fitur lengkap dari theme VlettersAMP.

  • Dibuat Dengan Akselerasi Mobile Pages (AMP) HTML
  • AMP Ready All Pages
  • Mobile Friendly - cek
  • Desain Penuh Responsif - cek
  • Data Structured Structured - cek
  • SEO Ready - check
  • Homepage Custom Post dengan Grid dan List
  • Iklan Slot Siap
  • Untuk adsense
  • CTR Tinggi
  • Slot Iklan Reskriptif
  • Bangun dengan HTML5
  • Bangun dengan CSS3
  • Dukungan SSL / HTTPS
  • Pemuatan cepat
  • Advance Search Engine Optimization
  • AMP Social Share Button
  • Auto mengubah ukuran gambar kecil
  • Disqus Comment Ready
  • Tampilkan Acara Klik Disqus Comment Klik
  • Custom Post Widget Populer dengan Thumbnail
  • Pencarian Kolom Responsif berlaku AMP
  • Valid Schema.org
  • Sidebar Benar
  • Breadcrumbs SEO
  • Dyamic Heading
  • Kesalahan Khusus 404 Halaman
  • Kompatibel dengan browser utama (IE8 +, Mozilla, Chrome, Safari)
Berikut link download dan demo dari template ini.


Sekian dari saya mengenai template vlettersAMP. Semoga berguna dan Terima kasih.

Cara Mengganti Header Tulisan dengan Gambar

      Comment  
Salam Blogger, di kesempatan kali ini saya akan berbagi tutorial cara mengubah header menjadi gambar. Sebelum ke tutorial saya akan membahas header terlebih dahulu. Header merupakan kepala dari suatu dokumen atau blog bisa juga situs web. Biasanya pada blog, header itu digunakan untuk meletakkan judul atau nama dari blog itu sendiri. Namun juga ada header yang digunakan untuk membuat navigasi atau menu blog sebagai pengganti judul.

Mengganti Header Dengan Gambar

Jika sobat ingin mengubah header tulisan menjadi gambar mari ikuti tutorial berikut ini.

Cara Mengubah Header Tulisan Menjadi Gambar


Buka & Login di Blogger > Pilih Menu Tata Letak atau Layout (dalam bahasa Inggris)
Kemudian pilih gadget Header dan klik tulisan Edit (biasanya terletak pada bagian atas) seperti contoh yang ada pada gambar berikut 

Menu Tata Letak Blogger

Selanjutnya akan muncul jendela browser baru, tekan tombol Choose File kemudian pilih gambar yang ingin sobat jadikan sebagai header. Jika sudah memilih gambar centang penempatan pada tulisan Selain Judul dan Keterangan (ini berguna agar gambar menjadi lebih rapi dan tertata).


Langkah terakhir tekan tombol Simpan saat semua cara di atas telah dilaksanakan.

Mungkin cukup sekian ulasan mengenai tutorial Cara Mengganti Header Tulisan dengan Gambar. Semoga dapat membantu dan Terima kasih telah berkunjung di blog ini.


Cara Mengganti Tampilan Google Email (Gmail)

      Comment  
Pada kesempatan kali ini saya akan memberikan tutorial Cara Untuk Mengubah Tema Google Mail (Gmail). Saat sobat mengirim surat elektronik (email) melalui Gmail pasti akan melihat tampilan. Tampilan dari Google Mail saat belum diubah ini adalah tema default atau bawaan. Tema default ini memiliki warna dasar yaitu putih. Mungkin sobat disini ada yang bosan dengan tampilan bawaan yang klasik. Tema atau tampilan dasar Gmail bisa kita ubah sesuai keinginan. Bisa diganti dengan foto pribadi atau memilih yang sudah ada. Jadi tidak perlu bingung untuk mengganti tampilannya.

Icon Gmail

Oke, Jika sobat ingin mengganti tema Gmail silakhan ikuti cara berikut ini.

Cara Mengubah Tema Gmail

1. Buka situs web https://mail.google.com/mail/ kemudian Login menggunakan akun Gmail masing-masing.
2. Setelah login sobat tekan menu yang memiliki icon gerigi setelan yang terletak di samping kanan atas tepatnya di bawah avatar profile.

Halaman Inbox Gmail

3. Selanjutnya pilih tulisan Tema atau Theme dalam bahas Inggris.

Menu Gerigi Gmail


4. Berikutnya akan muncul jendela baru yang berisi pilihan tema yang bisa sobat pasang untuk tampilan Gmail. 

Tema Google Mail

5. Jika sobat ingin mengganti Tema dengan foto pribadi silakhan sobat tekan tombol Foto Saya. Pilih foto pribadi yang sudah ada atau jika ingin mengunggah foto yang baru pilih menu Upload foto.

Pilih Background Gmail

6. Jika sudah selesai tekan Simpan.

Itu tadi artikel tutorial singkat tentang Cara Mengganti Tampilan Google Email (Gmail) dari saya. Jika ada hal perlu ditanyakan sobat bisa bertanya di kolom komentar di bawah ini. Semoga Bermanfaat dan Terima kasih.

Tuesday, July 11, 2017

Apa Itu Google Tag Assistant dan Cara Memasangnya

      Comment  
Salam Blogger, Pada kesempatan kali ini Boss Raha akan memberitahu kalian semua bagaimana cara untuk memasang pencatatan Google Tag Assistant. Sebelum memasangnya perlu sobat ketahui terlebih dahulu apa itu Google Tag Assistant.


Apa itu Google Tag Assistant

Pencatatan Google Tag Assistant adalah alat untuk digunakan sebagai validasi, diagnosis, dan pemecahan masalah data secara cepat. Google Tag Assistant memungkinkan Sobat untuk memvalidasi situs web atau blog dan menganalisis penerapan Google Analytics secara cepat. Dengan mencatat alur pengguna yang penting, sobat dapat menemukan dan memperbaiki masalah yang belum terselesaikan, yang dapat menyebabkan data rusak dan tidak akurat pada properti dan tampilan Analytics sobat. Pencatatan Google Tag Assistant juga dapat dipakai untuk kegunaan meninjau tag di semua produk yang dimiliki oleh Google, seperti Google AdWords, DoubleClick dan Tag Manager.

Selain di atas Google Tag Assistant juga berguna untuk memeriksa apakah Google Analytics bekerja dengan benar di situs web atau blog sobat. Pengetahuan ini saya dapatkan pada notifikasi di Google Analytics. Berikut tampilan notifikasi Analytics tentang Google Tag Assistant.

Notifikasi Analytics Tentang Google Tag Assistant

Nah, itu tadi adalah pengertian dari Google Tag Assistant. Untuk pembahasan selengkapnya silakhan buka di https://support.google.com/analytics/answer/6277302?hl=id. Berikutnya kita akan mengulas tentang tutorial untuk pemasangan Google Tag Assistant.

Cara Memasang Google Tag Assistant

Pertama, yang sobat harus lakukan adalah membuka situs resmi Google Tag Assistant terlebih dahulu di https://get.google.com/tagassistant/. Kemudian cari dan tekan tombol yang bertuliskan Install.

Google Analytics

Kedua, Setelah tekan tombol Install tahap berikutnya sobat akan di alihkan ke halaman Ekstensi Google Chrome guna memasang Tag Assistant ini. Kemudian tekan tombol + Add To Chrome yang terletak di pojok kanan atas.

Ekstensi Google Tag Assistant

Setelah di tekan berikutnya sobat dimintai konfirmasi untuk memasang extension. Tekan saja Add Extension.

Confirm Add Extension Google Tag Assistant

Selesai, itu tadi adalah tahap dari cara pemasangannya. Lalu bagaimana cara menggunakannya? Cara Menggunakan Google Tag Assistant akan saya rangkum berikut ini.

Cara Menggunakan Google Tag Assistant

Percuma saja jika mengetahui apa itu Google Tag Assistant dan cara memasangnya tapi tidak mengetahui cara penggunaannya. Jadi artikel ini saya buat selengkap mungkin agar kalian semua tahu secara jelas dan lengkap juga.

Penggunaannya cukup mudah sekali ikuti saja langkah-langkah berikut ini dengan benar.

1. Tekan tombol yang menunjukkan icon Tag Assistant

Memakai Google Tag Assistant

2. Tekan tombol Done dan kemudian tekan tombol Enable agar ekstensi aktif dan bisa digunakan.
3. Pilih situs web atau blog yang ingin anda analisis kemudian pada ekstensi tadi yang sudah diaktifkan klik tombol Record dan centang Follow recording links across tabs. 
4. Untuk melihat hasil analisis tekan View Recordings kemudian kalian akan di alihkan ke halaman hasil analisis. Selesai.

Cukup sekian dulu dari saya tentang artikel Apa Itu Google Tag Assistant dan Cara Memasangnya ini. Semoga bermanfaat dan Terima kasih. Jika ada pertanyaan seputar artikel ini jangan ragu untuk bertanya.