[ Tutorial ] Cara membuat Read More pada blogger

Kalian tau ga sih, kalau setiap kita masuk kehalaman awal pasti muncul postingan kita full 1 postingan, kalo tiap satu postingan blog kita hanya sedikit si gapapa, tapi kalau tiap 1 postingan kita panjang banget kan gimana gitu?, halaman utama bisa2 hanya nampil full 1 postingan saja, jadinya kurang efektif aja, kalau ada orang yang mengunjungi blog kita merasa akan malas untuk melihat2 blog kita, solusinya adalah kita dengan membuat read more, atau baca selengkapnya, agar halaman utama blog kita akan menampilkan banyak postingan kita yang berbeda2, gimana caranya ? kita langsung aja yaaa ke TKP ..

• Sebelumynya ya sudah pasti lah, buka blog kita -> rancangan -> edit HTML
• Trus ceklis Expand template Widget
• Oh ya, sebelumnya backup dulu tempelate anda agar jika nanti terjadi hal-hal yang tidak diinginkan bisa dikembalikan ke seperti semula.
• Kalau sudah, cari tag </head> dengan cara menggunakan fitur find pada browser kita tekan ctrl+f, kalau sudah ketemu ketikkan kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'> 

var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> 

<script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Keterangan :
Bila kalian ingin merubah / memodifikasi ukuran Readmore pada blog anda, ubah saja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

• Kemudian untuk selanjutnya  cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Untuk kata Read More... bisa diganti dengan kata apa saja, kalau semuanya sudah selesai jangan lupa di save dan pratinjau terlebih dahulu, apa bila gagal, ulangi kembali dari awal dengan mengupload ulang backupan template anda, Do it with your own risk yaa, gak tanggung gue kalo ada apa-apa. hehehe, sekian dan terimakasih yaa udah mampir .. :)
Kalo Mau Share / CoPas biasain dicantumin blog sumbernya yaaa .. 

>>Selengkapnya Gann

[ Tutorial ] Cara membuat Artikel Terkait/Related Post pada blogger

Kali ini saya ingin posting tentang cara menambahkan related post/artikel terkait pada blogspot, agar memudahkan pengunjung untuk melihat-lihat postingan yang sudah kita buat, kalo pengunjung betah kan blog kita jadi rame dan meningkatkan rank blog kita, ya ga ? hahaha, 
Langsung aja kita ke TKP yuu ..

• Pertama-tama Masuk blogger ->  rancangan -> edit html -> centang expand template widget
• Sebelumnya Backup template anda agar blog anda bisa kembali seperti semula apabila ada kegagalan.
• Lalu cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </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>

Kalo sudah di copy dan paste kode di atas, kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/> 

<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>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Setelah selesai semua, jangan lupa untuk di save, dan pratinjau blog anda apakah berhasil atau tidak, kalau tidak berhasil, ulangi caranya dari awal, terlebih dahulu upload backupan template yang sebelumnya anda backup..


okeh terima kasih, sekian dari saya.

Kalo Mau Share / CoPas biasain dicantumin blog sumbernya yaaa .. 

>>Selengkapnya Gann

[ Tutorial ] Cara mengubah text Shutdown & Startup Windows 7

Kali ini gue ingin sharing dari ilmu yang gue dapet, gue cari, dan gue pahami selama ini. Setelah sekian lama gue nyari cara ini, akhirnya berhasil juga mengedit text shutdown dan startup di windows 7, langsung aja deh ke TKP .hehehe :) 

• pertama2 download dulu resource hacker di sini 
• Kalo sudah di download, install dan open as administrator aplikasi resource hackernya.
• Buka file yang bernama winlogon.exe.mui terdapat di c:\windows\system32\en-US\ ,jika sudah perhatikan gambar dibawah ini :

• Ikuti sama persis seperti gambar diatas, maka akan terlihat kalimat2 yang seperti kalian lihat kalau menyalakan komputer, ganti saja dengan kalimat yang anda inginkan, harus di antara tanda kutip, seperti : ganti kata "Welcome" dengan "Selamat datang"
• kalau sudah jangan lupa di compile dengan cara klik tombol Compile Script.
• Jika anda ingin iseng2 ganti kata-kata atau kalimat yang lainnya, coba resource2 yang lainnya, yang terdapat di folder String Table.
• Sekedar info saja, kalo anda ingin mengedit2 yang lainnya, buka saja winload.exe.mui, dan wininit.exe.mui cari kata/kalimat yang biasa anda lihat di startup/shutdown windows, biasanya terdapat di folder String Table atau Message Table..

Ini hasilnya yang sudah saya lakukan :

Sekian dari tutorialnya, saya gak tanggung jawab yah, Do it with your own risk :) , tapi kalo mau tanya2 atau ada kesulitan, silahkan isi saja komentarnya ...


Kalo Mau Share / CoPas biasain dicantumin blog sumbernya yaaa .. 

>>Selengkapnya Gann