Home » Penelusuran Trik

Cara Memasang Icon Social Media pada Blog

Cara Memasang Icon Social Media pada Blog



Sosial media adalah media yang saat ini banyak digunakan oleh masyarakat entah itu facebook, twitter, instagram, dll. Sebagian blogger pun tak segan untuk memasang akun sosial mereka pada blog mereka untuk sekedar mendapat followers, dll. 

Kali ini saya akan ulas cara memasang ikon media sosial kita pada blog. Silahkan sobat simak caranya :

Login ke blogger sobat
Pilih "Tata Letak" lalu pilih "Tambah Gadget"

Copy script dibawah ini

<a href="https://plus.google.com/idplusgooglesobat"><img alt="Google+" border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKBg_J62UrmTe-0pCAajsIlwBloD5aedNYVrHLdscRssx9NhRQkAANIGj40ywlURIRJBQEZTReWb0HXgjeFS-MQQdEvNrdDz7Q4L26l6TF3vSrxK3vWDXJi1EXe61Rcnziv-OcviTYV8/s20/google_plus.png" title="Add meonGoogle+"/></a>

<a href="https://twitter.com/namatwittersobat"><img alt="Twitter"border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2KOtCGzCb2BxAtupsAtD0slQR9G40PvRPb1NNcxtFFzLT6wTEFX6GFvxU_wWVQKObQsU8yhDBgbpmyqvQ5HsWzM1sYJ7xbryXNCWkIvEw-HgwhiUGdNNFOe2CbbEjGrb-tl9-vWI950/s20/twitter.png"title="Follow my Twitter" /></a>

<a href="https://www.facebook.com/alamatfacebooksobat"><img alt="Facebook"border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzA7ABP4jK5qWemxnrSgHiXrN0zNcK783utVD7k61spM33YdERA0yvF0upZdZGhv86XAoxp7f6C_AymVVyStNFQMswItkPbSOApAuSHLAc7ku2k84JI2lw_0URtYWzJG8jBkQNsC1Bto/ s20 /facebook.png" title="Find me on Facebook" /></a>

<a href="https://instagram.com/alamatigsobat "><img alt="Instagram" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrBM9rm9FSMPAEBNPc3-TGpen5VRBYRK2Lu5wPebHQQ_NARphRwg62BTJ1TRKY2qOPk2pHszvLLyD_fWC0NIyp_FOP5TNZEQl545f47rvTRD6mCGPR8shndsoUNUWmtC0RWwMAWol9OM4/ s20 /instagram.png" title="Find me on Instagram" /></a>

<a href="mailto: emailyahoosobat@yahoo.com
"><img alt="Yahoo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LBJnfn-vuk1fJv5qPnz_6N96Wk9i0mK5Qa5rWLbqUurx9QTiKQQoMBozWHvar6Nd5GpmMzwfeVQMx_-4kFpF9_8XhEdrMOGa8nTx3trXqtK4Qscxeo6LDBKqp4pCltrnx3pWJD_ySco/ s20 /yahoo.png" title="Kirim Yahoo Mail" /></a>
<a href='https://www.youtube.com/channel/akunyoutubesobat ' class='tooltip' title='youtube'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujX6aU89W22I7gVTJ7v3sB4X6ZYSuFHL5qNIFxfcXAtnKcLz6JGk0YXvhi4EvEXWlvBQiEjmmUu1K5tk7WcKYhEA_4EyEC_RK5l5WaWfmauzuiIX7AqzcUSFzpcn_58OVOlo4lVC7VOU/ s20 /youtube.png"/></a>


Ganti script berwarna merah sesuai dengan user account sobat.

Pilih "Simpan"

Untuk melihat hasilnya, pilih "Lihat Blog"

Nah, ikon sosial media sobat sudah jadi.

Semoga bermanfaat guys ~

Cara Gampang Pasang Addthis di Blogspot


  • Just Copy ...

    Here's your unique Code snippet. Click this code to copy it right to your clipboard.

    <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5eab0fc3375fdaf7"></script>

  • ... & paste.

    Paste the above code right above the closing</body> of the HTML in your website on every page you want AddThis to work.
    <html><head><title></title></head><body><h1>Where to install code</h1><p>It should be right before the closing body tag.</p>Paste Here</body></html>
  • It should be that easy, but if something's not working or you need more help
  • https://www.addthis.com/dashboard#dashboard-analytics/?pub=ra-5eab0fc3375fdaf7&dom=all&range=14days:


Cara Menambah Widget Whatsapp Pada Blog (Blogger)


Seperti kita ketahui whatsapp sangatlah populer bagi masyarakat, selain mudah karena hanya mengandalkan nomor handphone dan internet kita sudah bisa berkomunikasi dengaan orang lain melalui whatsapp. Karena mudah ada beberapa blogger mengandalkan ftur ini untuk bisa berkomunikasi dengan mudah dengan pengunjung blognya, basanya bertujuan untuk menanyakan lebih jelas mengenai tulisan pemilik blog. Lalu bagaimana caranya memasang widget Whatsapp pada blog?
  • Buka Dashboard blogger anda
  • Klik menu tata letak












  • Klik tombol tambah gadget







  • Pilih gadget HTML/JavaScript (Kolom judul widget opsional, bisa ditulis ataupun tidak).

  • Copy kode berikut ini :
 <style>.floatwa {position:fixed;bottom:2px;left:0px;background-color:none;width:100%;z-index:1000;padding:2px;margin:auto;text-align:left;float:none;box-shadow: 0px -0px 0px #c0c0c0;}.tombolwa {border: 1px #56aa71 solid;background-color:#2f7e49;width:90%;padding:4px;text-align:left;margin:0;border-radius: 5px;margin:auto;text-align:left;float:none;}.floatwa a{color:none;}</style><div class="floatwa"><a href="https://api.whatsapp.com/send?phone=Isi nomor telepon anda&text=Halo%20Admin" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJ_nHzwkEqTui3TLUnGT66EDSx9zHQ_3SqzmnVyMX6N70l4UxO8sJkTkZOBzslpwrSe4vFWRddf-C1PflQYbBSVT0Fc93jBZjcn1wbTrHcWI7VmCejV0u2G9tItRHxm31ENgPm8jT4alC/s320/whatsapp+640x640.png" width="75" /></a></div>
Keterangan : 

  • Pada bagian "Isi nomor telepon anda" anda isi dengan nomor telepon yang terhubung ke Whatsapp anda.
  • Pada bagian Halo%20Admin, tanda %20 adalah spasi, jadi anda bisa mengubahnya misalnya Halo%20mas atau Halo%20agan%20tampan dan semacamnya. 


  • Jika sudah di copy paste kode diatas dan sudah di edit, klik save.

Anda boleh uji coba Whatsapp floating yang sudah anda terapkan pada blog anda.

Cara Custom Domain Blogger (blogspot.com jadi .com)

Cara Custom Domain Blogger (blogspot.com jadi .com)

Di bawah ini adalah tutorial lengkap dan tidak pake ribet cara custom domain blogger atau merubah blogspot.com dengan domain sendiri seperti .com/.net/.org/ atau yang lainnya.
Kenapa harus pake domain sendiri, Mas?
Sebenarnya tidak masalah kalau alamat blog sobat menggunakan subdomain blogspot.com, tapi jika sobat ingin serius ngeblog, maka saya sangat merekomedasikan untuk menggunakan domain sendiri.
Kenapa?
Karena:
  • Alamat blog sobat jadi lebih pendek
  • Pastinya jadi lebih mudah diingat
  • Lebih terlihat profesional dan tidak pasaran
  • Sobat bakalan lebih serius dalam mengurus blog sobat
  • Suatu saat bisa dipindahkan ke WordPress tanpa harus kehilangan pengunjung
  • dan lain-lain.
Ok, langsung saja disimak cara custom domain blogger di bawah ini.

Mendaftarkan nama domain di rumahweb.com

Hal pertama yang perlu sobat lakukan untuk mengganti alamat blog sobat dengan domain sendiri adalah mendaftarkan nama domain di penyedia nama domain.
Rumahweb.com adalah rekomendasi saya sebagai tempat mendaftar domain karena sudah sangat terpercaya.
Domain pertama yang saya miliki yaitu mas-sugeng.com dan domain terbaru sugeng.id semuanya saya daftarkan di rumahweb.com.
Gimana cara daftarnya, Mas?
Langsung saya disimak di bawah ini:
Langkah #1 – Masuk ke https://order2.rumahweb.com/
Langkah #2 – Silakan sobat cek ketersediaan nama domain yang sobat inginkan
Cara Custom Domain Blogger - Masukan nama Domain
Keterangan:
  1. Nama domain yang sobat inginkan
  2. Ekstensi domain. Rekomendasi gunakan .COM, tapi dalam hal ini saya pilih MY.ID karena murah hehehe
  3. Klik “Cek Domain“
Langkah #3 – Jika domain tersedia, klik tombol “Pesan“
Cara Custom Domain Blogger - Pesan Domain
Langkah #4 – Klik aja “Lanjutkan“
Cara Custom Domain Blogger - Klik Lanjutkan
Langkah #5 – Klik “Lanjutkan” lagi
Cara Custom Domain Blogger - Klik Lanjutkan lagi
Langkah #6 – Pada halaman selanjutnya sobat ditawarkan untuk menyewa Web Hosting, klik aja “Saya tidak membutuhkan hosting” karena di blogger cuma butuh domain aja.
Cara Custom Domain Blogger - Saya tidak membutuhkan hosting
Langkah #7 – Klik “Lanjutkan” aja lagi
Klik Lanjutkan lagi
Langkah #8 – Klik “Check Out“
Check Out
Langkah #9 – Jika sobat baru menggunakan layanan rumahweb.com, silakan buat akun baru dengan mengklik “Buat Akun Baru.” Karena saya sudah punya akun di rumahweb, jadi cuma login aja.
Buat Akun rumahweb
Langkah #10 – Pilih metode pembayaran
Pembayaran
Langkah #11 – Lakukan pembayaran
Langkah #12 – Konfirmasi pembayaran
Langakh #13 – Domain sudah sukses menjadi milik sobat.
Kurang lebih seperti itulah proses mendaftar domain di rumahweb.com. Jika sobat merasa bingung dan tidak yakin, sobat bisa tanya langsung ke Customer Support rumahweb.com.

Memasang domain di blog

Jika sobat sudah berhasil mendaftarkan nama domain, langkah berikutnya tentu saja memasangnya di blog agar domainnya bisa diakses.
Langsung saja disimak langkah-langkahnya:
Langkah #1 – Masuk dulu ke Dasbor blog sobat
Langkah #2 – Masuk ke menu “Setelan” > “Dasar” setelah itu klik “+ Siapkan URL pihak ke-3 untuk blog Anda“
Setelan Dasar
Langkah #3 – Masukan nama domain sobat (jangan lupa gunakan www) setelah itu klik “Simpan“
Masukan nama domain
Langkah #4 – Sekarang di situ akan muncul peringatan Kesalahan. Jangan khawatir karena langkahnya masih belum selesai. Yang perlu sobat lakukan adalah mencatat 2 DNS Records yang ada di situ untuk kita pasang nanti pada pengaturan DNS domain.
Catet kode tidak jelas
Langkah #5 – Selanjutnya login ke http://clientzone.rumahweb.com/ untuk mengatur DNS domain.
Langkah #6 – Masuk ke menu “Domains” > “List Domain Saya“
List Domain Saya
Langkah #7 – Klik “Kelola Domain“
Kelola Domain
Langkah #8 – Selanjutnya klik “Managed DNS“
Managed DNS
Klik Start
Langkah #9 – Jika muncul pesan seperti ini klik aja “Start“
Langkah #10 – Jika muncul pesan seperti ini klik aja “Update“
Klik Update
Langkah #11 – Klik “Add New Record“
Add New Record
Langkah #12 – Pada langkah ini sobat perlu memasukan kode DNS Record yang sudah diberikan oleh blogger pada langkah #4. Biar mudah ikuti saja sesuai pada gambar di bawah:
DNS Record Pertama
Keterangan :
  1. Domain : Masukan kode “Nama” (sesuai pada langkah #4)
  2. TTL : Biarin aja seperti itu (14400)
  3. Record Type : Pilih CNAME
  4. Hostname : Masukan kode “Tujuan” (sesuai pada langkah #4)
Jika sudah, klik aja “Add Record“
Sekarang kita perlu memasukan DNS Record yang kedua. Tinggal ulangi seperti gambar di atas:
DNS Record Kedua
Keterangan :
  1. Domain : Masukan kode “Nama” (sesuai pada langkah #4)
  2. TTL : Biarin aja seperti itu (14400)
  3. Record Type : Pilih CNAME
  4. Hostname : Masukan kode “Tujuan” (sesuai pada langkah #4)
Jika sudah, klik lagi tombol “Add Record“
Langkah #13 – Setelah itu sobat masih perlu memasukan 4 DNS Records tambahan agar nanti domain blog sobat bisa diakses tanpa www. Biar mudah ikuti saja sesuai pada gambar di bawah:
Cara Custom Domain Blogger (blogspot.com jadi .com)
DNS Record Tambahan
Keterangan :
  1. Domain : Kosongin
  2. TTL : Biarin aja seperti itu (14400)
  3. Record Type : Pilih A
  4. IP or Hostname : Masukan 216.239.32.21
Jika sudah, klik lagi tombol “Add Record“
Selanjutnya tambahkan 3 DNS Records lagi seperti gambar di atas dengan memasukan IP or Hostname berikut ini:
216.239.34.21
216.239.36.21
216.239.38.21
Langkah #14 – Balik lagi ke Tab Setelan di blogger, setelah itu tinggal klik “Simpan“
Simpan setelan
Langkah #15 – Jika semua langkah di atas diikuti dengan benar, seharusnya domain sobat sudah sukses terpasang.
Domain Sukses terpasang
Langkah #16 – Supaya domainnya bisa diakses tanpa www, jangan lupa centang pada bagian “Alihkan namadomain.com ke www.namadomain.com“:
Alihkan domain
Langkah #17 – Selesai……
Mas SugengBegitulah kira-kira langkah-langkah cara custom domain blogger dari mendaftar domain sampai memasangnya di blog.
Jika sobat merasa pusing tujuh keliling, tinggal tanyakan aja lewat komentar.

Tambahan : Jika domainnya belum bisa diakses, silakan tunggu maksimal 1×24 jam
.

Formulir Kontak

Name

Email *

Message *


Back To Top