Monday, August 20, 2018

Referensi Blog Untuk Tempat Belajar SEO

Referensi Blog Untuk Tempat Belajar SEO - Bagi Kamu yang membuka artikel ini sudah pasti ingin belajar mengenai SEO (search engine optimization). Sebenarnya tidak hanya blogger yang harus menggali ilmu seo, tetapi internet marketer, pebisnis online, pemilik toko online juga wajib belajar dunia seo. Itu semua memliki konsep dasar SEO yang sama.

web belajar seo gratis


Seperti mencari ilmu, untuk belajar SEO juga butuh referensi agar Kita tahu secara benar dan jelas mengenai seo itu sendiri. Semakin banyak referensi yang didapat maka semakin luas pula ilmu seo yang didapat. Lalu di mana tempat belajar SEO secara gratis? Cukup mengandalkan internet.

Tidak usah pakai jasa seo, beli ebook, dan lain sebagainya. Saya belajar dan memahami seo lewat website-website yang membahas tentang seo. Baik itu web luar ataupun dalam negeri. Dari website Kita dapat mengetahui perkembangan seo dan juga algoritma mesin pencari secara up to date. Dari sini, Kamu bisa belajar seo onpage dan juga offpage. Berikut referensi blog yang Saya gunakan untuk tempat belajar SEO.

Daftar Blog Indonesia untuk Belajar SEO


PanduanIM merupakan web yang sering Saya kunjungi ketika awal-awal mengenal dunia SEO. Bahkan merupakan website pertama yang menjadi tempat belajar Saya sebagai pemula seo. Pemilik webnya bernama Darmawan yang merupakan praktisi digital marketing.

Seperti nama webnya, kontennya berisi panduan mengenai strategi-strategi marketing untuk meningkatkan trafik dan penjualan. Dalam hal ini PanduanIM membahas berbagai hal bagaimana cara mendatangkan pengunjung, pemasaran, meraih peringkat pertama di mesin pencari, pokoknya berbau optimasi search engine deh.

Yang menariknya, konten yang dibahas dalam web ini sangat mendalam (dikupas tuntas). Dan juga dalam menyampaikan informasinya diberikan data infografis seputar topik yang ditulis. Lengkap bukan? Meskipun tulisannya panjang (membaca lebih dari 3 menit) tetapi mudah dimengerti dan tidak membosankan. Mungkin karena gaya penulisan dan juga terdapat konten pendukung seperti infografis tadi ya.


Berfokus pada konten yang berhubungan dengan teknik SEO, Rohadiright memberikan artikel yang cukup menarik bagi Saya. Hampir semua trik-trik rahasia seo yang bahkan tidak ada di postingan blog orang lain, di kupas secara mendalam di artikelnya.

Tips dan trik yang beliau share cukup membuat Saya lebih penasaran untuk selalu berkunjung ke websitenya. Jika Kamu lihat di setiap artikelnya pasti ada lebih dari  50 orang berkomentar bahkan ada yang mencapai 1000 komentar lebih.

Omblogging

Awal mula tahu omblogging adalah ketika Saya masuk ke grup blogger Indonesia di Facebook. Ketika itu om Ian juga menawarkan untuk masuk ke grup FB nya "Optimasi blog dan SEO". Nah di situ beliau share trik-trik seonya melalui artikel di blog omblogging ataupun materi di grup.

Kenapa Saya tertarik belajar di blog Omblogging? Menurut Saya cara yang disampaikan melalui artikelnya cukup mudah dipahami dan dipraktekkan. Bisa dilihat dari tulisan artikelnya bahwa beliau juga menerapkan teknik seo yang dimilikinya dalam tulisannya.

Vatih

Belum lama ini Saya menemukan website untuk tempat belajar seo rekomend menurut Saya. Awalnya Saya berselancar di web mastahseo milik suhu Airul lalu terdapat artikelnya yang mengarahkan outbund linknya  ke web vatih.com ini.

Kebanyakan konten yang disajikan merupakan konten seo menengah ke atas. Cocok bagi Kamu yang suda paham dasar-dasar seo dan yang ingin mengembangkan ilmu seo dengan membaca artikel-artikel seo nya.

Daftar Blog Luar Negeri Untuk Belajar SEO


Neilpatel

Jika Kamu terjun di dunia digital marketing, pasti sudah tahu siapa itu Neil Patel. Beliau adalah seorang yang ahli dalam bidang analisis bisnis, pengusaha, dan juga master SEO.  Neil juga telah membeli ubersuggest yang merupakan tools bagaimana cara riset kata kunci.

Dalam blog nya, Neil tidak hanya memposting artikel saja, bersama rekannya Beliau juga mempublikasikan video dan rekaman diskusi tentang sesuatu yang menarik untuk dibahas.

Banyak sekali konten-konten berkualitas yang di bahas di blognya, seperti bagaimana Kita meningkatkan trafik blog dan juga strategi seo lainnya.

Bloggertipstricks

Blog luar negeri ini juga sering Saya kunjungi tidak sekadar mencari inspirasi menulis tetapi juga belajar hal-hal baru mulai dari seo, trik blogging, bahkan juga bisnis online. Blog ini dimiliki oleh Ankit yang merupakan full time blogger, affiliate marketer, dan juga pembicara.

Dari semua daftar blog untuk belajar seo di atas, semua kontennya mengikuti aliran white hat seo. Jadi jika Kamu pengikut black hat seo, jangan salahkan jika apa yang Kamu cari tidak ada.

Demikian artikel mengenai referensi website untuk belajar seo yang Saya rekomendasikan. Teruslah belajar dan memperdalam ilmu seo. "Seseorang yang disebut pintar ketika ia terus belajar. Begitu ia merasa pintar, saat itu ia bodoh" (Abdullah ibn Mubarak)


photo by freepik
edited by rekblogging

Friday, August 17, 2018

Cara Membuat Tombol Show Hide atau Spoiler Keren di Postingan Blog

Cara Membuat Tombol Show Hide atau Spoiler Keren di Blog - Tombol Show Hide atau bisa disebut juga tombol spoiler adalah tombol yang berfungsi untuk menyembunyikan atau menampilkan sebuah konten antara lain teks, video, atau gambar. Sebuah gambar atau teks akan muncul apabila fungsi show hide di klik begitu pula untuk menyembunyikannya juga di klik kembali.

Cara membuat button show hide di postingan


Kenapa harus menggunakan button show hide atau spoiler? Pernahkah kalian berselancar ke website forum seperti kaskus atau ads id? Biasanya banyak dari thread atau postingan di dalamnya menggunakan fitur add spoiler. Tujuannya agar ketika memuat halaman postingan lebih ringan dan juga menyingkat panjang artikel agar lebih simpel. Nah maka dari itu Kita aplikasikan fungsi tombol show hide tersebut ke dalam blog Kita. Untuk cara membuat spoiler di blog sebenarnya tidak sulit, tetapi Kali ini akan Saya berikan tutorial mengenai cara membuat tombol show hide keren di blog.

Terinspirasi dari tombol spoiler di blog Arlina yang menurut Saya keren dan juga responsive, maka dari itu Saya berikan cara membuat tombol spoiler keren seperti milik Arlina design. Mari simak sampai selesai.


Cara Membuat Tombol Show Hide Spoiler di Blog

#1 Buka dashbor blogger

#2 Pilih Tema>Edit HTML

#3 Letakkan kode CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

/* Animation */
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
#flippy{text-align:center;margin:auto;display:inline}#flippy button{background:#fff;background-image:linear-gradient(to right,#34ea78 0%,#2da7e3 51%,#34ea78 100%);background-size:200% auto;color:#fff;display:block;width:100%;padding:15px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:10px auto;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);transition:all .3s}#flippy button:hover,#flippy button:focus{background-position: right center;outline:none;opacity:1;color:#fff}#flippanel{display:none;padding:10px 0;text-align:left;background:#fff;margin:10px 0 0 0}#flippanel img{background:#f5f5f5;margin:10px auto}

#4 Letakkan kode di bawah ini sebelum kode </body>

<script>
$(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
</script>

#5 Letakkan kode HTML di bawa ini di tab html ketika membuat postingan

<div id="flippy"><button>Klik untuk melihat semua pilihan animasi</button></div><div id="flippanel"> Masukkan Gambar, Teks, Video di sini
</div>

 Berikut hasilnya

Running Dot


See the Pen Running Dots by Rek Blogging (@rezal-muis) on CodePen.

Demikian tutorial kali ini mengenai cara membuat tombol show hide atau spoiler keren di postingan blog. Apabila ada cara lain untuk membuat button show hide spoiler di blog maka akan Saya update lagi di artikel ini. Semoga bermanfaat dan apabila ada yang kurang jelas atau yang ingin ditanyakan silahkan berkomentar di bawah.


Tuesday, August 14, 2018

Cara Membuat Link Chat Whatsapp Pada Blog

Cara Membuat Link Chat Whatsapp Pada Blog - Kali ini rekblogging akan memberikan tutorial mengenai cara membuat widget link chat langsung whatsapp pada sebuah blog. Widget chat whatsapp ini biasanya digunakan pada website toko online atau mereka yang mempunyai bisnis online. Tetapi tidak dipungkiri bisa juga dipasang pada blog biasa. Memasang api Whatsapp dalam website biasanya agar memudahkan para klien atau pengunjung untuk menghubungi langsung admin melalui aplikasi pesan instan Whatsapp. Memang ada banyak aplikasi pesan instan seperti line, telegram, WeChat, dan lain-lain. Tetapi menurut Saya, aplikasi Whatsapp  cenderung lebih simple dan mudah digunakan.

membuat widget link wa di blog


Cara Membuat Link Chat Whatsapp


Widget Whatsapp yang dihubungkan ke link WA apabila diklik maka akan menuju chat langsung ke nomor yang dituju. Berikut contoh link api whatsapp yang Saya pakai.


Url chat Whatsapp

https://api.whatsapp.com/send?phone=6281228408153&text=Permisi%20Admin%20Rekblogging%0APerkenalkan%0ANama%20%3A%0AAlamat%20%3A%0AOrder%20%3A

Berikut link defalut Whatsappnya

https://api.whatsapp.com/send?phone=6281228408153

Kamu bisa mengganti nomor handphone sesuai nomor milikmu. Dua angka terdepan (62) merupakan kode negara Indonesia. Setiap negara mempunyai kode nomor telepon yang berbeda-beda yang merupakan kode telepon internasional,artinya berlaku dalam skala internasional.


Cara menambahkan pesan otomatis pada link chat whatsapp

Agar memudahkan klien atau pengunjung yang akan menghubungi melalui pesan WA, maka dibuat chat teks secara otomatis. Menggunakan default teks ketika akan mengirim pesan membuat isi pesan akan lebih tertata apa tujuan atau keperluan yang ingin ditanyakan. Kamu bisa lihat contoh url link wa seperti di atas. Cara membuat format custom teks untuk memulai chatting bisa Kamu lihat tutorialnya di bawah ini.

memasang widget chat whatsapp


Bagian ini merupakan chat defalut yang bisa Kita ubah sesuai keperluan.

Permisi%20Admin%20Rekblogging%0APerkenalkan%0ANama%20%3A%0AAlamat%20%3A%0AOrder%20%3A

Dari potongan url di atas, pesan teks otomatis tersebut akan muncul seperti ini
Permisi Admin Rekblogging
Perkenalkan
Nama :
Alamat :
Order :

Dalam url tersebut terdapat kode-kode diantara satu kata dengan kata yang lainnya. Berikut penjelasannya.
kode %20 adalah untuk spasi antar kata
kode %0A adalah untuk enter atau baris baru
kode %3A adalah untuk tanda titik dua (:)
kode %3B adalah untuk tanda titik koma (;)

Nah silahkan gunakan kode %20, %0A,atau %3A sesuai format chat yang dibutuhkan. Saran saja untuk membuat auto chat pada whatsapp usahakan jangan terlalu panjang, lebih baik simpel dan memudahkan klien untuk menghubungi pihak admin melalui format teks yang tersedia.

Apabila Kamu juga membutuhkan penulisan dalam chat menggunakan huruf tebal dan miring di Whatsapp. Kamu bisa menggunakan kode seperti di bawah ini.

_tulisan_ untuk huruf miring
*tulisan* untuk huruf tebal

Penggunaan dalam membuat link WA seperti di bawah ini

https://api.whatsapp.com/send?phone=6281228408153&text=Permisi%20Admin%20Rekblogging%0APerkenalkan%0A*Nama*%20%3A%0A*Alamat*%20%3A%0A*Order*%20%3A

Apabila link Whatsapp tersebut dirasa terlalu panjang (sulit di copas) dan juga tidak mudah dihafal, maka Kamu bisa membuat linknya menjadi lebih pendek dan simpel.


Cara membuat custom link url Whatsapp agar lebih pendek.


Menyingkat link WA yang panjang agar lebih pendek dan mudah diingat terdapat beberapa cara gratis yaitu menggunakan google url shortener ow.ly dan bit.ly. Namun kabarnya google akan menutup layanan pendek url miliknya pada 30 Maret 2019. Sehingga Kamu tidak dapat mengakses google shortener, tetapi tautan url yang dipendekkan akan tetap berfungsi.

Menggunakan short url dari google, Kita tidak bisa custom sendiri url sesuai keinginan Kita, sedangkn bit.ly dan ow.ly Kita bisa custom sendiri url sesuai keinginan Kita.

Jika sudah mengetahui bagaimana cara membuat link whatsapp, maka selanjutnya cara mengaplikasikannya ke dalam website.


Cara membuat widget chat whatsapp dalam blog

#1 Buat link chat whatsapp
#2 Buka dashbor blogger
#3 Pilih Tema dan klik Edit HTML
#4 Letakkan script wdiget WA di bawah ini tepat sebelum ]]></b:skin>

.float{
 position:fixed;
 width:60px;
 height:60px;
 bottom:80px;
 right:20px;
 background-color:#25d366;
 color:#FFF;
 border-radius:50px;
 text-align:center;
  font-size:30px;
 box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
 margin-top:16px;
}

#5 Save tema dan pilih menu Tata Letak lalu klik "tambahkan gadget"
#6 Pilih "HTML/Javascript" dan salin kode di bawah ini.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=6281234567890&text=Permisi%20Admin%20Rekblogging%0APerkenalkan%0ANama%20%3A%0AAlamat%20%3A%0AOrder%20%3A" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>

Ganti nomor HP dan teks otomatis sesuai dengan yang Kamu butuhkan.

Berikut demo hasil dari widget link wa yang dipasang di blog


Demikian tutorial cara membuat link chat whatsapp dengan memasang widget chat WA di blog. Apabila terdapat alternatif tutorial cara membuat widget wa lainnya akan Saya share lagi. Apabila bingung atau terdapat script yang tidak work bisa langsung disampaikan di kolom komentar.

Saturday, August 11, 2018

Cara Membuat dan Memasang Kotak Iklan di Blog Ukuran 125 x 125

Cara Membuat Kotak Iklan di Blog Berbagai Ukuran - Kali ini rekblogging akan membagikan tutorial tentang widget blog atau pun html blog yaitu bagaimana cara membuat dan memasang kotak iklan di blog dengan banner space ukuran 125x125. Iklan untuk blog memang menjadi salah satu penghasilan utama. Apabila trafik blog semakin tinggi maka berpeluang besar untuk mendapatkan tawaran dari para pengiklan untuk mengiklankan produk atau jasanya di blog Kamu. Biasanya semakin baik kualitas blog dan semakin banyak pengunjungnya maka tinggi pula nilai sewa pasang banner iklan di blog.

Cara memasang kotak iklan di blog


Dari berbagai macam ukuran iklan, kali ini akan Saya bagikan script cara membuat iklan ukuran 125 x 125 yang terdiri dari 4 kolom iklan. Saya membuat banner iklan ini terinspirasi dari Arlina dengan menambahkan sedikit efek agar lebih menarik. Biasanya iklan banner ukuran 125x125 dipasang pada bagian sidebar blog (kebanyakan di sebelah kanan). Tetapi tidak menutup kemungkinan bisa diletakkan di bagian bawah atau kiri halaman. Yang penting mudah dilihat dan menarik perhatian pengunjung blog.
Mungkin berbeda dengan cara memasang iklan google adsense di blog yang tinggal mengcopy script adsnya dan langsung muncul iklan sesuai ukuran yang dipilihnya. Kotak atau banner iklan yang di buat manual ini memang dibuat khusus untuk ukuran tertentu kepada para advertiser yang akan mengiklankan. Biasanya dalam halaman blog dibuat ada kolom iklan  sendiri agar tahu bahwa blog tersebut menyediakan tempat untuk mengiklankan produk mereka. Dan banner iklannya pun dari pihak advertiser yang disesuaikan dengan ukuran kolom iklan. Berikut cara untuk memasang kotak iklan di website jika Kamu ingin membuka jasa pasang iklan agar bisa menghasilkan uang.

Baca juga: Cara Membuat Catatan Efek Lipatan

Cara Membuat Kotak Iklan di Blog Ukuran 125x125


#1 Buka dashbor blogger
#2 Pilih menu Theme
#3 Pilih Edit HTML
#4 Cari kode ]]></b:skin> atau </style> Gunakan Ctrl+F untuk mencarinya.
#5 Tambahkan kode di bawah ini sebelum kode di atas dan save theme.

/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:1.2px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border-radius:10px;background:#fff;transform: scale(1.1);transition: all .5s;}
.kotak_iklan  img.nborder {border:0;}

Cara Memasang Iklan di Blog


#1 Pilih menu Layout
#2 Klik Add a Gadget
#3 Pilih HTML/Javascript
#4 Masukkan kode di bawah ini pada kolom tersebut kemudian save.

<div class="kotak_iklan">
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a>
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a>
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a> 
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a> 
</div>
Catatan: Ganti kode yang berwarna kuning sesuai kebutuhanmu

Demikian tutorial cara membuat iklan di blog dengan ukuran 125x125. Script yang digunakan untuk membuat iklan ini responsive dan cukup menarik sehingga sangat cocok sebagai tempat meletakkan iklan.

Thursday, August 9, 2018

Cara Mengubah Warna Address Bar Web di Browser Mobile

Cara Mengubah Warna Address Bar Web di Browser Mobile - Kali ini Saya akan memberikan tutorial mengenai trik bagaimana agar warna address bar website di browser mobile bisa berubah sesuai warna tampilan blog Kamu. Ya, mungkin banyak ya tutorial serupa mengenai cara merubah warna address bar ini, tapi ya gapapa lah karena Saya pingin share ini. Lagian Saya juga baru saja praktikkan trik ini. 

merubah warna address bar di browser hp


Nah, bagi pembaca setia rekblogging ketika mengakses blog ini via smartphone akan menjumpai address bar color yang sama dengan warna header blog, jadi jangan kaget ya kalo ada yang baru di tampilan blog ini hehe. Atau mungkin beberapa orang pernah mengakses blog yang tampilan address bar situsnya mengikuti warna tampilan blognya. Bagi yang belum tahu caranya mengganti warnanya, yuk simak tutorialnya.

Sebelum ke tutorialnya, ngomong-ngomong apa Kamu tahu address bar itu yang seperti apa? Jangan-jangan nanti sudah dijelasin tutorial cara membuat warna addressbar browser mobile mengikuti tampilan blog tetapi tidak tahu addres bar itu yang mana?

Baca juga: Cara Membuat Pop Up Facebook Responsive pada Blog

Baik akan Saya jelaskan terlebih dahulu address bar itu apa, kalo sudah tahu bisa skip paragraf ini. Address bar adalah kolom sempit bagian dari halaman web browser yang mempunyai fungsi menampilkan URL dari halaman web yang sedang diakses, letakknya di bagian atas browser.

Sebagai gambaran, berikut hasil sebelum dan setelah address bar browser berganti warna

tampilan sebelum ganti warna


tampilan setelah ganti warna

Cara Mengubah Warna Address Bar Situs di Browser HP

Untuk mengubah atau mengganti warna address bar website di browser mobile tidaklah sulit. Tinggal memasang kode scriptnya di template blog Kamu dan lihat hasilnya. Berikut beberapa script untuk merubah warna address bar untuk beberapa browser yaitu Chrome, Opera, Firefox, Safari IOS, dan browser bawaan HP.

Baca juga: Membuat Contact Form di Blog dengan Mudah

Merubah Warna Address Bar pada Browser Chrome, Opera, dan Firefox
Berikut kode script yang harus dipasangkan untuk membuat tampilan warnanya berubah di browser Chrome, Opera, dan Firefox.

<meta name="theme-color" content="#1BA39C">

Merubah Warna Address Bar pada Browser Safari IOS
Berikut kode script yang harus dipasangkan untuk membuat tampilan warnanya berubah d browser Safari IOS.

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C">

Merubah Warna Address Bara pada Browser Mobile Phone (bawaan HP)

<meta name="msapplication-navbutton-color" content="#1BA39C"">

Mengganti Warna pada Semua Browser di atas


<!-- Pada Google Chrome, Firefox & Opera -->
<meta name="theme-color" content="#1BA39C">
<!-- Pada Safari iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C">
<!-- Pada Windows Phone -->
<meta name="msapplication-navbutton-color" content="#1BA39C">


Catatan : Ganti kode warna #1BA39C dengan kode warna pilihanmu, untuk memudahkan gunakan Color Picker

Cara Pemasangan Kode pada Platform Blogger

Dalam pengaplikasian kode ini pada template blogger sedikit ada penambahan kode "/". Berikut ini kode untuk blogspot.

<!-- Pada Google Chrome, Firefox & Opera -->
<meta name="theme-color" content="#1BA39C"/>
<!-- Pada Safari iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C"/>
<!-- Pada Windows Phone -->
<meta name="msapplication-navbutton-color" content="#1BA39C"/>

Langkah pemasangannya sebagai berikut

  • Buka dashbor blogger
  • Pilih menu Tema>Edit HTML
  • Letakkan script antara kode <head> </head>
  • Simpan hasilnya dengan mengeklik Save theme

Cara Pemasangan Kode pada Platform Wordpress

Jika dalam pemasangan di blogger terdapat penambahan kode, maka untuk pemasangn wordpress langsung copy paste kode script untuk semua browser tanpa penambahan kode "/".

Langkah pemasangan seperti berikut

  • Buka menu Appearance
  • Pilih Editor
  • Cari header php pada Theme files, letaknya sebelah kanan
  • Letakkan script diantara kode <head> </head>
  • Simpan hasilnya dengan cara klik Update file
Untuk mengecek apakah kode yang dipasang sudah berfungsi dengan benar atau belum, silahkan buka blog Kamu melalui browser HP. Apakah warna address barnya berubah atau tidak. Demikian cara mengubah warna address bar website di browser mobile, semoga bermanfaat.

Saturday, July 28, 2018

Tips Memilih Jasa SEO Berkualitas dan Terpercaya di Indonesia

Tips Memilih Jasa SEO Berkualitas dan Terpercaya di Indonesia - Membuat blog yang SEO merupakan sebuah keharusan jika ingin bersaing di Search Engine Google. Kenapa patokan harus google? Karena google merupakan mesin pencarian terpopuler di dunia ketimbang bing, yandex, yahoo, dan mesin pencari lainnya. Maka dari itu apabila blog Kamu dapat meraih peringkat pertama atau minimal halaman 1 google akan berpeluang mendapatkan pengunjung lebih banyak. Tetapi untuk meraih posisi tersebut diperlukan usaha untuk membuat konten yang berkualitas dan SEO.  

jasa seo berkualitas indonesia


Dalam artian ini SEO tidak hanya sebatas riset kata kunci, tetapi mencangkup keseluruhan. Garis besarnya bisa dikatakan adalah on-page dan off-page SEO. Yang berarti Kamu butuh mempelajari SEO secara lengkap untuk mendapatkan hasil yang maksimal. Dan itu membutuhkan tidak sedikit waktu untuk melakukan trial error untuk menghasilkan ramuan yang mantap. Tetapi apabila menurutmu itu terlalu lama dan ingin blog Kamu tampil di halaman pertama google, maka alternatifnya adalah menggunakan jasa seo. Tetapi Kamu juga harus teliti sebelum memilih jasa seo mana yang akan kamu gunakan. Pilihlah yang benar-benar berkualitas dan terpercaya.

Baca juga: Optimasi Seo Onpage untuk meningkatkan rangking di google

Biasanya mereka yang menggunakan jasa seo dari para pakar seo adalah yang memiliki bisnis online. Ketika website mereka berada di peringkat 5 besar google maka 95% pencari akan mengklik web pada posisi lima teratas. Dan bukan tidak mungkin akan memberi peluang lebih untuk mendatangkan pembeli dan meningkatkan penjualan. Tetapi tidak ada website yang bisa bertahan pada posisi tersebut tanpa adanya seo.

Banyak sekali jasa seo Indonesia yang bertebaran di internet bahkan hampir setiap daerah ada, seperti jasa seo jakarta, jasa seo bali, jasa seo jogja, jasa seo surabaya, dan masih banyak lagi kota-kota besar lainnya. Meskipun begitu tidak semuanya benar-benar memiliki kemampuan untuk membantu Kamu dalam masalah SEO, meskipun ada juga yang memang benar-benar profesional dan terpercaya. Maka dari itu tidak sembarangan asal pilih yang hanya akan menghabiskan uangmu saja. Perlu pertimbangan yang matang apabila Kamu ingin menggunakan jasa seo indonesia. Untuk itu akan Saya berikan tips bagaimana memilih jasa seo yang berkualitas dan terpercaya.

Tips dan Trik Memilih Jasa SEO Berkualitas


#1 Posisi website jasa seo di google

Berikut peringkat website di halaman satu google untuk kata kunci pencarian "jasa seo" yang diakses pada 26 Juni 2018.




Yang pertama kali Kamu perhatikan ketika akan menggunakan jasa seo adalah website  mereka. Lihatlah peringkat web mereka ketika Kamu mencari dengan kata kunci "jasa seo", atau yang berhubungan dengan hal itu. Apabila mereka benar-benar paham dan terampil perihal SEO, tentu saja mereka akan membuat peringkat websitenya di urutan teratas google. Bahkan nomor satu di google. Ketika Kamu ingin memilih, pertimbangkanlah maksimal web jasa seo indonesia yang kamu incar menempati 20 besar pencarian google.

Apabila di luar itu atau di lebih dari  3 halaman teratas google maka perlu dipertanyakan kredibilitasnya dan sedikit diragukan kualitasnya. Bagaimana bisa mereka akan menjadikan websitemu berada di halaman pertama google sedangkan websitenya sendiri tidak mampu menempati halaman satu SERP (Search Engine Result Page). Mesikupun begitu, urutan pertama google tidak serta merta menjamin jasa seo tersebut terpercaya, maka diperlukan juga inisiatif sendiri untuk mencari informasi lebih dalam mengenai jasa seo yang terpercaya di internet.


#2 Mempunyai website profesional dan profil lengkap

Ketika Kamu ingin memilih jasa seo yang berkualitas dan terpercaya alangkah baiknya yang dapat ditemukan di hasil pencarian google dan memiliki website profesional untuk menawarkan jasanya. Sebuah layanan akan dipercaya apabila cara jualan juga profesional. Begitu pula dengan yang satu ini. Bagi yang mash awam (sebgai calon klien) akan melihat secara visual seperti apa website mereka. Apakah benar-benar dikelola dengan baik atau tidak. Jika memang berniat untuk menjual jasa tentu mereka juga akan memikirkan cara agar pelanggan tertarik menggunakan layanannya, salah satunya dengan tampilan website yang profesional.

Tips juga untuk mengetahui apakah jasa seo tersebut terpercaya atau tidak adalah dengan adanya profil yang cukup jelas terdapat pada website promosi mereka. Paling tidak terdapat nomor telepon yang bisa dihubungi, media sosial, email, dan yang penting alamat perusahaan (offline) yang dapat ditemukan keberadaannya. Sehingga apabila ada kendala atau sesuatu yang didiskusikan dapat menghubungi sewaktu-waktu. Dengan kata lain, kelengkapan profil akan memberikan kepercayaan kepada klien yang akan menggunakan jasa seo. Terkadang sebuah jasa seo mempunyai lebih dari satu website. Maka dari itu pilihlah yang bijak dan jeli.


#4 Lihat portofolio yang dimiliki

Seorang penjual yang memiliki keahlian dan prestasi biasanya akan membuat portofolio. Dalam dunia bisnis portofolio merupakan tulisan yang dibuat menarik dan rapi digunakan untuk menunjukkan kumpulan produk yang dimiliki, porject, jasa yang akan ditawarkan kepada klien. Calon pembeli akan mempertimbangkan haknya untuk menggunakan jasa tersebut dengan melihat portofolio. Dengan adanya portofolio dalam website menandakan bahwa sang pakar seo benar-benar profesional dalam mengelola website promosi jasanya. Portofolio yang ada menandakan bahwa jasa tersebut mendokumentasikan perkembangan kinerja mereka. Dengan melihat portofolio yang ada, Kamu dapat menyimpulkan pencapaian yang didapat.


#5 Lihat harga jasa seo nya

Jika melihat jasa seo yang bertebaran di internet, mereka mematok harga yang berbeda-beda satu sama lain. Memang itu hak mereka untuk masang harga. Namun sebagai calon pembeli hendaknya cermat melihat harga yang ditawarkan. Sebelum memutuskan untuk memilih, alangkah baiknya bandingkan harga jasa seo yang satu dengan lainnya. Dan perlu diketahui pilihlah jasa seo indonesia yang tertera harga setiap jasa pada websitenya. Karena tidak semua menampilkan harga patokan. Pikirlah apakah harga yang ditawarkan masuk akal atau tidak mungkin terlalu mahal atau terlalu murah. Bisa saja Kamu tergiur harga yang murah tetapi jasa seonya tidak dapat dipercaya atau penipu.

Maka dari itu sebagai konsumen harus cermat ketika ingin menggunakan jasa seo indonesia yang terpercaya apalagi menyangkut bisnis yang Kamu jalankan. Bukannya untung malah buntung. Demikian tips memilih jasa seo berkualitas dari Saya. Semoga bermanfaat.


pict edited by rekblogging

Sunday, July 22, 2018

Cara Membuat Pop Up Fanpage Facebook Responsive di Blog

Cara Membuat Pop Up  Fanpage Facebook Responsive di Blog - Kali ini rekblogging akan membagikan info mengenai tutorial membuat pop up like box facebook di blog yang responsive. Banyak cara yang dilakukan oleh para blogger untuk menunjang popularitas web, salah satunya ya dengan membuat fanpage atau halaman di facebook. Guna untuk mendapatkan pengunjung yang banyak tentu tidak hanya mengandalkan situs perujuk google saja. Dengan membuat fanspage facebook Kamu bisa mempromosikan blog Kamu dan membagikan artikel dan informasi menarik di sana. Menggunakan fanpage secara maksimal dengan rajin posting dan share akan membuat pengikut atau yang menyukai halaman facebook akan semakin banyak.

cara memasang popup di blog


Tetapi terkadang untuk mendapatkan like halaman butuh waktu yang tidak cepat. Maka dari itu tutorial cara membuat pop up facebook ini dapat membantu Kamu untuk mendapatkan like halaman lebih banyak lagi. Meskipun ada yang menganggap popup like box FB ini mengganggu user experince, tetapi dalam tutorial ini akan dibuat lebih responsive, sehingga pengunjung tidak merasa terganggu karena munculnya popup tersebut karena dilengkapi dengan tombol close dan durasi waktu munculnya pop up. Dan pop up blog ini hanya akan tampil sekali pada IP yang sama.

Baca juga : Membuat seleksi teks otomatis efek double click to select

Menurut Saya pop up di blog adalah salah satu alternatif selain menggunakan widget di sidebar blog. Bahkan lebih efektif karena popup melayang ini akan muncul ketika pengunjung membuka halaman blog. Karena letaknya melayang tepat di tengah halaman, maka tentu akan berpeluang lebih banyak di lihat bahkan bisa jadi tidak sengaja di klik. Coba Kamu bandingkan antara widget facebook di sidebar dengan facebook popup di blog. Lebih baik yang mana?

Langsung saja akan Saya berikan langkah-langkah bagaimana cara membuat pop up like box facebook di blog yang responsive.

Cara membuat pop up fanpage facebook di blog


#1  Buka dashbor blogger

#2 Pilih menu Tata Letak

#3 Klik tambahkan gadget dan pilih klik HTML/Javascript

#4 Masukkan kode di bawah ini dan simpan

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#fff;border:3px solid #696969;width:400px;height:230px;position:absolute;top:33%;left:37%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#fbox-button{float:right;cursor:pointer;position:absolute;right:6px;top:6px}#fbox-button:before{content:"X";padding:5px 8px;background:#696969;color:#fff;font-weight:400;font-size:10px;font-family:inherit}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:8px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('fast');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/rekblogging&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:394px;height:200px;'></iframe>
</div>
</div>

Catatan:
Ganti https://www.facebook.com/rekblogging dengan url halaman facebook kalian.
Untuk mengubah warna tepi pop up, ubah kode #696969 dengan warna sesuai selera.

Demikian artikel mengenai cara menambahkan pop up like box fanspage facebook di blog ini. Semoga bisa berguna dan bisa diterapkan di blog. Apabila ada yang ditanyakan atau kurang jelas mengenai tutorial membuat pop up di blog yang akan muncul secara otomatis ketika di buka pertama kali ini, silahkan tinggalkan komentar di bawah postingan ini.