Cara Membuat Artikel Terkait (Related Post) dibawah Posting

Cara Membuat Artikel Terkait (Related Post) dibawah Posting - Apa itu artikel terkait? artikel terkait yaitu untuk membantu pengunjung melihat artikel lain dalam label yang sama. Ini akan memudahkan si pengunjung.
Lansung cara membuat artikel terkait

1. Masuk ke blogger
2. Template
3. Pilih Edit HTML
4. Centang expand template widget
5. Cari kode </head>
6. Letakan script dibawah ini tepat diatas 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>

Kemudian anda cari kode <data:post.body/> kemudian letakan script berikut ini dibawah 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>

Ganti kata "Artikel Terkait" (tanpa tanda kutip) dengan kata lain jika anda mau. Terakhir, simpan template. Semoga bermanfaat Cara Membuat Artikel Terkait (Related Post) dibawah Posting

Read more »

Cara Mempercepat Loading Blog Yang Harus Anda Ketahui

Cara mempercepat loading blog ada beberapa macam, salah satunya dengan menggunakan script Lazyload.
Awalnya script ini ada di wordpress, sekarang sudah ada untuk blog juga.

Cara memasang Script Lazyload
1. Login ke Blogger
2. Pilih Template
3. Klik Edit HTML
4. Cari kode </head>
5. Letakan Script dibawah ini tepat diatasnya

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200}); }); </script>

Semoga Artikel Cara Mempercepat Loading Blog Yang Harus Anda Ketahui bisa bermanfaat.
Sekian dan Terimakasih

Read more »

Cara Membuat Spoiler Untuk HTML, SCRIPT dan GAMBAR di Blog

Kali ini saya akan membahas tentang membuat spoiler. Spoiler biasanya digunakan untuk kode HTML, Script, ataupun Gambar agar terlihat rapi, dan menghemat waktu loading. Jika spoiler nya gambar yang sangat banyak akan sulit pengunjung karena lama loadingnya.

Kode Spoiler:

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Disini Kode, Text atau script yang akan disisipkan. <br> </div> </div> </div>

Ganti kata "Judul Spoiler" dengan judul spoiler anda dan "Disini Kode, Text atau script yang akan disisipkan"  dengan isi spoiler
Hasilnya akan seperti ini

Judul Spoiler:

Disini Kode, Text atau script yang akan disisipkan.

Itu saja dari Rizki Computer tentang Cara Membuat Spoiler Untuk HTML, SCRIPT dan GAMBAR di Blog. Semoga bermanfaat. Sekian dan Terimakasih.

Read more »

Cara Membuat Text Box Area

   Kali ini kita membahas tentang Text Box Area. Apa itu Text Box area?. Text Box area biasanya digunakan untuk memasang kode html yang dimaksud agar lebih mudah di copy oleh pengunjung.

Untuk membuat Text Box anda tinggal membuat kode di bawah ini lalu silahkan pasang di gadget anda.

1. Login ke blogger

2. Layout

3. Add Gadget

4. HTML/Java Script

5. Masukan kodenya

6. Save

Kode Text Box nya seperti ini:

<p align="center"><textarea name="code" rows="3" cols="40"> Isi text anda atau kode2 HTML</textarea></p>

Silahkan atur angka "rows" (tinggi kolom) dan "cols" (lebar kolom) sesuai keinginan anda

Hasilnya akan seperti ini:

Contoh Text Box

Untuk menggunakan tombol highlight seperti berikut:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Contoh Text Box yang akan dicopy</textarea></p></div></form>

Hasilnya seperti ini

Contoh Text Box yang akan dicopy

Itu saja dari Rizki Computer tentang Cara Membuat Text Box Area . Semoga bermanfaat.
Sekian dan Terima Kasih

Read more »

Cara Menulis Kode HTML/Script di Blog

Ketemu lagi. Seperti yang sudah saya katakan, bahwa hari ini kita akan memberi kategori baru yaitu "tutorial blog". Pertama-tama saya akan memposting artikel ini, karena ini dasar-dasarnya. Kali ini saya akan membahas tentang Cara Menulis Kode HTML/Script di Blog ,  cara menulis kode html/script itu mudah, ini langkah-langkahnya:

1. Kunjungi http://htmlentities.net/
2. Taruh kode HTML pada kotak yang tersedia
3. Klik Encode
4. Lihat pada kotak Result, copy kode yang ada pada kotak result dan tempatkan/paste di
    postingan/artikel blog anda.

Itu saja tentang Cara Menulis Kode HTML/Script di Blog dari Rizki Computer. Semoga Bermanfaat untuk anda. Sekian dan Terimakasih

Read more »

Tips Merawat USB Modem

Mobile modem adalah modem yang dibawa kemana-mana baik modem CDMA maupun modem GSM. Mobile modem ini membutuhkan perawatan agar bertahan lama dan awet. Kan kalau rusak siapa yang repot? pasti kita,harus mengeluarkan uang lagi untuk membetulkannya atau juga harus membeli yang baru lagi. Repot kan?.

Berikut ini tips merawat modem anda:

1.Simpanlah modem anda ditempat yang aman
Maksudnya aman itu berarti modem anda harus disimpan ditempat yang sejuk, tidak boleh ditempat yang panas atau  terkena panas matahari langsung. Kalau modem itu dibawa simpanlah disaku atau di tempat sejuk lainnya.

2.Jangan lupa penutup port modem
Setelah anda menggunakan modem itu dan ingin mencabutnya dari cpu, jangan lupa menutupnya lagi. Karena kalau dibiarkan  port usb itu bisa terkena debu. Selain itu mencegah terkena benda cair juga,dll.

3.Jangan lama lama
Sebaiknya kalau menggunakan modem itu jangan lama lama (menurut saya) karena modem itu akan panas,semakin lama semakin panas. Bahkan bisa meleleh kalau modem anda itu luarnya terbuat dari plastik yang tidak tahan panas.

4.Gunakan Safely Remove Hardware
Mencabut modem langsung tanpa menstop modem itu terlebih dahulu, akan membuat modem itu cepat rusak Karena modem sedang bekerja terus tiba tiba berhenti, jadi mengagetkan modem itu (kalau diibaratkan). Sebaiknya di klik Safely Remove Hardware dan pilih usb yang akan dicabut

Itulah tips merawat mobile modem dari Rizki Computer. Semoga artikel ini membantu dan bermanfaat untuk anda.

Read more »