Sunday, March 26, 2017

Cara Membuat Widget Melayang/Sticky Ketika Di Scroll Sidebar

Widget yang melayang/menempel di sidebar blog ini sangat cocok jika anda seorang blogger yang suka membuat artikel tutorial atau panjang. Dengan widget yang menempel di sidebar blog akan membuat sidebar tidak kosong ketika pengunjung men-scroll untuk melanjutkan membaca artikel. Widget ini tidak bisa di close walaupun melayang karena berada di sidebar berbeda dengan widget yang berada diluar sidebar yang biasa berisi iklan sehingga bisa di close.
 
Sticty yang artinya lengket,maksudnya widget yang dibuat sticky akan lengket atau menempel di sidebar. Widget yang menempel bisa anda atur widget mana yang ingin dibuat melayang/menempel dengan mengganti id widgetnya,lalu apa fungsi widgte sticky.

Cara Membuat Widget Melayang/Sticky Ketika Di Scroll

Fungsi Widget Sticky

Karena widget ini melayang maka itulah fungsinya. Yaitu mengisi supaya sidebar blog anda tidak kosing ketika pengunjung menggulung ke bawah untuk melanjutkan membaca artikel. Lalu widget apa saja yang bisa melayang atau sticy? Semua widget yang memiliki 'id' bahkan iklan bisa dibuat melayang/sticky. 

Namun kadang-kadang widget ini tidak berfungsi dengan baik,ada beberapa template yang widget di sidebarnya tidak bisa dibuat sticky entah itu karena javascript atau cssnya. Widget sticky ini bisanya digunakan untuk meletakkan iklan,supaya CTR iklannya tinggi.Lalu bagaimana cara membuatnya? Ikuti saja langkah dibawah ini.

Cara Membuat Sticky Widget

Langkah 1
Silakan buka blogger, Template → Edit HTML

Langkah 1
Salin kode berikut lalu pastekan diatas kode ]]></b:skin>
     .sticky {  position:fixed;  top:10px;/* jarak dari atas*/  z-index: 100;}

Langkah 3
Cari kode </body> ,lalu salin kode dibawah lalu letakkan diatas kode </body>

    <script type="text/javascript">
$(document).ready(function() {
var stickyWidgetTop = $('#HTML6').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML6').addClass('sticky');
} else {
$('#HTML6').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>

Ganti kode yang berwarna merah dengan id widget yang ingin dibuat sticky,tanda # jangan dihapus.

Lalu Simpan template.

Mudah bukan,sekarang cek blog anda apakah widgetnya sudah sticky belum. Cukup sekian tutorial cara membuat sticky widget sidebar. Semoga bermanfaat. 

Friday, March 24, 2017

Cara Membuat Random Post Dengan Gambar/Thumbnail Keren Di Blogspot

Hai gais! Widget random post sangatlah penting untuk ditempatkan di blog. Apalagi jika blog anda bertemakan magazine pasti akan melengkapi property blog yang kurang. Cara membuat widget random post di blogger sangatlah mudah,anda hanya perlu menambahkan beberapa kode di tata letak blog sobat.

Widget random post ini hampir dengan widget populer post,yaitu untuk menampilkan daftar artikel,namun perbedaannya terletak pada artikel yang ditampilkan.Populer post untuk menampilkan artikel yang populer,sedangkan random post bisa anda ketahui dibawah ini. Widget random post ini akan terus bergerak/berjalan maksudnya jika laman direfresh maka post dirandom post akan berganti.


Apa itu Random Post?

Namun tahukah anda apakah itu random post? Random post bisa diartikan post acak. Diambil dari kata random yang berarti acak dan post yang bisa diartikan postingan/artikel. Random post sendiri berisi daftar artikel yang muncul secara acak. Jika pengunjung mengunjungi laman lain di blog anda maka isi dari widget random post juga akan berubah.

Random post biasanya digunakan untuk pelengkap untuk mengisi sidebar atau footer yang kosong. Atau juga untuk menambah-nambah tampilan blog anda. Tertarik untuk memasang random post,ikuti langkah dibawah :

Cara Mudah Membuat Widget Random Post 

#1. Silakan buka dasbor blogger → Tata Letak/Layout → Tambahkan Gadget (akan muncul popup)  → HTML/JavaScript

#2. Salin kode dibawah ini lalu pastekan di popup untuk menambahkan gadget tadi

<style type='text/css'>
#random-posts img{display:block;margin:0;margin-right:10px;padding:0;width:72px;height:72px;border:1px solid #f5f5f5;overflow:hidden;float:left}
#random-posts img:hover{opacity:0.6;}
ul#random-posts{background:#fff;list-style:none;margin:0;padding:5px 0 0;overflow:hidden;border-top:none;}
#random-posts a{color:#64707a;transition:all .3s;display:block}
#random-posts li:hover a,#random-posts a:hover{color:#4285f4;}
.random-summary{font-size:13px;color:999}
#random-posts li{background-color:#fff;margin:0;padding:10px;min-height:65px;position:relative;border-bottom:1px solid #f5f5f5;transition:all .3s;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 0;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2jHDO_4C72Tg4KfQFHagKdD7-6ej3GTOXfIvHkdrraE4DpkyRsoiMj7eRkf8qSFTiu3BfZCJdvXhyVPSdnnIvdA_ienoRUKoFrMR5OBI64xYOYqHWTrY3Q0K8hGjQH64WobaTyAMTxQ/s1600/bungfrangki_no_image_100.png"
}
}
};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '" width="' + 72 + '" height="' + 72 + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<div class='clear'/>
</div>

Perhatikan kode yang berwarna merah,ganti angka 10 dengan jumlah post yang ingin ditampilkan

Lalu klik Simpan

Selesai coba cek blog sobat widget random postnya udh muncul atau belum. Itulah tutorial cara membuat widget random post keren di blog. Semoga bermanfaat dan membantu.

Thursday, March 23, 2017

Video Tutorial Yang Paling Banyak Dicari dan Ditonton Di Youtube

Hai gais! Banyak sekali kemajuan dalam dunia teknologi. Mulai dari teknologi transportasi sampai dengan komunikasi. Teknologi yang bisa dibilang cepat berkembang adalah teknologi komunikasi. Sekarang sudah muncul teknologi komunikasi audio visual yang bisa kita lihat di youtube. Banyaknya pengguna internet di dunia juga menyebabkan bertambahnya pengguna youtube.

Semakin banyaknya pengguna youtube maka juga akan menjadi peluang untuk mengais receh. Bagi para youtuber hal ini menjadi peluang yang bagus untuk mencari penonton serta receh di youtube. Banyak sekali jenis video youtube yang disukai dan banyak dicari di youtube


Jenis video di youtube ada banyak,seperti tutorial,vlog,eksperimen,dan masih banyak lagi. Nah dengan menentukan jenis video yang sering ditonton di youtube anda bisa dengan mudah menargetkan viewers anda. Semakin banyak video tersebut ditonton semakin banyak pula pundi-pundi uang yang bisa anda dapatkan.
Video tutorial merupakan video yang juga digemari oleh para pengguna youtube. Jenis video seperti ini sangatlah awet artinya tidak musiman,jika dibandingkan dengan video berita yang bisa basi,namun video tutorial seperti apakah yang sering dicari di youtube. Berikut jenisnya :

Video Tutorial Yang Banyak Di Cari Di Youtube

#1. Tutorial Penggunaan Aplikasi/Game

Tutorial tentang cara penggunaan suatu aplikasi memang sangat dicari pengguna youtube. Apalagi jika aplikasi yang ingin digunakan dan dipelajari tidak bisa dijelaskan dengan kata-kata dan tulisan ,sehingga akan lebih mudah untuk dipahami hanya dengan video tutorial.

Baca juga : Video Yang Paling Banyak Menghasilkan Uang dan Dicari Di Youtube

Video tutorial penggunaan aplikasi seperti apa yang sering dicari,ya tentu aplikasi yang sulit untuk dijalan. Seperti tutorial Photoshop,Sony Vegas Pro,Adobe Premiere Pro,dll. Selain itu penggunaan game juga sering dicari seperti penyelesaian misi GTA San Andreas,Mine Craft,dll.

#2. Tutorial Masak

Nah untuk yang satu ini sering dicari oleh kaum hawa. Tutorial untuk memasak juga digemari untuk ditonton di youtube walaupun kita bisa menonton tutorial memasak di televisi namun jika menonton di televisi tidak bisa dijeda atau diulang. Nah inilah salah satu keunggulan youtube.

#3. Tutorial Pemakaian Alat

Tutorial seperti memang sulit untuk dijelaskan dengan kata-kata dan akan mudah dipahami dengan menggunakan video. Tutorial penggunaan suatu alat sering dicari ,biasanya karena orang tersebut belum paham alat yang ia gunakan.  Jadi mereka menggunakan youtube untuk mengerti cara penggunaan suatu alat.

#4. Tutorial Umum

Tutorial umum biasanya berisi cara-cara umum yang mudah untuk diselesaikan. Walaupun sepele namun terkadang juga mengundang viewers. Hal ini karena rasa keingin tahuan seseorang yang tinggi. Sehingga ingin menonton walaupun itu tidak penting untuknha. Contoh video tutorial umum seperti : 4 cara mengeringkan pakaian,cara mudah membuat akun google,dll.

Kesimpulan

Banyak video tutorial yang bisa anda buat,yang terpenting anda harus membuat video unik yang belum pernah dibuat orang lain. Hal itulah yang bisa mendatangkan penonton dengan cepat. Jika anda ingin membuat video tutorial buat video tutorial jenis #1 saya jamin chanel anda akan laris manis. Buatlah karya yang unik dan original.

Wednesday, March 22, 2017

Cara Mudah Menggunakan Google URL Shortener - Pemendek URL Sendiri

Google juga memiliki fasilitas/fitur untuk memendekkan url laman. Fitur ini sangat membantu jika anda memiliki url yang panjang dan sulit untuk diingat maka anda harus menggunakan url shortener dari google ini.

Sangatlah mudah untuk menggunakan/mencoba google url shortener karena caranya seperti url shortener lainnya. Selain itu masih banyak manfaat yang bisa anda dapatkan dari menggunakan google url shorterner.

Berbeda dengan url shortener lain,seperti adf.ly,ouo.io,dan url shortener lain yang biasanya membayar kita. Tetapi google url shortener ini tidak membayar kita. Walaupun begitu pemendek url google ini bisa membantu kita untuk menyingkat alamat. Untuk keuntungan bisa anda simak berikut ini.

Keuntungan Memakai Google URL Shortener

1.  Tidak ada iklan

Karena kita tidak dibayar ya tentu tidak ada iklan yang akan mengganggu pengujung yang mengakses url yang sudah anda pendekan. Selain itu jika ada yang mengunjungi alamat url anda dengan url yang sudah dipendekan dengan google url shortener maka mereka tidak perlu dibawa ke laman google terlebih dahulu,tetapi akan langsung menuju url asli yang dipendekan.

2. Gratis

Untuk yang satu ini sudah jelas.

3. Data Analitik

Seperti url shortener lain yang juga menampilkan data analitik,google url shortener juga memberikan data analitik url yang sudah kita pendekan. Dari jumlah klik/yang mengakses sampai negara yang mengakses. Serta data yang ditampilkan real time apa adanya.

4. Anda Memiliki Akses Penuh

Anda mempunyai akses penuh atas url yang anda pendekan,mulai menyembunyikan serta menghapus url yang sudah dipendekan.

Nah,itulah keuntungan yang bisa anda dapatkan. Tertarik untuk mencoba ikuti langkah dibawah.

Cara Menggunakan Google URL Shortener

1. Silakan anda buka link berikut https://goo.gl/

Cara Mudah Menggunakan Google URL Shortener

2. Sekarang mulai memendekkan url,masukkan url yang ingin anda pendekkan lalu silakan klik Shorten URL 

Selesai,anda sudah memendekkan url anda. Sekarang salin url yang sudah dipendekkan dan gunakan dengan bijak. Itulah tutorial cara memendekkan url shortener dengan google url shortener,semoga bermanfaat.  

Tuesday, March 21, 2017

Cara Memasang dan Menggunakan Font Awesome Di Blog - Memanggil Ikon

Font awesome merupakan font yang menarik yang bagus jika dipasang di blog. Font ini bisa juga dibilang ikon karena bentuknya yang seperti ikon. Banyak ikon yang bisa anda gunakan untuk di blog yang manarik dan keren. Di versinya yang terbaru ini font awesome sudah mencapai versi 4.3.0 dengan jumlah total ikon 519 yang bisa anda terapkan di blog anda.Lalu apa keuntungan dan fungsi dari font awesome?

Keuntungan Menerapkan Font Awesome

Banyak keuntungan yang anda dapatkan mulai dari mempercantik blog anda dengan ikon-ikon yang tentunya keren. Serta membantu pengunjung luar untuk memahami isi blog kita,walaupun mereka tidak tahu arti bahasa di blog anda. Tapi mereka tetap tahu maksud yang ada dengan melihat ikon yang anda terapkan.

Cara Memasang dan Menggunakan Font Awesome Di Blog

Akan sangat bagus pula jika blog anda dipasangi font awesome sehingga blog anda terlihat menarik dan keren dengan ikon-ikon yang ada. Banyak ikon yang bisa anda temukan dan pakai dari ikon sosial media,simbol,dll. Namun anda harus selalu update font awesome untuk bisa memakai ikon yang terbaru.

Terlebih lagi font awesome ini dibagikan dan bisa dipakai secara gratis,hal itulah yang membuat font awesome banyak diminati dan dipakai,selain itu ikon font awesome bisa dilihat dengan mudah dan jelas,walaupun dilihat dengan layar retina.

Cara Memasang font awesome

Untuk memasang font awesome di template blog sangatlah mudah,anda hanya perlu meletakkan kode embed/js ke dalam template blog,berikut caranya :

Silakan salin kode font awesome dibawah ini,lalu letakkan diatas kode </head>

<script src="https://use.fontawesome.com/f34a789c64.js"></script>
lalu simpan template.

Lalu bagaimana cara menerapkan atau memanggil font awesomenya. Anda bisa meletakkan font awesome di postingan,ditemplate,atau dinavigasi blog anda. Berikut cara menggunakan font awesome.

Cara Menggunakan Font Awesome

Silakan anda pilih dulu ikon/font awesome yang ingin anda pakai,anda bisa memilih font awesomenya dilink berikut http://fontawesome.io/icons/

Silakan klik ikon yang anda pilih,disana anda akan melihat kode untuk memanggil font awesomenya,tinggal anda terapkan dimana font awesome ingin anda munculkan.  

Untuk memanggil font awesome silakan salin kode dibawah ini lalu letakkan dimana font awesome ingin anda munculkan.

<i class="fa fa-diamond" style="font-size:100px;"></i>

Ganti kode yang berwarna merah dengan kode font awesome yang anda inginkan
Ganti kode yang berwarna orange dengan ukuran font awesome yang ingin anda tampilkan.

Jika cara diatas tidak bekerja gunakan cara dibawah 👇

Salin kode dibawah ini dan gunakan untuk memanggil font awesome.

 class="fa fa-external-link" aria-hidden="true">

Ganti kode yang berwarna merah dengan kode font awesome yang anda inginkan 

Cukup sekian tutorial cara memasang dan menggunakan font awesome di blog,jika anda ingin mendapatkan update ikon terbaru jangan lupa untuk mengupdate font awesome anda dan mengganti kode embed/js anda. 

Friday, March 17, 2017

Cara Membuat Daftar Isi Blog (Sitemap) Otomatis Sesuai Label Di Blogspot

Sitemap atau peta situs bukan hanya ada  di webmaster google,tetapi juga harus ada di blog anda. Tahukah anda bahwa sitemap ini memiliki banyak fungsi. Jika anda pernah melakukan submit sitemap di webmaster pasti anda sudah tahu fungsinya. Ya,fungsi sitemap di webmaster hampir sama dengan sitemap yang ada di blog.

Selain itu sitemap juga sangat penting jika anda ingin memonetisasi atau menjalani bisnis blog anda dengan google adsense. Salah satu property blog supaya bisa join dengan adsense adalah sitemap. Sitemap atau peta situs ini menampilkan daftar artikel anda beserta linknya. Bukan hanya sekedar daftar tetapi juga sebuah peta.

Bagaimana Cara Memasang Sitemap Otomatis Di Blog?

Fungsi Sitemap Di Blog

Sitemap atau peta situs ini berfungsi untuk memudahkan pengunjung blog kita dalam mencari artikel yang diinginkan serta mengetahui struktur blog kita. Seperti halnya sitemap di webmaster  yang bertujuan untuk membantu robot google dalam mengetahui serta mengindex blog kita. Sitemap blog juga memiliki fungsi dan tujuan yang sama.

Selain membantu pengunjung mencari artikel,tetapi bermanfaat bagi anda untuk melengkapi property untuk mendaftar google adsense.

Keuntungan Menggunakan Sitemap

Sitemap yang akan saya bagikan ini merupakan sitemap otomatis yang akan secara otomatis mengupdate/memasukkan artikel yang baru kedalam sitemap yang dibuat. Jadi anda tidak perlu repot-repot lagi untuk memasukkan/mengedit sitemap ketika anda membuat artikel baru Untuk artikelnya nanti akan dikelompokan berdasarkan label/ketegori yang ada di blog. Lalu bagaimana cara membuatnya? Ikuti langkat berikut.

Cara Membuat Sitemap Otomatis

1. Silakan buka blogger,buat laman baru . Klik Laman → Laman Baru (Jangan lupa untuk memberi judul laman) Ubah mode penulisan dari Compose menjadi HTML

2. Salin kode dibawah ini lalu pastekan di laman baru yang dibuat tadi,lalu klik Publikasikan

<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>
<script src="https://anggasave.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti kode yang berwarna merah dengan url alamat blog sobat.

Selesai...silakan cek sitemap sobat. Jika sitemap yang telas dibuat tidak bekerja biasanya disebabkan karena dipengaturan blog ,umpan blog belum diaktifkan atau diatur. Jadi untuk memperbaikinya ikuti langkah berikut :

  1. Silakan masuk ke blogger,Setelan → Lainnya
  2. Pada bagian Umpan Situs,
  • Untuk Izinkan Umpan Blog ubah menjadi penuh
  • Aktifkan Tautan Judul dan Tautan Lampiran ganti dari Tidak menjadi Ya

Lalu klik Simpan Setelan

Cukup sekian tutorial yang bisa saya bagikan,semoga bermanfaat. Tunggu tutorial yang lainnya.

Berapa Lama Adsense Mereview/Meninjau Blog Kita? [INFO]

Banyak sekali blogger baru yang menanyakan pertanyaan tersebut. Ketika mendaftar adsense ada 2 tahap yang harus dilalui. Tahap 1 bisa dibilang review singkat/hanya meninjau blog secara tidak mendetail. Sedangkan review 2 merupakan review yang panjang karena tim adsense akan meninjau bukan hanya tampilan blog saja tetapi juga template serta html template.

Perbedaan waktu antara review tahap pertama dan review tahap 2 sangat jauh. Review 1 lebih singkat dan lebih cepat dibandingkap review kedua. Hal ini disebabkan karena porsi yang ada. Di review pertama adsense hanya mereview secara tidak menyeluruh atau bisa dibilang hanya menghubungkan situs anda ke adsense.

Berapa Lama Adsense Mereview/Meninjau Blog Kita? [INFO]

Seperti pernyataan yang ada didasbor adsense yang belum sepenuhnya terbuka. Jika review pertama sudah selesai maka akan berlanjut review kedua.

Lalu apa tanda jika review 1 sudah selesai? 

Anda akan menerima email dari adsense yang berisi bahwa peninjauan di blog anda berhasil dan dasbor adsense sudah terbuka. Lalu adsense akan menyuruh anda untuk membuka dasbor dan membuat unit iklan pertama.

Baca juga : Lama Review Adsense Tahap Pertama

Unit iklan ini harus diletakkan dilaman yang bisa dilihat pengujung blog,seperti sidebar atau header,namun iklan akan kosong/blank sampai akun benar-benar disetujui.

Bagaimana cara memulai review tahap 2?

Untuk review tahap 2 akan dimulai ketika anda sudah meletakkan/memasang kode iklan di blog anda. Maka tim adsense akan meninjau blog anda secara keseluruhan. Anda bisa meletakkan kode iklannya disidebar/diheader.

Berapa lama waktu peninjauannya?

Adsense menyatakan mereka membutuhkan waktu 3 hari untuk mereview blog anda. Namun pada kenyataannya ada juga review adsense yang membutuhkan waktu berminggu-minggu. Dan ada juga yang tidak mendapatkan balasan dari adsense terkait dengan review tahap 2.

Namun jika blog anda benar-benar rampung dan sesuai dengan kebijakan adsense bisa saja dalam waktu 3 hari anda sudah mendapatkan email full approved. Ada juga blogger yang sudah menerima email full approved setelah review 2 nya berakhir. Yaitu 1 minggu setelah penempatan kode. Dan itu adalah review yang bisa dibilang cepat.

Baca juga : Template Yang Cocok Untuk Daftar Adsense
 
Di blog saya ini juga sedang review adsense tahap 2 dan sampai saat ini belum mendapatkan email penerimaan atau penolakan dari adsense padahal sudah 1 minggu sejak penempatan kode. Bisa anda lhat masih ada iklan yang blank.

Kesimpulan

Untuk waktu review 2 tergantung dari kualitas blog anda. Namun ada juga blogger yang blognya tidak direview sama sekali karena belum meletakkan kode. Anda bisa mendapatkan waktu peninjauan singkat atau panjang tergantung dari blog anda. Bisa saja dalam 3 hari anda sudah mendapatkan email full approved.

Thursday, March 16, 2017

Apakah Akun Adsense Youtube Bisa Digunakan Di Blog/Situs? - Upgrade Akun Adsense

Sulitnya untuk mendapatkan akun adsense dan perbedaan cara dalam mendapatkan akun adsense youtube dan blog membuat para blogger bertanya-tanya. Sehingga banyak blogger ingin mencoba untuk memonetisasi blog dengan akun adsense blog. Apakah hal tersebut bisa? Bisa,namun itu adalah metode lama. Jadi apakah sekarang bisa untuk digunakan? Tidak,kini akun adsense youtube hanya bisa digunakan untuk memonetisasi youtube. 

Banyak sekali blogger yang menanyakan tentang akun adsense dari youtube yang digunakan di blog. Akun adsense entah itu dari youtube atau dari blog bisa gunakan untuk memonetisasi platform yang berbeda. Jadi akun adsense dari youtube bisa digunakan untuk di blog,dan akun adsense blog bisa pula digunakan di youtube.

Namun karena suatu perubahan pada sistem adsense,kini akun adsense youtube tidak bisa digunakan untuk memonetisasi blog. Sedangkan akun adsense dari youtube masih bisa untuk memonetisasi blog. Banyak blogger yang bereksperimen dengan mencoba memasang kode iklan dari adsense youtube ke blog namun hasilnya nihil ,iklan blank.

Apakah Akun Adsense Dari Youtube Bisa Digunakan Untuk Blog/Situs?

Sekarang memang sangat sulit untuk mendapatkan akun adsense blog,bahkan akun adsense yang hosted sekalipun. Hal itu membuat para blogger berkeinginan untuk memasang akun adsense youtube di blognya. Perbedaan dalam cara dan tingkat kesulitan pembuatan akun adsense inilah yang juga akan membedakan fungsi akun adsensenya nanti.

Lalu apakah ada jalan lain supaya akun adsense youtube bisa digunakan di blog?

Ada satu cara supaya akun adsense youtube yang anda miliki bisa digunakan untuk memonetisasi blog. Yaitu dengan cara upgrade akun adsense youtube anda tersebut. Dengan upgrade akun adsense anda bisa memonetisasi blog anda. Bukan hanya bisa digunakan untuk memonetisasi blog tetapi juga bisa untuk memonetisasi video,aplikasi,dan games.

Baca juga : Template Yang Cocok Untuk Daftar Adsense

Upgrade ini akan mengubah akun adsense anda dari hosted menjadi non hosted. Jadi anda bisa mendapatkan keuntungan ganda.Disamping anda bisa memonetisasi blog anda,anda juga bisa memonetisasi blog/situs berdomain TLD atau wordpress.Berikut keuntungan yang akan anda dapatkan :
  • Anda mendapatkan akun adsense hosted
  • Bisa memonetisasi aplikasi dan game yang anda buat
  • Bisa digunakan untuk domain TLD
  • Lebih multi fungsi
Nah itu dia keuntungan yang bisa anda dapatkan. Jadi sekali anda bertindak anda bisa menyelesaikan 2 tugas sekaligus. Namun supaya anda bisa melakukan upgrade akun adsense anda harus mempunyai blog dengan domain TLD terlebih dahulu,anda bisa menggunakan domain yang murah atau gratis terlebih dahulu. Tapi saya sarankan untuk menggunakan domain TLD yang sudah terverifikasi. Lalu bagaimana cara upgrade akun adsense? Berikut caranya :

Cara Upgrade Akun Adsense Youtube

Langkah 1
Silakan buka dasbor adsense anda,lalu silakan klik My Ads lalu klik Other Product

Langkah 2
Silakan isikan url blog anda untuk upgrade akun (domain harus TLD/selain mitra host) ,lalu klik Submit
  
Apakah Akun Adsense Dari Youtube Bisa Digunakan Untuk Blog/Situs?

Langkah 3
Anda akan diminta untuk meletakkan kode unik iklan dibawah kode <head> ,namun anda harus memparse kode tersebut supaya bisa disimpan. 

Parse kode iklan anda disini. Jika sudah salin dan letakkan dibawah kode <head>,lalu kembali ke adsense dan klik Done

Selesai,anda sekarang blog anda sedang direview adsense. Jika blog anda dianggap layak maka anda akan mendapatkan akun non hosted/ugrade anda berhasil. Cukup sekian artikel yang bisa saya bagikan,semoga bermanfaat.

Wednesday, March 15, 2017

Cara Submit URL Artikel Ke Google - Teknik SEO On Page

Cara Submit URL Artikel Ke Webmaster Google [Search Console] - Supaya artikel anda bisa terindex mesin pencari google anda harus berusaha meningkatkan performa blog anda dimata google. Jika anda hanya menunggu supaya blog anda didatangi robot google supaya terindex,mulai sekarang anda juga harus aktif.

Jika anda tidak aktif maka peluang supaya blog anda terindex dan berada di halaman pertama google sangatlah sulit.Untuk memudahkan pengindexan srtikel anda harus rajin dalam submit artikel. Dalam artian anda harus mengumpulkan url artikel anda setiap anda membuat artikel yang baru. Dengan begitu akan memudahkan google dalam mengindex blog serta artikel sobat. 

Baca juga : 4 Cara Mudah Supaya Artikel Cepat Terindex Google

Selain anda aktif untuk mensubmit artikel anda juga harus mensubmit sitemap blog anda ke google webmaster. Supaya blog anda mudah untuk diindex hal yang harus anda lakukan yaitu submit sitemap setelah itu baru submit artikel. Untuk tools submit url artikel ini anda tidak perlu untuk mempunyai akun google bahkan mendaftarkan blog anda ke webmaster.

Tools submit url artikel ini bisa dilakukan bahkan oleh orang yang tidak memiliki urusan dengan url blog yang disubmit. Jadi orang lain bisa mensubmit url artikel blog anda. Bagi anda yang ingin mensubmit url artikel anda maka ikuti langkah berikut :

Cara Submit URL Artikel 

Langkah 1
Silakan buka link berikut https://www.google.com/webmasters/tools/submit-url

Langkah 2
Silakan masukkan url artikel anda setelah itu selesaikan recaptha ,jika sudah lalu klik Submit Request


Selesai,anda sudah mensubmit url artikel anda untuk meminta index. Lakukan cara ini setiap anda membuat artikel baru. Cukup sekian tutorial yang bisa saya bagikan,semoga bermanfaat.

Apa Itu Fetch As Google? Bagaimana Cara Menggunakannya Dengan Benar?

Fetch as google (ambil sebagai google) merupakan fitur atau layanan yang diberikan google kepada para pemilik blog/pengelola blog. Fetch as ini sangat bermanfaat bagi para blogger yang ingin supaya artikel mereke bisa terindex di mesin pencari.Dari arti yang bisa diterjemahkan google ingin memberi tahu bagaimana cara menjadi google. Maksudnya menjadi google yang mencari dan mengumpulkan index informasi.

Banyak para blogger/pengguna fetch as yang mengalami kerepotan atau kesusahan sehingga menyebabkan error. Hal ini biasanya terjadi ketika mereka salah dalam memasukkan url alamat artikel yang ingin mereka fetch as. Disini google mengambil artikel yang telah kita berikan supaya bisa lebih mudah dalam perayapan.

Apa itu Fetch As Google?

Dari artinya yaitu ambil/mengambil sebagai google. Fetch as merupakan fitur yang menunjukkan bagaimana cara google bekerja selama ini. Dengan tambahan fitur baru ini di webmaster google/search console diharapkan supaya para pemilik blog bisa menggunakan sebaik-baiknya.

Supaya blog atau artikel yang ada di blognya bisa terindex oleh google. Bukan hanya itu saja fetch as juga membantu google dalam melakukan crawl atau perayapan dan mengetahui apakah adalah javascript atau penghalang dalam google mengindex artikel tersebut.

Baca juga : Kesalahan Ketika Melakukan Fetch As Google

Ada fitur yang bisa dibilang sama dengan fetch as yaitu submit url. Perbedaan dari kedua fitur tersebut mungkin dari kelengkapan dan cara penggunaannya saja. Fetch as lebih lengkap dan detiel dan hanya bisa untuk artikel-artikel dari blog yang bersangkutan,sedangkan submit url bisa digunakan untuk mensubmit url artikel blog/situs orang lain. 

Fungsi dan Manfaat Fetch As Google

Fungsi dari fetch as ini yaitu untuk memudahkan google dalam melakukan perayapan ke artikel yang bersangkutan supaya bisa mudah untuk terindex. Fetch as ini juga memiliki peran untuk mengecek jalannya perayapan yang dilakukan oleh robot google,mengecek apakah ada javascript yang memblokir sehingga google tidak bisa mengindex artikel yang ada.

Supaya blog bisa terindex tidak hanya dengan menggunakan fetch as tapi anda juga bisa dengan submit sitemap ke webmaster. Baca juga : Cara Memasukkan/Submit Sitemap Blog Google Webmaster

Untuk syaratnya sangat mudah untuk dilengkapi yaitu anda harus mempunyai akun google yang sudah masuk/login ke webmaster serta mendaftarkan blog/situs anda ke webmaster google. Jika anda belum mendaftarkan blog anda ke webmaster,silakan baca artikel berikut Cara Mendaftarkan Blog/Situs Ke Google Webmaster [Search Console] . Lalu bagaimana cara menggunakannya? Ikuti langkah dibawah ini.

Cara Menggunakan Fetch As Google

Langkah 1
Silakan masuk ke webmaster google,lalu pilih blog yang ingin artikelnya di fetch as

Langkah 2
Silakan klik Crawl Fetch As Google ,lalu silakan masukkan url artikelnya dikotak yang disedikan. Lalu klik Fetch

Karena sudah ada domain blog anda jadi anda hanya perlu memasukkan url setelah url domain anda. Contoh saya ingin fetch url artikel http://www.anggasave.com/2017/03/cara-mudah-membuat-menu-navigasi-blog.html  ,jadi yang perlu kita masukkan ke webmaster hanya 2017/03/cara-mudah-membuat-menu-navigasi-blog.html


Langkah 3
Klik Request Indexing diurl artikel yang sudah kita fetch tadi,lalu silakan lengkapi recaptha dan pilih mode crawl,jika sudah klik OK


Yeay,url blog anda sudah difetch. Semoga url tersebut bisa terindex google. Lakukan cara ini setiap anda selesai membuat artikel baru supaya setiap artikel bisa terindex google. Cukup sekian tutorial yang bisa saya bagikan semoga bermanfaat. 

Tuesday, March 14, 2017

Cara Membuat Menu Navigasi Blog Dengan CSS Keren Terbaru 2017

Menu navigasi sangatlah penting dalam suatu blog. Bukan hanya penting bagi pengunjung blog tetapi juga bagi anda yang ingin mendaftar akun adsense. Karena menu navigasi merupakan properti blog yang harus ada.

Banyak cara untuk membuat menu navigasi,mulai dengan menggunakan menu navigasi sederhana dari blogger sampai dengan menggunakan CSS. CSS disini merupakan kode yang berfungsi untuk memperindah atau memberi warna navbar yang akan dibuat.

Menu navigasi dengan menggunakan style CSS memang sangat mudah untuk dibuat,serta sangat sederhana dan simple. Selain itu navigasi ini juga bisa dropdownmenu sehingga anda bisa menambahkan submenu dengan navbar ini.

Cara Mudah Membuat Menu Navigasi Blog Dengan CSS

CSS ibarat seperti perwarna yang digunakan dalam makanan,jika tidak ada maka makanan tersebut terlihat tidak menarik. Padahal sama saja fungsinya,yaitu bisa dimakan dan mengenyangkan. Bagi anda yang mahir dalam kode CSS anda bisa membuat kode sendiri untuk mempercantik navigasi yang ingin anda buat. Atau merombak dan mengedit CSS navbar berikut.  Bagi anda yang ingin membuat navigasi CSS ,silakan ikuti langkah berikut :

Cara Membuat Menu Navigasi CSS

Langkah 1
Silakan masuk ke blogger,Klik Tema/Template → Edit HTML


Langkah 2
Silakan anda salin kode pemanggil navigasinya lalu letakkan/pastekan ditempat navigasi ingin dimunculakan,bisa anda letakkan diatas header atau dibawah kode </header>

<nav>
<ul>
<li>Home</li>
<li>Tutorial<ul>
<li>Photoshop</li>
<li>Illustrator</li>
<li>Web Design<ul>
<li>HTML</li>
<li>CSS</li>
</ul></li>
</ul></li>
<li>Articles</li>
<li>Inspiration</li>
</ul>
</nav>

Langkah 3
Salin CSS berikut lalu letakkan diatas kode </style> atau ]]></b:skin>

nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {
background: #D8D8D8;
padding: 0px;
border-radius: 10px;
list-style: none;
position: relative;
font: 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
display: inline-table;
}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li { float: left;}
nav ul li:hover {background: #4b545f;}
nav ul li:hover a {color: #fff;}

nav ul li a {display: block; padding: 15px 30px;color: #757575; text-decoration: none;}
nav ul ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: auto;}
nav ul ul li {float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative;}
nav ul ul li a {padding: 15px 30px; color: #fff;}
nav ul ul li a:hover {background: #4b545f;}
nav ul ul ul {position: absolute; left: 100%; top:0;}

@media screen and (max-width:768px){

}

Jika sobat ingin supaya lebar menu navigasi tersebut bisa menyesuaikan dengan lebar template/blog anda maka silakan hapus kode yang berwarna merah.

Lalu klik Simpan

Nah sekarang coba lihat blog sobat apakah menu navigasinya sudah muncul. Cukup sekian tutorial cara membuat menu navigasi dengan CSS. Semoga bisa membantu dan bermanfaat.

Monday, March 13, 2017

Cara Mendaftarkan Blog Ke Google Webmaster [Search Console] 2017

Cara Mendaftarkan Blog/Situs Ke Google Webmaster Tools - Google webmaster tools merupakan layanan yang diberikan oleh google kepada kita para blogger. Di google webmaster kita bisa mencari informasi pencarian,memasukkan dan mendaftarkan blog,serta memiliki manfaat yang banyak.

Manfaatnya seperti membuat atau memudahkan situs kita untuk diindex oleh mesin pencari google. Google webmaster atau bisa juga disebut search console ini sangat bagus jika kita ingin supaya blog serta artikel yang ada didalamnya bisa terindex dengan sukses.

Cara Mendaftarkan Blog/Situs Ke Google Webmaster [Search Console]

Google Webmaster sebenarnya dibuat dengan tujuan untuk meningkatkan kualitas google sendiri dalam hal pencarian. Nah dengan cara itu google akan menjadi search engine yang terbaik. Namun hal itu akan terwujud dan  mudah jika ada kerjasama antara pemilik situs dan google. Pemilik situs mendapatkan visitor dari google. Google mendapatkan kepercayaan dari pengguna.

Disini anda bisa bebas untuk meningkatkan performa situs/blog anda dimata search engine. Dengan rajin untuk melihat data informasi serta rajin untuk fetch atau submit artikel. Search engine sangat suka dengan blog atau situs yang dirawat dan diperhatikan yang membuktikan bahwa situs tersebut berpemilik. Dengan cara tersebut maka anda bisa meningkatkan performa situs anda.

Supaya artikel yang ada disitus anda apa yang harus dilakukan? Yang jelas anda harus meningkatkan SEO blog anda. Bagaimana caranya? Sangatlah diantaranya anda harus menggunakan template yang SEO Friendly,mencari backlink berkualitas,dll. Semua itu bisa anda ketahui di artikel berikut : 4 Cara Mudah Supaya Artikel Cepat Terindex Google. Untuk meningkatkan performa situs/blog anda dimata google,anda harus mendaftarkan blog anda tersebut terlebih dahulu ke google webmaster. Berikut caranya:

Cara Mendaftarkan Blog Ke Google Webmaster

Langkah 1
Silakan buka situs google webmaster dilink berikut https://www.google.com/webmasters ,lalu login dengan akun google anda (Klik Search Console/Sign in untuk masuk)

Langkah 2
Silakan masukkan url alamat blog anda lalu klik Add A Property (url harus menggunakan http/https seperti contoh)
Cara Mendaftarkan Blog/Situs Ke Google Webmaster [Search Console]

Setelah itu anda akan diminta untuk memverifikasi blog anda,silakan pilih saja metode verifikasi dengan Tag HTML

Langkah 3
Silakan cari metode verifikasi dengan tag HTML,lalu silakan salin kode HTML yang diberikan dan letakkan diatas kode </head> (Lihat gambar dibawah) → Jangan lupa untuk menyimpan template


Jika sudah disimpan lalu klik Verify yang ada di webmaster tools

Selesai..situs anda udah terdaftar di webmaster google. Untuk langkah selanjutnya supaya situs dan artikel anda bisa terindex google maka anda harus submit url serta artikel. Baca : Cara Memasukkan/Mendaftarkan Sitemap Blog Google Webmaster. Cukup sekian tutorial yang bisa saya bagikan,semoga bermanfaat.

Saturday, March 11, 2017

Cara Submit Sitemap.xml Blog Ke Google Webmaster Search

Submit sitemap ke google webmaster sangatlah penting. Terlebih lagi jika anda ingin supaya blog serta artikel yang ada didalamnya bisa terindex mesin pencari (google). Dengan submit sitemap anda bisa mengoptimasi blog anda sehingga search engine mudah dalam mengindeks artikel di blog. 

Selain dengan cara submit sitemap,masih ada banyak cara supaya artikel di blog anda bisa cepat terindex google. Baca juga : 4 Cara Mudah Supaya Artikel Cepat Terindex Google. Google telah memberikan tools secara cuma-cuma kepada para blogger untuk mengoptimasi artikel yang mereka punya. 

Cara Memasukkan/Mendaftarkan Sitemap Blog  Google Webmaster

Dengan googlw webmaster tools anda bisa mengoptimasi artikle anda supaya bisa  terindex search engine google. Hanya dengan submit sitemap anda bisa memasukkan semua artikel yang ada disitus/blog anda dengan cepat. Berbeda dengan tools fetch as artikel yang harus memasukkan url setiap artikel.

Sebelumnya anda harus mengerti apa itu sitemap dan apa fungsinya. Sitemap merupakan peta situs kita. Untuk fungsinya seperti halnya sebuah peta yang membantu dalam menentukan arah. Namun sitemap disini berfungsi sebagai alat bantu search engine dalam mengenali struktur blog kita mulai dari dasar blognya sampai ke artikel didalamnya.

Melalui perayapan yang dilakukan oleh robot mesin pencari. Karena anda sudah mengetahui apa itu sitemap dan fungsinya berikutnya saya akan kenalkan sitemap blog di webmaster google.

Cara Memasukkan/Mendaftarkan Sitemap Blog Ke Google Webmaster
Tampilan Sitemap - Webmaster Tools

Dari gambar diatas anda bisa melihat statistik artikel yang disubmit melalui sitemap,jadi kita tidak perlu melakukan submit artikel satu per satu. Digambar tersebut anda juga mengetahui berapa artikel yang sudah terindex. Jadi dengan sitemap anda tidak perlu repot-repot untuk submit artikel satu per satu. Tertarik untuk submit sitemap,berikut langkah-langkahnya :

Cara Submit Sitemap Ke Google Webmaster Tools

Langkah 1
Anda harus masuk dulu ke google webmaster dengan akun google sobat (Namun anda harus mendaftarkan blog anda terlebih dahulu ke webmaster untuk menggunakan tools ini)

Baca juga : Cara Mendaftarkan Blog Ke Google Webmaster

Langkah 2
Lalu silakan pilih blog yang anda ingin anda masukkan sitemapnya ke webmaster

Langkah 3
Silakan klik Crawl/Perayapan → Sitemaps ,lalu silkan klik Add/Test Sitemap (terletak disudut kanan atas)

Akan muncul kotak baru,silakan isikan/tambahkan "sitemap.xml" pada kotak isian yang disediakan (tanpa tanda petik). Sehingga akan menjadi http://www.alamatbloganda.com/sitemap.xml

Cara Memasukkan/Mendaftarkan Sitemap Blog  Google Webmaster

Lalu klik Submit

Setelah itu refres laman tersebut untuk melihat hasil sitemap yang sudah disubmit. Dalam waktu kurang dari 1 jam sesudah berhasil submit sitemap maka secara otomatis artikel anda juga akan disubmit. Dan anda bisa melihat statistiknya juga dilaman itu. Cukup sekian tutorial yang bisa saya bagikan semoga bermanfaat.

4 Cara Supaya Artikel Baru Cepat Terindex Google Terbaru 2017

Memiliki artikel yang terindex merupakan dambaan dari para blogger. Namun terkadang sulit dalam melakukannya. Kita sebagai blogger sulit mengoptimasi supaya artikel kita bisa terindex mesin pencari(Google). Memang sangatlah penting dan harus untuk sebuah artikel bisa berada didalam pencarian search engine. Tapi supaya hal itu bisa terwujud kita harus melakukan cara-cara supaya artikel bisa masuk ke pencarian google.

Banyak cara yang bisa digunakan supaya artikel blog bisa diindex google. Dari menggunakan cara luar sampai menggunakan cara dalam dengan menggunakan tools yang sudah disediakan google. Selain memikirkan supaya artikel bisa keindex anda juga harus memikirkan cara supaya artikel yang sudah keindex tidak sis-sia begitu saja. Anda harus berusaha supaya artikel blog yang sudah terindex bisa berada di halaman pertama pencarian.

4 Cara Mudah Supaya Artikel Cepat Terindex Google

Semua hal tersebut berkaitan dengan SEO,jadi anda harus meningkatkan ilmu SEO anda. Sangatlah penting bagi anda untuk mempelaari SEO sejak dini. Untuk tahap pertama anda harus mengoptimasi artikel nda di search engine. Supaya artikel anda bisa terindex google dengan cepat maka anda harus lakukan cara berikut :
  

4 Cara Mudah Supaya Artikel Cepat Terindex Google

1. Memilih Template SEO

Ketika anda ingin membuat blog,salah hal yang harus anda tentukan adalah template/tema apa yang akan anda gunakan. Karena template merupakan hal yang dasar ketika anda akan membuat blog maka anda harus pikirkan dan pilih template yang bagus dan cocok untuk pengembangan blog anda.

Template yang bagus agar blog serta artikel yang ada didalamnya bisa terindex mesin pencari maka anda harus menggunakan template SEO Friendly. Template tersebut ramah untuk search engine serta bisa digunakan untuk optimasi mesin pencari. Anda bisa mencari dan mendownload template SEO di google yang tentunya gratis. Atau membeli template premium yang ramah SEO seperti template Evo Magz,dan template sugeng lainnya.

2. Submit Sitemap

Untuk cara yang satu ini ,kita menggunakan cara dari dalam yaitu dengan menggunakan webmaster tools google. Dengan ini kita bisa mengoptimasi artikel blog kita sehingga bisa terindex di google. Submit sitemap sangatlah mudah. Fungsinya supaya google bisa mudah dalam melakukan crawl atau perayapan di blog kita.

Sama seperti sitemap yang ada di blog,sitemap yang sudah disubmit ke webmaster ini berfungsi untuk memudahkan robot mesin pencari mengenali struktur blog kita (fungsi peta situs). Berikut cara submit sitemap ke webmaster google ↪ Cara Submit Artikel Ke Google Webmaster

3. Melakukan Fetch As URL Artikel

Dengan melakukan fetch artikel anda bisa memiliki kesempatan supaya artikel di blog bisa terindex mesin pencari. Anda bisa melakukan fetch url artikel anda setiap anda membuat artikel baru. Atau dengan fetch semua artikel yang pernah anda buat. Supaya hasilnya semakin maksimal anda bisa mengkombinasikan fetch as artikel dengan submit artikel. Baca juga : Apa Itu Fetch As Google? Bagaimana Cara Menggunakannya?

4. Mencari Backlink

Backlink memang sangat penting dalam dunia SEO. Dan akan sangat berpengaruh jika anda memiliki backlink yang berkualitas. Backlink yang bagus adalah backlink yang anda dapatkan dari situs yang berkualitas. Berbeda jika anda menanamkan backlink di media sosial seperti facebook yang memiliki Alexa Rank yang buruk. Bukannya menambahkan nilai blog anda di mesin pencari namun malah akan membuat blog anda tenggelam.

Itulah 4 cara mudah supaya artikel anda cepat terindex google. Sebenarnya masih banyak cara yang bisa digunakan,namun ke-4 cara tersebut yang menurut saya paling bagus digunakan. Cukup sekian artikel yang bisa saya bagikan. Semoga bermanfaat.

    Dampak Negatif dan Positif Membagikan Artikel Blog Di Facebook

    Facebook merupakan media sosial terbesar didunia. Banyak sekali netizen yang mengakses facebook. Hampir seluruh orang di dunia ini mengetahui dan menggunakan sosial media karya Mark Zuckerberg. Karena banyaknya pengguna facebook maka facebook berpotensi tinggi untuk meningkatkan visitor blog. Banyak sekali brand-brand yang menawarkan dan mengiklankan facebooknya di facebook.

    Banyaknya pengakses dan pengguna facebook maka anda bisa membagikan artikel anda ke facebook. Sehingga anda bisa menggunakannya sebagai peluang untuk meningkatkan visitor anda. Anda bisa memanfaat media sosial ini untuk melakukan blog walking dengan sesama blogger lain yang bisa anda temukan di grup blogger facebook. 

    Dampak Negatif dan Positif Membagikan Artikel Di Facebook

    Namun,jika anda berfikir bahwa facebook bisa anda gunakan untuk sarana mencari backlink anda salah besar. Kalian akan mendapatkan backlink namun backlink tersebut tidak berkualitas dan diperhatikan search engine.Namun dibalik kelebihan yang ada,anda juga akan menemukan kekurangan dan dampak negatifnya. Ya,facebook juga memiliki dampak negatif. Sebaiknya anda mengetahui dampak negatifnya berikut ini :

    Dampak Negatif Membagikan Artikel Di Facebook

    1. Blog Anda Akan Tenggelam

    Jika anda mendatangkan pengujung dengan mengandalkan facebook maka lama-kelamaan situs/blog anda akan tenggelam di search engine. Maksudnya blog anda bisa tidak akan diindex oleh mesin pencari karena anda cenderung untuk membagikan artikel ke facebook yang merupakan media sosial/situs dengan alexa rank yang rendah. Selain itu artikel yang anda buat akan sulit untuk berada si page one / halaman pertama pencarian google.

    Oleh sebab itu,jika anda ingin menggunakan layanan facebook ads anda harus memikirkan 2 kali. Facebook ads cocok untuk blog/situs online shop dan berita yang tidak terlalu memperhatikan SEO supaya diindex mesin pencari. Mencari backlink di facebook sangatlah sia-sia karena memiliki alexa rank yang rendah.

    2. Korban Facebook

    Membagikan artikel memang bagus apalagi jika ditemukan oleh orang yang sedang mencari artikel yang anda bagikan. Namun jika orang yang menemukan artikel anda adalah orang yang jahil,iseng,dan tidak suka dengan anda maka bisa saja blogs/situs anda akan dijadikan sarana kejahilan dan keisengannya.

    Blog anda bisa saja dijingling melalui url artikel yang anda bagikan. Atau jika anda memiliki iklan/mempublikasikan iklan (adsense) di blog anda mungkin anda akan menjadi korban bom klik iklan.

    3. Dihack

    Banyak hacker yang sudah masuk ke facebook dan sudah meng hack website tersebut. Bayangkan jika website sebesar itu bisa di hack dengan mudahnya. Membagikan artikel anda ke facebook bisa berpotensi membuat blog anda di hack oleh hacker apalagi jika situs anda belum memiliki keamanan yang tinggi. Belum lagi blog anda bisa digunakan untuk tindak kejahatan.

    4. Dianggap SPAM

    Membagikan artikel sembarangan di facebook maka akan berpotensi blog anda akan dianggap spam. Terlebih lagi sekarang ini google juga mendeteksi artikel yang keluar dan dibagikan. Jika anda membagikan artikel secara sembarangan dan ada yang tidak menyukai artikel anda tersebut atau tidak ada tanggapan atas artikel yang anda bagikan maka ini akan berdampak buruk bagi blog anda.

    Langkah yang baik jika ingin membagikan artikel ke facebook adalah membagikan artikel sesuai dengan topiknya. Seperti anda bergabung di grup facebook yang memiliki topik sama seperti artikel sobat. 

    5. Tambahkan sendiri... 


    Jadi jika anda membagikan artikel anda ke facebook anda harus berhati-hati. Supaya blog/situs anda aman. Tetap berhati-hatilah dalam menggunakan media sosial.

    Friday, March 10, 2017

    Cara Membuat Menu Navigasi Dengan Dropdown Menu - CSS Responsive & Melayang/Sticky

    Menu navigasi sangat penting dalam suatu blog. Dan merupakan salah satu syarat yang wajib ada jika anda ingin mendaftarkan blog anda ke google adsense. Sesuai dengan fungsinya ,menu navigasi yaitu membantu pengunjung untuk mencari artikel yang mereka cari dan butuhkan. Oleh sebab itu,navigasi sangat penting untuk mendaftar adsense.

    Menu navigasi ini dibuat dengan CSS keren dan didesign dengan bootstrap. Selain itu navigasi ini juga memiliki fitur melayang atau sticky. Selain melayang,navigasi ini juga sudah dilengkapi dengan search box atau kotak pencarian yang terletak dikiri navigasi seperti pada menu navigasi template evo magz. 

    Anda juga tidak perlu repot-repot untuk membuat widget search box lagi di blog anda. Anda bisa mengubah dan mengotak-atik kode yang ada untuk mempercantik menu navigasi. Berikut gambar design navigasi tersebut 👇

    Cara Membuat Menu Navigasi + Search Box Responsive & Melayang

    Menu navigasi ini responsive sehingga tidak akan mengganggu pengunjung jika dibuka via mobile. Menu navigasi ini juga akan melayang jika pengunung blog mengscroll down kebawah,maka navigasi ini akan melayang. Banyak sekali cara untuk membuat floating menu dan sticky menu yang bisa menggunakan CSS,HTML,dan JavaScript. Bagi anda yang ingin memasang navigasi melayang ini silakan ikuti langkah dibawah ini. 

    Cara Membuat Menu Navigasi + Search Box Melayang di Blogger

    Langkah 1
    Masuk ke blogger,klik Template/Tema → Edit HTML

    Langkah 2
    Salin kode dibawah ini lalu letakkan diatas kode </body>

    <style type='text/css'>
    /* Menu and Search */
    .menu-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:0;position:relative}
    .sticky-menu{font-family: &#39;Open Sans&#39;, arial;background:#2d2d2d;width:auto;padding:0;margin:0;font-size:15px;font-weight:400}
    .sticky-menu ul{margin:0 auto;padding:0;float:left}
    .sticky-menu ul a {display:block;padding:0 15px;}
    .sticky-menu ul li{position:relative;margin:0;}
    .sticky-menu ul &gt; li {float:left;}
    .sticky-menu ul &gt; li &gt; a {display:block;height:57px;line-height:56px;color:#fff;font-weight:bold;overflow:hidden;transition:all .35s ease;}
    .sticky-menu ul &gt; li &gt; a.active {background:#e35959;color:#fff;}
    .sticky-menu ul &gt; li:hover &gt; a,.sticky-menu ul li.homex {background:#e35959;color:#fff;}
    .sticky-menu ul &gt; li:hover &gt; a.active {background:#e35959}
    .sticky-menu ul li a img{vertical-align:middle!important;height:10px;width:14px}
    .sticky-menu ul ul {display:none;list-style:none;position:absolute;top:100%;width:190px;z-index:9999;overflow:hidden}
    .sticky-menu ul &gt; li:hover ul {display:block}
    .sticky-menu ul ul &gt; li {clear:both;overflow:hidden;background:rgba(22,3,48,.6);height:42px;z-index:9999;width:190px;}
    .sticky-menu ul ul &gt; li &gt; a {margin:0;color:#fff !important;padding:0 15px;text-align:left;height:42px;line-height:41px;width:190px;z-index:9999}
    .sticky-menu ul ul &gt; li &gt; a:hover {color:#fff !important;background:#e35959}
    /* Sticky menu */
    .makesticking2{position:fixed!important;padding:0!important;top:0;max-width:100%;left:0;right:0;z-index:99999}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var mql = window.matchMedia('screen and (min-width: 600px)');if (mql.matches){function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky2("floating");}//]]>
    </script>

    Langkah 3
    Lalu letakkan kode pemanggilnya dibawah header dengan meletakkannya dibawah kode </header> atau juga bisa anda letakkan diatas conten wrapper.

    <div id=’floating’>
    <div class='menu-wrapper' id='floating'>
    <nav class='sticky-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
    <ul>
    <li class='homex'><a href='/' itemprop='url' title='home'><img alt='Home' expr:title='data:blog.title' height='12' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDb-ZcAHcH956BYPK9z2jxiQDk0cXpzomkxjXbf7-OUiZZASBTIc_JOBnz4Gknc2wXoTU3T81_cAVRlsEQfN-ozQUWvouMK1wGHzOjj4ceDoU5x-MvdrXis37UJfk37XlvxwPdV-HPh68/s1600/siminihome.png' width='14'/> Home</a></li>
    <li><a href='/search/label/Amazing' itemprop='url' title='Amazing'><span itemprop='name'>Amazing</span></a></li>
    <li><a href='/search/label/Black' itemprop='url' title='Black'><span itemprop='name'>Black</span></a></li>
    <li><a href='/search/label/Speed' itemprop='url' title='Speed'><span itemprop='name'>Speed</span></a></li>
    <li><a href='/search/label/Sport' itemprop='url' title='Sport'><span itemprop='name'>Sport</span></a></li>
    <li><a href='/search/label/Style' itemprop='url' title='Style'><span itemprop='name'>Style</span></a></li>
    <li><a href='#' itemprop='url' title=''><span itemprop='name'>Other</span></a>
    <ul>
    <li><a href='/search/label/Red' itemprop='url' title='Red'><span itemprop='name'>Red Car</span></a></li>
    <li><a href='/search/label/Modern' itemprop='url' title='Modern'><span itemprop='name'>Modern</span></a></li>
    <li><a href='/search/label/ThankYou' itemprop='url' title='Thank You'><span itemprop='name'>Thank You</span></a></li>
    </ul>
    </li>
    </ul>
    <form action='/search' id='search-wrapper' method='get'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search here...'/></td>
    <td class='search-button'><input id='search-button' type='submit' value='Go'/></td></tr></tbody></table></form>
    <div class='clear'/>
    </nav>
    <div class='clear'/>
    </div>
    </div>

    Langkah 4
    Untuk membuat menu navigasi menadi melayang maka silakan salin kode dibawah lalu letakkan diatas kode </body>
     
    <script type='text/javascript'>
    //<![CDATA[
    var mql = window.matchMedia('screen and (min-width: 600px)');if (mql.matches){function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky2("floating");}
    //]]>
    </script>

    Cukup sekian tutorial cara membuat menu navigasi + search box responsive dan melayang yang bisa saya bagikan. Semoga bermanfaat.