Cara Membuat Artikel Terkait Kedalam Postingan di Blogger

Animekume- Hello gan masih sehat semuakan? pada hari ini kebetulan saya akan membuat tutorial sederhana bagaimana cara membuat artikel terkait kedalam postingan, hal ini bertujuan untuk menanamkan internal link dan untuk meningkatkan visitor untuk mengunjungi sebuah artikel.

sumber: google.com

Pada dasarnya banyak sekali yang sudah share tutorial-tutorial membuat artikel terkat di postingan, namun kebanyakan juga sering menggunkan Javascript untuk menambahkannya, ya untuk yang sudah terbiasa dengan javascript  mungkin sudah menjadi hal biasa. Namun, untuk yang belum menguasai javascript pasti menganggap hal ini sebagai hal yang sulit. Lalu bagaimana cara membuatnya tanpa menggunakan javascript mari kita simak tutorial membuat atikel terkait di postingan.

Baca Juga

• Cara membuat tombol download dan demo
• Download Template BroSense Premium
• Download Template EvoMagz V 4.7 Premium

Cara manual memasukan artikel kedalam kotak baca juga

1. Langkah pertama silahkan masuk dulu ke akun Blogger

2. Langkah berikutnya menambahkan CSS terlebih dahulu Klik Tema > edit HTML 

3. Masukan Script di bawah ini tepat di atas </head>

<style type="text/css">
/*Artikel Terkait*/
.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}
.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}
.bacajuga ul{padding:11px 41px 0;list-style:none}
.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}
.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}
</style>

4. Jika sudah di pasang kemudian Save Template

5. Sampai di sini kalian sekarang sudah bisa membuat artikel terkait namun masih belum selesai tutorial kali ini kalian harus memasukan script untuk menambahkan artikel terkait di potingan sesuka hati

6. Masuk ke artikel yang ingin di beri Baca Juga lalu rubah mode Compose ke mode HTML agar bisa di tambahkan.

7. Setelah itu silahkan copy script di bawah ini dan masukan ke dalam artikel yang ingin di tambahkan artikel terkait

<div class="bacajuga">
  <h4>Baca Juga</h4>
  <ul>
    <li><a href="#">Judul Artikel Yang ingin Ditampilkan</a></li>
    <li><a href="#">Judul Artikel Yang ingin Ditampilkan</a></li>
    <li><a href="#">Judul Artikel Yang ingin Ditampilkan</a></li>
    <li><a href="#">Judul Artikel Yang ingin Ditampilkan</a></li>
    <li><a href="#">Judul Artikel Yang ingin Ditampilkan</a></li>
  </ul>
</div>

Silahkan ganti tanda pagar (#) dengan url link tujuan kalian dan masukan HTML diatas sesuai yang di inginkan misal di tengah, di bawah atau di atas.

Read More

Cara Mudah Memasang Sitemap Responsive di Blogger 2018

Animekume- Pada tutorial kali ini saya akan membahas bagaimana cara membuat sitemap atau yang biasa kita kenal dengan daftar isi. Memasang sitemap merupakan salah satu hal yang sangat penting untuk memudahkan pengunjung untuk menemukan artikel yang ingin dia baca.

Sitemap merupakan sebauh peta situs yang berisikan berbagai macam konfigurasi konten maupun artikel dari suatu web dalam bentuk tautan link dan pembuatan sitemap ini juga untuk mempermudah melakukan crawl yang di lakukan oleh search engine.

Sumber : google.com

Baca Juga

• Cara membuat tombol download dan demo
• Download Template BroSense Premium
• Download Template EvoMagz V 4.7 Premium

Cara Mudah Membuat Sitemap Di Blogger 

Banyak sekali cara untuk membuat sitemap di blogger namun pada artikel kali ini kami membuat sitemap responsive berdasarkan label dan fastloading tentunya untuk tampilannya sendiri juga tidak kalah menarik simple dan mudah di aplikasikan.

1. Silahkan masuk ke Blogger kamu

2. Selanjutnya klik Halaman dan buat halaman baru dengan judul sitemap 

3. Setelah itu, masuk ke tab HTML jangan yang Compose karena sitemap ini berupa HTML

4. Jika sudah kamu tinggal masukan script di bawah ini kedalam laman yang kamu buat tadi

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.animeku.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Jika sudah di salin silahkan ganti url http://www.animeku.me dengan url website / blog kamu

6. Sekarang lihat hasilnya harap di perhatikan dengan bena agar bisa di gunakan

• DEMO SITEMAP

Read More

Cara Mudah Pasang Lazy Load di Blogspot Hanya 5 Menit

Animekume- Pada artikel kali ini saya akan membahas sedikit mengenai cara memasang lazyload untuk blog agar meningkatkan kecepatan loading blog saat di buka. Ada banyak sekali cara untuk memasangnya seperti memasang plugin Lazy Load.

Sumber : google.com

Maka dari itu pada hari ini animekume akan membagi salah satu tutorial untuk memasang  Lazy Load dengan mudah dan cepat.

Maaf untuk kali ini kami belum bisa memberika demo untuk kalian yang ingin mencoba silahkan langsung di coba dan liat hasil akhirnya. Terimakasih.

Baca Juga

• Cara membuat tombol download dan demo
• Download Template BroSense Premium
• Download Template EvoMagz V 4.7 Premium

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAQiOqlgHwG8Zh8Z7JOd6wMcTerCmfzoEGAvi6q9dsv8koI1IOVxf8MLP7U26VwXrRXFM8V_UTQw6KBwqAR4hJv38A_mzBUcLjgs-nxt-qf3hLGWeEvQFUUKWY5lcFPWqENotuNPj8n58P/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Langkah-Langkah Memasang Lazy Load
1. Silahkan kalian buka Blogger kalian

2. Klik Template

3. Edit HTML

4. Tambahkan kode / script di atas tadi sebelum

5. Jika sudah di pasang sekarang silahkan lihat hasilnya apakah ada perubahan atau tidak

Jika tutorial di atas sudah berhasil namun masih saja loading blog tidak berubah silahkan kalian cek pagespeed blog kalian dan Compress gambar untuk meningkatkan loading blogmu. Terima kasih sudah berkunjung

Read More

Cara Daftar dan Submit Blog di Bing Webmaster Tools 2018

Animekume- Untuk kalian yang sedang mencari cara daftar dan submit webmaster tools di bing mungkin tutorial kali ini dapat bermanfaat untuk kalian dan agar blog dapat di index mesin pencarian bing, sebelumnya kalian harus mendaftarkan blog kamu terlebih dahulu.

Bing Webmaster Tools adalah layanana pencarian sebagai bagian dari mesin pencari Bing Microsoft yang memungkinkan webmaster menambahkan situs Web ke crawler indeks Bing.

Meskipun Search engine bing masih kalah dengan google namun tidak ada salahnya untuk menabahkan bing webmaster tools pada website kalian untuk memonitor situs kamu di mata search engine bing. Agar selain dapat pengunjung dari google kalian juga bisa dapat pengunjung dari search engine bing milik microsoft. Tentu saja hal ini akan meningkatkan traffic pada website kalian.

Bing Webmaster Tools

Untuk kalian yang belum mempunyai akun bing webmaster tools sebaiknya kalian mendaftar dulu bisa melalui gmail untuk pendaftarannya.

Baca Juga

• Cara membuat tombol download dan demo
• Download Template BroSense Premium
• Download Template EvoMagz V 4.7 Premium

1. Pertama, silahkan masuk ke halaman Bing Webmaster Tools

2. Klik Sign In, Jika kalian belum daftar silahkan klik Sign Up 

3. Jika sudah mendaftar dan berhasil lalu sign in

4. Selanjutnya kamu akan di arahkan ke halaman bing webmaster tools dan silahkan klik add site kalian masukan alamat website kalian

5. Silahkan isi kotak formulir data-data kalian dengan benar. Data yang di beri tanda bintang wajib kamu isi

• URL : Silahkan isi dengan website anda
• Add a Sitemap : Silahkan isi dengan Sitemap kalian
• When do you recive : Silahkan disesuaikan sendiri
• First Name : Isi dengan nama awal mu
• Last Name : Isi dengan nama akhiranmu
• Email : Isi dengan email untuk login webmaster bing
• Job Role : Silahkan di kosongkan 
• Company or organization : Isi dengan nama perusahaan kamu atau nama organisasi kalian
• Company or organization size : silahkan di isi dengan None
• Industry : Pilih kategori situs anda, contoh situs anda situs hiburan atau pendidikan
• Contact Phone : Isi dengan nomer telepon kalian atau kalian tidak isi juag tidak masalah
• City : Tulis nama kota atau nama kabupaten kalian
• State / Province : Isi dengan nama provinsi kamu
• Zip / Postal code : Isi dengan kode pos 
• Country or region : Silahkan isi dengan negara sesuai kamu tinggal
• I am an agency, not a site owner : Jika kalian pemilik website silahkan tidak di isi tapi jika kalian bukan pemilik website silahkan di isi
• Contact Preference : Silakan di ceklis
• Alert Preference : Silahkan di ceklis semua

6. Jika sudah klik save, tunggu beberapa saat nanti kalian akan di bawa ke halaman verifikasi kepemilikan situs dan disana ada 3 metode untuk verifikasi kepemilikan silahkan pilih salah satu.

Agar lebih mudah verifikasi situs silahkan pilih saja yang tag meta option nomer 2 kemudia copy tag meta taruh tepat di bawah <head> 

8. Jika sudah di pasang di html kamu silahkan klik simpan tema lalu verifikasi situs kepemilikan dan berikut ini tampilan setelah verifikasi website kamu berhasil

 Dalam gambar di atas pada menu Sitemaps itu masih pending jika berhasil nanti akan berubah menjadi complate.

Cara Submit Bing Webmaster Tools

1. Silahkan ketik di mesin pencarian Submit Url Bing

2. Silahkan isi dengan url artikel yang ingin kalian submit kemudian silahkan isi Verifikasi di atas dan klik submit

3. Berikut ini tampilan jika kalian berhasil submit url artikel kalian

4. Selesai dan selamat kini kalian sudah berhasil daftar dan submit url ke webmaster tools bing

Demikian dulu artikel kali ini semoga bermanfaat dan untuk kalian yang sedang mencari informasi berikut ini sekian dan terimakasih.

Read More

Tutorial Cara Mudah Memasang Kotak Iklan di Blog

Animekume- Untuk tutorial kali ini bagaimana cara memasang kotak iklan di blog dan tutorial pada kesempatan hari ini ada cara memasang kotak iklan blog  yang berukuran 125x125 pixels. Untuk kalian yang mempunyai traffic pengunjung yang banya namun tidak dapat mengaitkat website anda ke google adsense mungkin cara kali ini cukup efektif untuk kalian yang ingin mencari uang dari situs website anda.

Sumber: arlinadzgn.com

Dengan cara memasang kotak iklan ini kalian dapat menjadikan salah satu alternatif untuk mencari uang dan mungkin hal ini juga perlu kalian perhatikan dalam menampilkan space banner iklan agar susunan iklan menarik banyak peminat orang. Jadi jangan sampai asal pasang gambar yang akhirnya nanti iklan yang ditampilkan berantakan dan menjadi kurang menarik.

Tutorial Memasang Kotak Iklan 125x125 Pixels 

1. Pertama, silahkan login ke akun Blogger kalian

2. Pilih Tema

3. Klik edit HTML 

4. Langkah selanjutnya silahkan tambahkan kode dibawah ini Sebelum kode ]]></b:skin> atau </style>

/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}

5. Kemudian Jika sudah Simpan Template

6. Untuk langkah selanjutnya silahkan klik Tata Letak > Tambahkan Gadget > Pilih HTML atau Javascript > Selanjutnya silahkan masukan widget baru yang ingin kalian tampilkan space banner

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>

7. Silahkan di perhatikan

A href : Url Iklan yang kalian tuju

Title : Judul Iklan Kalian

scr : Url Gambar yang di tuju

Silahkan di sesuaikan dengan benar

Mungkin untuk artikel kali ini cukup sampai disini dulu ya teman-teman semoga saja kalian bisa menerapkan semua tutorial yang kami berikan tanpa ada eror yang terjadi sekian dan terimakasih banyak sudah berkunjung.

Sumber : arlinadzgn.com

Read More

Tutorial Cara Mendaftar dan Memasang Hitstats di Blog Cepat dan Mudah

Animekume- Pada kesempatan kali ini seperti biasa saya akan memberikan tutorial cara mendaftar hitstat dan cara menggunakan widgetnya untuk blog dengan lengkap, Hitstats meruupakan salah satu widget dari sekian banyak pilihan yang bisa kalian gunakan untuk melihat jumlah pengunjung pada blog kalian.

Mungkin untuk sebagian orang hal ini tidak di perlukan karena untuk menjaga privasi blog agar tidak mudah di baca oleh visitor namun pada Hitstats kali ini kalian bisa merubah settingannya menjadi privasi dan hanya kalian saja selaku pemilik blog yang bisa melihat statistik pengunjung.

Animekume merupakan salah satu pengguna widget hitstats yang sudah lumayan lama karena perhitungan traffic yang akurat untuk mengukur statstik pengunjung blog. Pada kesempatan ini semoga saja tutorial di bawah ini dapat bermanfaat untuk kalian yang sedang mencari tutorial cara pasang hitstats dan cara mendaftarnya berikut saya kasih panduan lengkap untuk pemasangan dan pendaftaran pada hitstats, silahkan di simak baik-baik ya juragan.

CARA MENDAFTAR HITSTATS

1. Langkah pertama iyalah kalian buka terlebih dahulu situsnya di www.hitstats.com

Halaman Pertama Hitstats

2. Jika kalian sudah masuk ke halaman Hitstats selanjutnya pilih tulisan Register lalu klik

3. Isi alamat data lengkap kalian untuk mendaftar Hitstats Lalu klik Register

4. Jika sudah mendaftar kalian sekarang hanya tingga menunggu email untuk konfirmasi

5. Setelah berhasil konfirmasi hitstats sekarang kalian tinggal pilih menu login pojok kanan atas

6. Langkah berikutnya silahkan klik Add a website untuk menambahkan situs yang ingin di pantau statistiknya

7. Setelah kalian Add a website silahkan di isi alamat situs anda, untuk bahasa silahkan menggunakan bahasa indonesia namun untuk kalian yang mempunyai blog bule silahkan sesuaikan dengan bahasa di blog kalian.

8. Untuk Stats Visibility Silahkan di sesuaikan selera bisa dilihat untuk semua orang atau bisa juga untuk privasi.

Saran saya untuk Stats Visibility sebaiknya kalian gunakan saja untuk privasi.

9. Jika sudah berhasil sekarang kalian tinggal klik website kalian yang tertera

10. Selanjutnya Klik Counter Code untuk mendapatkan script widget Hitstats

11. Klik Daftar New Counter 

12. Silahkan Pilih Icon yang sesuai untuk kalian

13. Jika sudah memilih icon sekarang copy semua kode HTML Hitstats

14. Untuk tahap pendaftaran kini sudah selesai dan sekarang kita tinggal pasang widget hitstatsnya saja

CARA MEMASANG HITSTATS

1. Login ke akun Blogger kamu

2. Pilih Tata Letak

3. Klik Tambahkan Gadget

4. Pilih Tambahkan HTML / Javascript

5. Untuk Judulnya silahkan kosongkan dan selanjutnya PASTE kode HTML Hitstats lalu klik simpan

6. Jika sudah simpan setelan Blogger dan lihat tampilan Blog untuk melihat Hitstats

7. Jika sudah muncul berarti pemasangan sudah berhasil dan tinggal menunggu hari esok untuk melihat trafficnya

Gimana cukup mudah bukan cara mendaftar dan memasang widget Hitstats di blog, Mungkin untuk hari ini tutorial kali ini cukup sampai disini dulu ya gan semoga bermanfaat dan menabah informasi pengetahuan umum kalian. Sekian dulu terimakasih sudah berkunjung.

Jika ada perihal yang ingin ditanyakan silahkan komentar di kolom komentar yang sudah tersedia di bawah ini.

Read More