Blogging, Trik, Tips, Free Software

Sabtu, 03 Oktober 2015

Cara Mempercepat Loading Mozilla Firefox

Diposting oleh Boeztanoel di 17.32 4 komentar

Kebanyakan para peselancar di dunia maya kalo tidak menggunakan browser Google Chrome ya Mozilla Firefox. Dan hal-hal yang bikin males saat berselancar di dunia maya adalah soal loading browser yang lemot. Apakah sobat pengguna Mozilla Firefox yang lemot loadingnya? Kalo iya, maka sobat beruntung karena kali ini Oplosanblog akan coba share tips dan trik bagaimana cara optimasi untuk mempercepat loading pada browser.

Tips dan triknya mudah sekali, tidak ada 15 menit sudah bisa dilihat hasilnya. Oke langsung saja ya, ikutin langkah-langkah berikut
1. Buka terlebih dahulu browser Firefox sobat
2. Kemudian ketikkan about:config di address bar, klik enter, apabila muncul tulisan “Saya berjanji akan berhati-hati” atau “I’ll be careful, I promise!”, klik di tombol yang ada tulisannya tadi.

3. Search key code pada kotak pencarian seperti gambar di bawah ini

4. Berikut key code yang perlu sobat rubah supaya loading mozilla firefoxnya tidak lemot :

network.http.pipelining ubah false menjadi true
network.http.proxy.pipelining ubah false menjadi true
network.dns.disableIPv6 ubah false menjadi true
network.http.max-connections ubah nilai nya jadi ‘64’
network.http.max-connections-per-server ubah nilai nya jadi ‘21’
network.http.max-persistent-connections-per-server ubah nilai nya jadi ‘8’
network.http.pipelining.maxrequests ubah nilai nya jadi ‘100’

5. Selain key code di atas yang dirubah, sobat juga perlu menambahkan key code berikut ini, dengan klik kanan pada area kosong :

Klik kanan - Pilih new - integer - Ketik "content.max.tokenizing.time" - Masukan dengan nilai "1000000"
Klik kanan - Pilih new - integer - Ketik "content.notify.interval" - Masukan dengan nilai "500000"
Klik kanan - Pilih new - integer - Ketik "content.notify.backoffcount" - Masukan dengan nilai "5"
Klik kanan - Pilih new - integer - Ketik "content.switch.threshold" - Masukan dengan nilai "500000"
Klik kanan - Pilih new -integer - Ketik "nglayout.initialpaint.delay" – Masukan dengan nilai "0"
Klik kanan - Pilih new - boolean - Ketik "content.interrupt.parsing" - Pilih "true" - Klik Oke
Klik kanan - Pilih new - boolean - Ketik "content.notify.ontimer" - Pilih "true" - Klik Oke

6. Terakhir restart browser sobat.
Demikian tips dan trik cara mempercepat loading mozilla firefox, semoga bisa bermanfaat. Apabila ada tips dan trik lainnya bisa sobat share di komentar di bawah.

Continue reading →

Minggu, 19 Oktober 2014

Cara Mengubah Winrar Menjadi Full Version Tanpa Crack dan Keygen

Diposting oleh Boeztanoel di 19.01 7 komentar

Tips n Trik

Cara Mengubah Winrar Menjadi Full Version Tanpa Crack dan Keygen

Setelah lama tidak posting artikel karena kesibukan penulis, kali ini Oplosanblog kembali hadir untuk menyajikan postingan-postingan yang bermanfaat bagi pengunjung sekalian. Hehehe.., Dan pada kesempatan ini Oplosanblog akan share mengenai cara mengubah winrar menjadi full version tanpa menggunakan crack maupun keygen.

Pasti bikin bete kan, kalau pengen buka file winrar tiba-tiba ada notifikasi untuk beli lisensi setelah 40 hari pemakaian. Nah, untuk mengakalinnya supaya winrar nya jadi full dan tidak ada notifikasi lagi di bawah ini Oplosanblog akan jelaskan step by stepnya. Mudah kok, tinggal modal copypaste doang. Cekibroot...

Tutorial Cara Mengubah Winrar menjadi Full Version :
1. Buka Notepad
2. Copypaste kode script dibawah ini :

RAR registration data
GoDesain
Unlimited Company License
UID=85809e6a0fde94d8fa95
6412212250fa95dc80957d3b78af9245c62d98787c33099debe20a
4d39faf3beaeaf7ba62060fce6cb5ffde62890079861be57638717
7131ced835ed65cc743d9777f2ea71a8e32c7e593cf66794343565
b41bcf56929486b8bcdac33d50ecf77399600ffeefe7a2041d7fe7
9f06594bd79c285c2c19d7d9a786d95f8a05e6141248ddb9d9830f
6977c3aab5c4e4e651e4813323e9eb20ac3fd8b7173262fc601959
515d0a89683aae2654bfd31328af3e331535ea2d85dc1402723610

atau copypaste script yang ini

RAR registration data
Federal Agency for Education
1000000 PC usage license
UID=b621cca9a84bc5deffbf
6412612250ffbf533df6db2dfe8ccc3aae5362c06d54762105357d
5e3b1489e751c76bf6e0640001014be50a52303fed29664b074145
7e567d04159ad8defc3fb6edf32831fd1966f72c21c0c53c02fbbb
2f91cfca671d9c482b11b8ac3281cb21378e85606494da349941fa
e9ee328f12dc73e90b6356b921fbfb8522d6562a6a4b97e8ef6c9f
fb866be1e3826b5aa126a4d2bfe9336ad63003fc0e71c307fc2c60
64416495d4c55a0cc82d402110498da970812063934815d81470829275

3. Kemudian Save As Notepad
4. Isi dengan nama rarreg.key
5. Pada kolom Save as type pilih All files
6. Klik Save
7. Terakhir copypaste rarreg.key tadi ke folder dimana Winrar diinstall
My Computer --> C:\Program Files\WinRAR
8. Selesai. Coba buka winrar sobat, dah jadi full version belum. Hehe..
Semoga postingan kali ini bermanfaat yah, selamat mencoba.

Continue reading →

Selasa, 08 April 2014

Cara Membuat Recent Post Blog Warna - Warni

Diposting oleh Boeztanoel di 17.51 7 komentar

Blogging

Cara Membuat Recent Post Blog Warna - Warni

Oke sobat blogger semuanya, kembali lagi nih saya akan bagikan tutorial blog update terbaru pastinya. Kali ini akan saya share tentang cara membuar recent post warna-warni. Cara buatnya sangat mudah kok, mirip-mirip dengan tutorial membuat popular post warna-warni. Dan keuntungannya memasang widget ini tentunya untuk mempromosikan postingan terbaru kita lewat sidebar di samping blog. Sekaligus juga dengan tampilannya yang warna-warni bisa menambah keindahan blog sobat.

Bagi yang ingin memasangnya di blog sobat, segera ikuti tutorial berikut :
Tahap Pertama
1. Login akun blogger sobat
2. Masuk ke tab menu Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Copypastekan kode berikut ini ke dalamnya

<div id='entrinewdjb'>
<script src="http://djangkarubumi.googlecode.com/files/SerpihanWaktuEntriNew.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NamaBlog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</div>

Keterangan
Ganti kode warna merah dengan alamat blog sobat
Untuk warna biru menandakan jumlah post yang ingin ditampilkan, sesuaikan dengan selera saja
4. Klik Simpan

Tahap Kedua
1. Masuk tab menu Template > Edit HTML
2. Search kode ]]></b:skin> kemudian copypastekan kode berikut di atasnya :

#entrinewdjb ul li a:hover{color:#fff;text-decoration:none}
#entrinewdjb ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#entrinewdjb ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#entrinewdjb ul li:first-child:after,#entrinewdjb ul li:first-child + li:after,#entrinewdjb ul li:first-child + li + li:after,#entrinewdjb ul li:first-child + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#entrinewdjb ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#entrinewdjb ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#entrinewdjb ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#entrinewdjb ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li + li:after{content:"6"}
#entrinewdjb ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#entrinewdjb ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#entrinewdjb ul li:first-child + li + li + li + li:after{content:"5"}
#entrinewdjb ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#entrinewdjb ul li:first-child + li + li + li:after{content:"4"}
#entrinewdjb ul li:first-child + li + li{background:#ffde4c;width:90%}
#entrinewdjb ul li:first-child + li + li:after{content:"3"}
#entrinewdjb ul li:first-child + li{background:#ff764c; width:90%}
#entrinewdjb ul li:first-child + li:after{content:"2"}
#entrinewdjb ul li:first-child{background:#ff4c54 ;width:90%}
#entrinewdjb ul li:first-child:after{content:"1"}
#entrinewdjb ul{margin:0;padding:0px 0;list-style-type:none}
#entrinewdjb ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

3. Klik Pratinjau untuk lihat hasil sementaranya.

4. Jika sudah sukses berhasil tinggal klik Simpan.

Continue reading →

Cara Membuat Popular Post Warna-Warni

Diposting oleh Boeztanoel di 17.04 2 komentar

Blogging

Pernahkah sobat lihat ada blog yang di bagian sidebarnya ada widget popular post warna-warni. Tertarik bikin yang seperti di blog sobat tidak??. Kalo sobat tertarik maka praktekin aja tutorial dari Oplosanblog kali ini.

Cara Membuat Popular Post Warna-warni
1. Login blogger
2. Masuk ke tab menu Template > Edit HTML
3. Search kode ]]></b:skin> , kemudian copypastekan kode berikut di atasnya :

/* Rainbow Popular Post Style Start */
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#d1ffff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#f59095;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#ff00ff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#5faff2;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#a9ed04;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ffde4c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/* Rainbow Popular Post Style End */

4. Klik Simpan.
Tutorial di atas adalah untuk Popular Post yang warna-warni. Bagi yang ingin Recent Post yang ditampilkan, coba sobat ikuti tutorial yang terbaru ini. Semoga bermanfaat.

Continue reading →

Cara Mudah Membuat Menu Accordion di Sidebar Blog

Diposting oleh Boeztanoel di 16.22 0 komentar

Blogging

Sore sobat Oplosanblog semuanya. Kali ini saya akan memberikan tutorial cara membuat menu accordion yang simple dan mudah tanpa harus Edit HTML. Untuk sumbernya saya dapat dari blognya maskolis. Untuk tampilannya sendiri bagus menurut saya karena bisa memperingkas tampilan blog sobat. Jadi lebih rapi juga. Bagi yang tertarik buat silahkan ikutin tutorial saya di bawah ya.

Cara Mudah Membuat Menu Accordion di Sidebar Blog
1. Login ke akun blogger sobat
2. Masuk ke tab menu Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Kemudian tinggal sobat copypaste saja kode berikut ke dalamnya
Kode untuk template background terang

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DvGlBOffl10g6erIfRl1UqMTZsFcT5N8pZlr9HTeMDnyEqTtHgZP-vzllSieayXwDf8Uq7RJrM6c6h0XGYuSrqDwOEm65mv87XWB-u5fG1qpiy4UHoPdbJOk2KsjnN2hN0CFA3zZ3BQ/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_QkDWqQFwJBDRB-9222CjkbhD-UTNcDn5y7PYJwIAWLl6dItdekj32Cim7du95MmwiI4e1sFP7zvRiu8OeX5Nj1OuFl7fx3dHJh1MOVqBhoS7TbqvT3SvtBgrics3jjLCCsCCpzsShM/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="https://googledrive.com/host/0B9SBWEZ6FHqYOHc2dnI4bDBGSjg/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>
Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>
Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>
Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>
Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>
Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div>
</div>
</div>
</div>
</div>

Kode untuk template background gelap

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ogv5Wv1bsd05hB_kkmetQWD_5khsu98K0upGZEHLhKwcVzXTDLqf40W0humCG_YxO5Dsizu7KHnbNTeChyphenhyphenWPH2AcGejyNShhYz_3aET2LmahZMwuVDULITVh-1TrHjRmTQgOp3myN2s/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExZv6tgAO7TGN1EOmGsS85mqdJaoCGYKVJf6g8pEpChVzn0EHhkLGUxYqPC2dI2LhLwL1z1WZibetRX3Ms4L1UYV5cZEi_1C1BEYEaruN-MjCzsBng_uhB2he9voevdB7vesUpOlh5-k/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style>
<script type="text/javascript" src="https://googledrive.com/host/0B9SBWEZ6FHqYOHc2dnI4bDBGSjg/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>
Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>
Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>
Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>
Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>
Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div>
</div>
</div>
</div>
</div>

4. Klik Simpan
Keterangan :

Title : Judul yang ingin sobat tampilkan di menu accordion
Isi Konten : Silahkan Isi dengan widget sembarang atau juga bisa iklan kalo ada

Bagi yang ingin menyimpan javascript menu accordion silahkan download link dibawah :

Download Javacript Menu Accordion

Continue reading →

Cara Membuat Widget Parse HTML di Blogspot

Diposting oleh Boeztanoel di 15.35 0 komentar

Widget

Dalam dunia blogging pasti akan dibutuhkan yang namanya koding. Misal untuk memasang iklan, atau mengubah tampilan template blognya. Kadang kala kode HTML yang ingin dipasangkan akan menjadikan template error/tidak terbaca, supaya kode-kodenya bisa klop dan terbaca maka perlu di parsekan lewat widget yang akan kita buat ini. Untuk tampilannya setelah jadi akan seperti ini nanti :

Cara Membuat Widget Parse HTML di Blogspot
1. Login ke blogger sobat
2. Masuk ke menu tab Pos
3. Buat postingan seperti biasa namun untuk kode di bawah ini pakai mode HTML yah :

Continue reading →

Senin, 07 April 2014

Cara Membuat Artikel Terkait di Bawah Postingan dengan Gambar Part II

Diposting oleh Boeztanoel di 22.01 0 komentar

Blogging

Melanjutkan postingan saya yang terdahulu tentang cara menampilkan artikel terkait dengan gambar, kali ini tutorialnya mirip-mirip dengan yang dulu itu namun tampilannya berbeda lebih memanjang ke bawah, bukan ke samping. Tentunya lebih enak dilihat lah kalo saya nilai sih. wkwkwk..

Dan disini saya bikin versi part II nya yah karena judulnya sendiri sama dengan postingan yang terdahulu. Jadi silahkan sobat pilih saja sendiri mau pakai tutorial yang lama atau tutorial yang baru ini. Monggo pikir-pikir dulu, sementara untuk hasil jadinya bisa dilihat lewat gambar di bawah ini

Cara Membuat Artikel Terkait di Bawah Postingan dengan Gambar Part II

Tutorial singkatnya sebagai berikut :

1. Login ke akun blogger terlebih dahulu

2. Masuk ke tab menu Template > Edit HTML

3. Search kode </head> dan kemudian copypastekan kode berikut di atasnya

<b:if cond='data:blog.pageType == "item"'>
<style>
#related_posts{}
#related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:14px;  letter-spacing:0;  line-height:20px;  margin:0 0 5px;  padding:5px 10px; background:#03C}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}
#relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
</style>
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 150;
var morelink = "selengkapnya";

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>

4. Selanjutnya cari kode <data:post.body/> dan copypastekan kode berikut di bawahnya