Cara Mempercepat Koneksi Internet Paling Ampuh pada Windows 7

Assalamualaikum Warahmatullah Wabarakatuh

Koneksi internet anda lambat.?.lelet.?.lemot.?.jangan panik..disini saya akan berbagi beberapa tips untuk mempercepat koneksi internet pada Laptop/PC utamanya pada windows 7. Tentu semua teman-teman sekalian ingin koneksi internet yang cepat, dengan koneksi internet yang cepat maka hati tenang karena loading page / download cepat tentunya,, hehehehe...sebagai catatan bahwa perlu digaris bawahi kalau koneksi internet cepat bisa diperoleh jika sumbernya juga cepat (Wireless, Hotspot, Wifi, Modem, dan semacamnya) dengan kata lain paket data/ paket internet+Jaringan harus bagus pindu'.

Ok, dari pada panjang lebar bahas ini dan itu, mendingan langsung saja yaaa..berikut adalah cara lengkapnya.

Cara Pertama
Operation System seperti windows membatasi user dalam penggunaan bandwidth koneksi internet, kurang lebih sekitar 80% jatah bandwidth yang diberikan untuk digunakan oleh user dan 20% nya biasanya digunakan untuk windows update dll. Nah, sekarang yang akan saya lakukan disini adalah memaksimalkan/memaksa kinerja dari jatah penggunaan bandwidth menjadi 100% karena mubazir jika tidak digunakan sepenuhnya..hehehehe.
  • Diposisi desktop pada keyboard tekan "Windows"+"R" kemudian masukkan "gpedit.msc" selanjutnya tekan "Enter" atau "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan pilih tahapan berikut "Local Computer Policy" > "Computer Configuration" > "Administrative Templates" > "Network" > "QoS Packet Scheduler" Kemudian Double klik/klik dua kali pada "Limit Reservable Bandwidth"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pilih "Enable" kemudian pada "Bandwidth Limit (%)" isikan dengan angka "0" dan terakhir pilih "Apply" dan "Ok" 
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan restart laptop/PC untuk melihat perbedaannya.

Cara Kedua
Untuk cara kedua ini, tujuannya sama dengan cara pertama yaitu memaksimalkan/memaksa kinerja untuk mencapai jatah penggunaan bandwidth menjadi 100%.
  • Diposisi desktop pada keyboard tekan "Windows"+"R" kemudian masukkan "regedit" selanjutnya tekan "Enter" atau "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan pilih tahapan berikut "HKEY_LOCAL_MACHINE" > "SOFTWARE" > "Policies" > "Microsoft" > "Windows" Kemudian klik kanan folder Windows pilih "New" > "Key" dan beri nama key tersebut "Psched"
  • Tapi jika folder tersebut sudah ada, abaikan saja langkah diatas.
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7

Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Selanjutnya klik kanan "Psched" pilih "New" > "DWORD (32-bit) Value" beri nama value tersebut "NonBestEffortLimit"
  • Klik kanan pilih "Modify" atau Klik dua kali kemudian pilih "Decimal" dan isi value data dengan 0 dan terakhir klik "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7

Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan restart laptop/PC untuk melihat perbedaannya.

Cara Ketiga
Hampir semua operation system melakukan konfigurasi secara default pada jangkauan hardware wireless pada posisi menengah/medium. Pada cara ketiga ini saya akan berbagi cara Membuat/Memaksa Kinerja Hardware untuk bekerja optimal dalam jangkauan area wireless. jika cara ini dilakukan maka Laptop/PC akan semakin kuat dalam mencari jaringan WIFI/Hotspot.
  • Klik icon wireless pada pojok kanan bawah kemudian pilih "Open Network and Sharing Center"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Pilih "Change Adapter Settings"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Klik kanan pada "Wireless Network Connection" kemudian pilih "Properties"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pada Tab "Networking" pilih "Configure"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pada Tab "Advanced" di menu "Property" pilih "Roaming Aggressiveness" kemudian pada "Value" pilih paling tinggi "5 Highest" dan terakhir pilih "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan restart laptop/PC untuk melihat perbedaannya.

Cara Keempat
Cara ini hampir sama dengan cara ketiga, yang membedakan hanyalah hardware yang digunakan. jika pada cara ketiga hardware yang digunakan adalah wireless maka pada cara ini hardware yang digunakan adalah Local Area Connection. Kali ini yang akan dimaksimalkan adalah speed atau kecepatan lalu lintas dari perangkat keras/hardware.
  • Klik kanan pada icon wireless pada pojok kanan bawah kemudian pilih "Open Network and Sharing Center"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Pilih "Change Adapter Settings"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Klik kanan pada "Local Area Connection" kemudian pilih "Properties"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pada Tab "Networking" pilih "Configure"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pada Tab "Advanced" di menu "Property" pilih "Speed &Duplex" kemudian pada "Value" pilih "100 Mbps Full Duplex" dan terakhir pilih "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan restart laptop/PC untuk melihat perbedaannya.
  • Pada "Value" ada beberapa pilihan yaitu Full Duplex dan Half Duplex, alasan memilih "100 Mbps Full Duplex" adalah 100 Mbps merupakan speed tertinggi, kemudian Full Duplex merupakan jenis komunikasi data yang bisa digambarkan seperti jalan raya 2 arah dimana transmisi dua arah dapat berlangsung pada waktu yang sama. Sementara Half Duplex merupakan jenis komunikasi data yang hanya dapat berjalan secara bergantian, jadi transmisi pengirim dan penerima dilakukan secara bergantian (Macet nantinya bang, hehehehe).

Cara Kelima
Kali ini saya akan mengubah priority dari service provider. dengan mengubah priority dari service provider maka koneksi internet pada Laptop/PC akan diprioritaskan sehingga koneksi internet menjadi lebih cepat. secara default angka prioritas dari service provider sangatlah besar, kurang lebih seperti ini.
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7

DnsPriority  = default nya = 2000 > ubah menjadi = 7 atau 1(Prioritas ekstrem) atau sesuai selera
HostsPriority = default nya = 500 > ubah menjadi = 6 atau 1(Prioritas ekstrem) atau sesuai selera
LocalPriority = default nya = 499 > ubah menjadi = 5 atau 1(Prioritas ekstrem) atau sesuai selera
NetbtPriority = default nya = 2001 > ubah menjadi = 8 atau 1(Prioritas ekstrem) atau sesuai selera

Cara lengkapnya adalah sebagai berikut.
  • Diposisi desktop pada keyboard tekan "Windows"+"R" kemudian masukkan "regedit" selanjutnya tekan "Enter" atau "Ok"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7

  • Silahkan pilih tahapan berikut "HKEY_LOCAL_MACHINE" > "SYSTEM" > "CurrentControlSet" > "Services" > "Tcpip" > "ServiceProvider"
  • Cari keempat Value Name diatas yaitu DnsPriority, HostsPriority, LocalPriority, NetbtPriority
  • Klik kanan pada salah satu dari 4 Value Name tersebut kemudian pilih "Modify.." atau Klik 2 kali.
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7

Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  •  Pada bagian "Base" pilih "Decimal" kemudian pada "Value Data" silahkan isi sesuai selera tapi saya sarankan isi dengan angka dibawah 10. terakhir pilih "OK"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Lakukan hal yang sama untuk Value Name lainnya.
  • Jika semua cara diatas sudah dilakukan, Silahkan restart laptop/PC untuk melihat perbedaannya.

Cara Keenam
Cara mempercepat koneksi internet selanjutnya adalah dengan mengganti DNS standar dengan DNS milik Google dan OpenDNS, dengan mengganti DNS ini maka kecepatan internet akan naik kurang lebih 18%-22%.
Caranya adalah sebagai berikut
  • Klik kanan pada icon Wireless/LAN pada pojok kanan bawah kemudian pilih "Open Network and Sharing Center"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Pada bagian Connections pilih jenis hardware yang terhubung ke internet, jika menggunakan wireless maka yang muncul adalah "Wireless Network Connection" tapi jika yang terhubung adalah LAN maka yang muncul adalah "Local Area Connection", jika menggunakan Modem maka yang muncul sesuai dengan jenis modem. Silahkan pilih bagian tersebut.
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Akan muncul tampilan baru, silahkan pilih "Properties"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Double Klik/Klik Dua Kali pada "Internet Protocol Version 4 (TCP/IPv4)"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan pilih "Use the followin DNS server addresses" silahkan masukkan DNS berikut
DNS milik OpenDNS
Preferred DNS Server: 208.67.222.222
Alternate DNS Server: 208.67.220.220
DNS milik Google
Preferred DNS Server: 8.8.8.8
Alternate DNS Server: 8.8.4.4

Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Kedua DNS diatas termasuk kategori DNS tercepat, jadi silahkan pilih sesuai selera.
  • Terakhir pilih "Ok"

Cara Ketujuh
Kali ini saya akan bebrbagi mengenai cara mengaktifkan DNS Cache, sebelumnya perlu diketahui apa sih DNS Cache itu.?. Ok, langsung saya jawab ya..hehehe..DNS Cache digunakan untuk mempercepat load page yang sudah pernah dibuka sebelumnya. jadi saat DNS Cache diaktifkan maka ketika anda membuka webtite/blog, page tersebut akan otomatis tersimpan disystem sehingga saat website/blog tersebut dibuka dilain waktu maka waktu load web tersebut akan sangat cepat karena tidak perlu mendownload seluruh page/halaman.

Berikut cara lengkapnya
  • Klik "Start" atau pada keyboard tekan "Windows" kemudian cari program "Notepad", silahkan jalankan program tersebut
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Silahkan masukkan code berikut pada program notepad diatas.
[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Dnscache\Parameters]
“CacheHashTableBucketSize”=dword:00000001
“CacheHashTableSize”=dword:00000180
“MaxCacheEntryTtlLimit”=dword:0000fa00
“MaxSOACacheEntryTtlLimit”=dword:0000012d

Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Simpan dengan nama "dnscache.reg"
Cara Mempercepat Koneksi Internet Laptop atau PC Paling Ampuh Sepanjang Masa pada Windows 7
  • Jalankan "dnscache.reg". sekarang DNS Cache sudah aktif.
Bagaimana teman.?. apakah Laptop/PC anda sudah tidak lemot/lalod/lambat dalam mengakses internet.?.semoga dengan mengikuti cara-cara diatas maka internet anda sudah lancar...heheheh
Jika ada yang kurang jelas, silahkan bertanya.

Salam

Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog

Assalamualaikum warahmatullah wabarakatuh

Kali ini saya akan membahas mengenai cara menambahkan daftar isi atau sitemap pada blog yang kita punya.
Daftar isi ini sangat berguna bagi pemilik blog maupun pengunjung dari blog tersebut, karena akan mempermudah dalam melihat isi atau apa saja yang ada dalam blog tersebut.
Ok, langsung saja..berikut cara lengkapnya
  • Login terlebih dahulu di Blogger,, selanjutnya pilih "Laman" kemudian "Laman Baru" 
Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog
  • Pilih mode "HTML" kemudian masukkan script/code berikut
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div 1px="1px" solid="solid" style="height: 700px; overflow: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: auto;">
<link href="https://sites.google.com/site/bahagiaduniadanakhirat1/home/script/SitemapV2.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://sites.google.com/site/bahagiaduniadanakhirat1/home/script/daftarisipackv2.js"></script>
<script src="https://bahagia-dunia-dan-akhirat.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://sites.google.com/site/bahagiaduniadanakhirat1/home/script/daftarisiv2.js" type="text/javascript"></script></div>

Catatan: ganti tulisan yang berwarna hijau dengan alamat blog saudara.
Jangan lupa masukkan juga Judul dari laman ini.
jika sudah dimasukkan script/code diatas, maka akan seperti gambar berikut.

Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog

  •  Pilih "Publikasikan" atau "Perbaharui", selanjutnya pilih "Tata Letak", pada gadget laman Seluruh Kolom pilih "Edit"
Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog
  •  Centang Judul Laman yang telah dibuat, disini saya beri judul "Daftar Isi", selanjutnya silahkan pilih "Simpan"
Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog
  •  Silahkan cek Blog/Website saudara, akan muncul judul Tab/Menu Bar dengan judul "Daftar Isi",, silahkan anda pilih atau klik .
Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog
  •  akan dialihkan ke halaman daftar isi yang telah dibuat.
Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog

Cara diatas sangat sederhana dan gampang bukan.?.
Denga adanya Menu TAB "Daftar Isi" ini akan mempermudah dalam melihat atau mencari artikel yang terdapat dalam suatu blog.

Code script lain yang bisa anda terapkan dalam membuat daftar isi ini adalah sebagai berikut

<style type="text/css">
#toc{
width:97%;
margin:5px auto;
border:1px solid #00a3c1;
-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:#ff0000;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#c2fec5 0%,#00c100 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#00c100),color-stop(1,#c2fec5));
border:1px solid #00c100;
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{t
ext-transform:uppercase;
}
.new{
color:#ff0000;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#c2fec5 0%,#FFF 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#FFF),color-stop(1,#c2fec5));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<br />
<div id="toc">
<script src="
https://sites.google.com/site/bahagiaduniadanakhirat1/home/script/sitemap.js" type="text/javascript"></script>
<script src="https://bahagia-dunia-dan-akhirat.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Hasilnya adalah seperti ini..

Cara Terbaik Menambahkan Daftar Isi atau Sitemap Pada Blog

Sebenarnya ada banyak cara dan banyak model yang dishare oleh teman-teman blogger diluar sana, dan itu semua gratis....semua dengan senag hati berbagi, karena berbagi itu indah saudara.. 

Jika ada yang kurang jelas, silahkan bertanya..berbagi itu indah saudara.

Salam

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Assalamualaikum Warahmatullah Wabarakatuh

Kali ini saya akan membahas mengenai cara menggunakan spasi pada versi HTML di suatu blog, Karena dalam HTML tidak mengenal Spasi ataupun Enter seperti biasanya, kedua karakter ini memiliki nama panggilan atau nama samaran yang dikenal oleh HTML, dengan nama ini maka Spasi dan Enter bisa digunakan dalam blog

Ok, langsung saja ya,,berikut adalah cara lengkapnya..

Sekarang saya beri contoh paling sederhana, jika anda membuat artikel di mode HTML maka hanya spasi pertama/tunggal antara dua kata yang terbaca atau muncul, spasi dua kali, tiga kali dan seterusnya tidak akan dikenal. sementara enter tidak akan terbaca meskipun enter pertama, kedua, dan seterusnya.
Berikut adalah contohnya, saya buat artikel mode HTML seperti ini

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

dan hasilnya adalah seperti ini

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Dari kedua gambar diatas sudah jelas bahwa enter pada umumnya tidak dikenal di HTML, begitupun dengan spasi, solusinya adalah mencari tahu nama panggilan yang dikenal oleh si HTML dari kedua karakter ini,berikut pemaparannya

Untuk menggunakan "Spasi" silahkan menggunakan code ini
  • &nbsp; atau &#160; Adalah Script/Kode untuk menampilkan karakter atau yang disebut sebagai spasi tetap (non-breaking space). &nbsp; sama dengan 1 karakter spasi, &nbsp;&nbsp; sama dengan dua karakter spasi, begitu seterusnya. jadi jika ingin menggunakan karakter spasi lebih dari satu gunakanlah kode diatas.
Berikut contohnya, saya coba masukkan kedua script/kode diatas sebanyak enam kali 
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

 Sehingga hasilnya seperti ini, antara kedua kata terdapat karakter spasi sebanyak enam kali.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Selain kode diatas, ada beberapa kode untuk mengurangi jumlah script/kode di HTML,
  • &ensp; adalah script/kode dinamakan berdasarkan blok huruf “N” pada mesin percetakan, spasi “en” (”en” space) memiliki panjang sekitar dua spasi biasa.
  • &emsp; adalah script/kode spasi “em” (”em” space), memiliki panjang sekitar empat spasi biasa.
Tapi perlu diketahui kedua kode ini hanya menyerupai karakter spasi normal pada ummnya, mengapa demikian.?.karena kode tersebut memiliki definisi"sekitar" yang aktualnya seperti banyak karakter spasi padahal kenyataannya hanya satu karakter spasi saja dengan panjang yang berbeda.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Pada gabar diatas saya coba masukkan kode &ensp; sebanyak 3 kali, jadi jumlah karakter spasi seperti 6 karakter spasi nantinya. tapi aktualnya hanya 3 karakter spasi dengan panjang perkarakter seperti 2 karakter spasi biasa.
Kemudian untuk kode &emsp; sebanyak 3 kali, jadi jumlah karakter spasi seperti 12 karakter spasi biasa. tapi aktualnya hanya 3 karakter spasi dengan panjang perkarakter seperti 4 karakter biasa
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Selain Karakter spasi, ada karakter lain yang tidak terbaca di mode HTML, untuk menampilkan karakter Enter perlu nama samaran juga,,heheheh...Ok, berikut adalah script/codenya. <br />
script/kode merupakan kode untuk memberikan jarak spasi antar baris
berikut tampilannya, disini saya menambahkan code tersebut pada artikel yang akan dibuatkan baris baru. 

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Sehingga hasilnya seperti ini.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Bagaimana.?. Gampang kan.?. pastilah..hehehehe...code ini sangat berguna jika ingin mempercantik atau mempermudah dalam merapikan blog saudara
Jika ada yang kurang jelas, silahan bertanya.

Salam

Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog

Assalamualaikum Warahmatullah Wabarakatuh

Kali ini saya akan membagikan informasi mengenai cara terbaik membuat artikel terkait atau related post pada blog, dengan menambahkan artikel terkait setelah artikel maka akan mempermudah pengunjung dalam membuka artikel yang mungkin sedang dia cari atau mungkin akan membuat pengunjung tertarik untuk membaca artikel yang ada pada artikel terkait tersebut. secara otomatis artikel yang ada di blog saudara akan lebih banyak yang dibuka dibandingkan sebelumnya.

Cara pertama  ini berlaku untuk blog dengan template dari google/Blogger

Ok, Langsung saja ya... Berikut adalah cara lengkapnya.
  • Login terlebih dahulu di Blogger,, Selanjutnya pilih "Template" > "Edit HTML"

  • Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog

  • Kemudian masukkan script/code berikut tepat dibawah code </head> 
<script type="text/javascript">  
//<![CDATA[  
var relatedTitles = new Array();  
var relatedTitlesNum = 0;  
var relatedUrls = new Array(); 
function related_results_labels(json) {  
for (var i = 0; i < json.feed.entry.length; i++) {  
var entry = json.feed.entry[i];  
relatedTitles[relatedTitlesNum] = entry.title.$t;  
for (var k = 0; k < entry.link.length; k++) {  
if (entry.link[k].rel == 'alternate') {  
relatedUrls[relatedTitlesNum] = entry.link[k].href;  
relatedTitlesNum++;  
break;}}}}  
function removeRelatedDuplicates() {  
var tmp = new Array(0);  
var tmp2 = new Array(0);  
for(var i = 0; i < relatedUrls.length; i++) {  
if(!contains(tmp, relatedUrls[i])) {  
tmp.length += 1;  
tmp[tmp.length - 1] = relatedUrls[i];  
tmp2.length += 1;  
tmp2[tmp2.length - 1] = relatedTitles[i];}}  
relatedTitles = tmp2;  
relatedUrls = tmp;}  
function contains(a, e) {  
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;  
return false;}  
function printRelatedLabels() {  
var r = Math.floor((relatedTitles.length - 1) * Math.random());  
var i = 0;  
document.write('<ul>');  
while (i < relatedTitles.length && i < 20) {  
document.write('<li><a href="' + relatedUrls[r] + '">' +   
relatedTitles[r] + '</a></li>');  
if (r < relatedTitles.length - 1) {  
r++;  
} else {  
r = 0;}  
i++;}  
document.write('</ul>');}  
//]]>  
</script>
 
  • Sehingga tampilannya seperti ini
Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog
  • Selanjutnya masukkan script/code berikut tepat dibawah <data:post.body/>, biasanya <data:post.body/> yang kedua 
<b:if cond='data:post.labels'>  
<b:loop values='data:post.labels' var='label'>  
<b:if cond='data:blog.pageType == "item"'>  
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>  
</b:if>  
</b:loop>  
</b:if>   

<b:if cond='data:blog.pageType == "item"'>  
<h4>Related Post</h4>  
<script type="text/javascript">  
removeRelatedDuplicates();  
printRelatedLabels();  
</script>  
</b:if> 
  • Sehingga tampilannya seperti ini
Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog
  • Text yang berwarna hijau bisa diganti sesuai selera
  • Selanjutnya pilih "Save Template", nah..sekarang silahkan cek tampilan dari blog saudara, apakah "Artikel Terkait" atau "Related Post" sudah uncul di akhir artikel.?. seharusnya sudah muncul jika sudah sesuai dengan langkah-langkah diatas. kurang lebih tampilannya seperti ini
Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog

Cara kedua ini bisa digunakan untuk template selain bawaan google/blogger

OK, Langsung saja yaa, berikut cara lengkapnya.
  • Login terlebih dahulu di Blogger,, Selanjutnya pilih "Template" > "Edit HTML"

  • Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog

  • Kemudian masukkan script/code berikut tepat diatas code ]]></b:skin>
#related-post {
background:none;
width:100%;
margin:2px 0px;
}
.related-post h5 {
font-size:120%;
margin:0 0 5px;
padding:0;
font-weight:bold
}
.related-post li {
background:url(&quot;https://lh3.googleusercontent.com/-S3vwmQeC8JY/WHovq9XCv7I/AAAAAAAAAY0/PK8wRHkdljYPVe6_VZeC8WQw5WcjLv0gQCLcB/h120/InfoKom251.png&quot;) no-repeat 58px 3px;
color:#2c3e50;
text-indent:0;
line-height:1.6em;
margin:0;
padding:0 0 3px 75px
}
.related-post .widget {
margin:0;
padding:0
}
.related-post ul {
list-style:none;
margin:0;
padding:0;
}
  • Selanjutnya masukkan script/code berikut tepat dibawah <data:post.body/>, Disini anda pasang pada <data:post.body/> yang pertama
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h5&gt;Artikel Terkait:&lt;/h5&gt;&quot;,
numPosts: 5,
titleLength: &quot;auto&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>

<script style="text/javascript" src="https://sites.google.com/site/bahagiaduniadanakhirat1/home/script/relatedpost.js?attredirects=0&d=1"></script>
</b:if>
<!-- Related Post Widget End -->
  • Perhatikan tampilannya berikut.
Cara Terbaik Membuat Artikel Terkait Atau Related Post di Bawah Artikel Pada Blog
  • Text yang berwarna hijau bisa diganti sesuai selera
  • Selanjutnya pilih "Save Template", nah..sekarang silahkan cek tampilan dari blog saudara, apakah "Artikel Terkait" atau "Related Post" sudah uncul di akhir artikel.?. seharusnya sudah muncul jika sudah sesuai dengan langkah-langkah diatas. kurang lebih tampilannya seperti ini
Seharusnya dengan kedua cara diatas sudah dapat memberi titik cerah bagi teman-teman yang ingin memasang "Artikel Terkait" atau "Related Post" pada blog.
Jika ada yang kurang jelas, silahkan bertanya.

Salam