Membuat Related Post Atau Artikel Terkait

12:15:00 PM konixbam

Setelah berhasil membuat "related post/artikel terkait" (yang sesuai dengan label atau kategori dalam blog anda), hari ini akan diberitahukan bagaimana cara membuatnya.
Artikel ini saya adopsi dari realtrix, blog luar negeri yang cukup menarik dan informatif. Disadur ke bahasa Indonesia oleh trikblog, trima kasih boss. Juga dari gagmwkalah.
Oke langsung saja, begini caranya:blogger-emoticon.blogspot.com

Cara Pertama

1. Silakan login ke blogger.com, masuk ke "Tata Letak" kemudian pilih "Edit HTML".
2. Beri tanda centang pada kotak "Expand Widgets Template".
3. Kemudian copy script dibawah ini:


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json)
{
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++)
{
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++)
{
if (entry.link[k].rel == &#39;alternate&#39;)
{
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href)
{
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++)
{
if (json.feed.link[l].rel == &#39;alternate&#39;)
{
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label)
{

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0)
{
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels)
{
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>


kalau tidak bisa(ato ada yg error download disini, buat jaga-jaga).
4. Buka filenya, kemudian copy semua script yang ada di dalamnya.
5. Di dalam script tersebut ada tulisan, “Related Posts by Categories”. Tulisan tersebut bisa diganti sesuai yang Anda inginkan, gak diubah juga gak kenapa-kenapa.
6. Setelah itu cari kode dibawah ini:


<data:post.body/>


7. Paste script tadi dibawahnya. Kemudian "Simpan Template".

Kalau cara pertama sudah berhasil, lebih baik jangan mencoba yang kedua. Entar malah error.blogger-emoticon.blogspot.com

Cara Kedua

1. Silakan login ke blogger.com, masuk ke "Tata Leta"k kemudian pilih "Edit HTML".
2. Beri tanda centang pada kotak "Expand Widgets Template".
3. Cari script <data:post.body/>
3. Copy script di bawah ini, dan letakkan di bawah kode <data:post.body/>


<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font
color='#FFFFFF'><b:loop values='data:post.labels'
var='label'><data:label.name/><b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType ==
&quot;item&quot;'><script
expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;m
ax-results=5&quot;' type='text/javascript'/></b:if></b:loop>
</font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

4. Setelah itu anda cari script </head>
5. Copy script di bawah ini, dan letakkan diatas kode </head>


<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background :url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script

src='http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js'type='text/javascript'/>


6. "Save Template"

Jika Anda belum berhasil mungkin Anda memerlukan bantuan dari orang lain. Atau Anda bisa sharing di artikel ini dengan mengisi form komentar, akan dijawab sebisa mungkin.blogger-emoticon.blogspot.com
read more >

Membuat Highlight Script Di Postingan

10:19:00 AM konixbam

Highlight fungsinya hanya untuk memperjelas kata-kata yang ingin ditonjolkan oleh penulis, karena itu disini pun berlaku hal yang sama. Tujuannya agar pembaca dapat dengan mudah mengetahui apa yang sebenarnya penulis tonjolkan/memperjelas.
Nah, untuk membuatnya disini, caranya sebagai berikut:blogger-emoticon.blogspot.com

Cara Pertama

1. Silahkan Log in terlebih dahulu ke account blogger anda.
2. Pada saat ingin membuat postingan baru, pilih yang "Edit HTML" bukan yang "Tulis".
3. Masukkan Script/kode berikut ke tulisan yang ingin dihighlight.


<div style="background: #DDE4FF; border:1px dotted #223344; padding:5px;">

"Tulisan Yang Ingin Ditonjolkan"

</div>


Keterangan:

background:#DDE4FF;
adalah warna background nya, bisa anda ubah sesuka anda lihat kode warnanya disini

border:1px dotted
adalah garis tepinya "1px" yaitu ketebalan dari garis tepinya, bisa diganti ketebalanya dengan yang lain sesuaikan dengan template Anda, sedangkan "dotted" adalah jenis border pada kotak highlight script kamu, ganti sesuai selera.

#223344 adalah kode warna border.

padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.
tambahkan overflow:auto; jika ingin menambahkan fungsi scroll pada kotak Highlight.

Untuk background dengan gambar gunakan kode dibawah ini:


<div style="background:url(http://gambar_pilihan.jpg); width:440px; height:400px; padding:5px;">

"Tulisan Yang Mau Dihighlight"

</div>


Text yang tercetak tebal diatas adalah url gambarnya.
width:440px; adalah lebar kotak Highlight.
height:400px; adalah tinggi kotak Highlight.

contoh:
pangeran
kodok
suram
4. Terbitkan Entri. Selesai.blogger-emoticon.blogspot.com

Cara Kedua

1. Silahkan Log in terlebih dahulu ke account blogger anda lalu klik "Kustomisasi" dan masuk ke menu "Layout" atau "Tata Letak" kemudian masuk menu "Edit HTML".
2. Copy kode dibawah ini dan pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>


.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
}


Keterangan:

background:#DDE4FF;
adalah warna background nya, bisa diubah sesuka hai lihat kode warnanya disini.

border:1px dotted
adalah garis tepinya "1px" yaitu ketebalan dari garis tepinya, bisa diganti ketebalanya dengan yang lain sesuaikan dengan template anda, sedangkan "dotted" adalah jenis border pada kotak highlight script, ganti sesuai selera, klik disini untuk melihat jenis border.

#223344 adalah kode warna border.

padding:5px 5px 5px 5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jarak dari garis tepi.

3. Kalau sudah, kemudian Simpan.

Cara Posting

Supaya kode/scriptnya bisa ada tepat di kotak Highlight,untuk memposting sebuah postingan harus pakai cara-cara tertentu.Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yang akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.


<p class="alert">

"Postingan Yang Mau Dihighlight"

</p>


Selesai.
blogger-emoticon.blogspot.com

Sumber: http://blogkomputers.blogspot.com dan http://trik-tips.blogspot.com

read more >

Trik Mempercepat Proses Startup Windows XP

1:47:00 PM konixbam

Dalam tips ini saya akan memberitahukan bagaimana mempercepat proses start up pada OS Windows XP.blogger-emoticon.blogspot.com
Langkah pertama klik pada "start" dan klik "Run...", perintah ini akan membuka aplikasi RUN, setelah itu ketik "regedit", lalu tekan Enter.
Gambar:
regedit
Sekarang carilah key "StartupDelay" dengan mengikuti langkah seperti dibawah ini:

cari "HKEY_LOACAL_MECHINE" expand "SYSTEM"expand lagi "CurrentControlSet" expand "Control" dan klik "ContentIndex"
Terus cari "StartupDelay" setelah itu double klik key tersebut, pada "Base" aktifkan decimal. Disini terlihat nilai default dari key ini adalah 4800000, ganti angka tersebut menjadi 40000 atau kurang dari nilai awalnya yaitu 480000, kemudian klik "OK".

Langkah selanjutnya Kamu harus me-restart komputer kamu, dan lihat perbedaannya.

Kalo belum ada perubahan, blogger-emoticon.blogspot.comcoba langkah berikut:
1. Cari folder "Prefetch" yang ada umumnya di C:\WINDOWS\Prefetch\
2. Kemudian hapus semua isi dari folder tersebut. Selesai.blogger-emoticon.blogspot.com

Dengan cara diatas, startup windows akan lebih cepat karena tidak perlu me-load file cache di folder "Prefetch" tadi. Karena File Cache anda hapus maka berikutnya jika windows akan menjalankan aplikasi, jangan heran jika start nya tidak secepat sebelum anda menghapus cache di folder Prefetchblogger-emoticon.blogspot.com. Jadi sebenarnya Windows mengangangap setiap kali Operating System jalan maka aplikasi-aplikasi sebelumnya juga akan di pakai lagi, sehingga cache aplikasi-aplikasi tersebut di jalankan pada saat Start Up XP.
Tapi jika loading aplikasi lebih cepat bukan prioritas Anda. Maka Tips ini bisa anda lakukan, agar lebih mudahnya ikuti langkah - langkah di bawah ini agar cache di "Prefetch" bisa otomatis dihapus setiap kali shutdown komputer.

Kalo mau dihapus secara otomatis maka perlu dibuat file .bat nya. Sebagai berikut:
1. Buat Notepad ketik kode berikut ini(Folder/Drive sistem menyesuaikan dengan komputer masing - masing)


Del C:\WINDOWS\Prefetch\. /q


2. Simpan di C:\WINDOWS\ dengan nama hapus.bat (ubah nama hapus.txt menjadi hapus.bat)
3. Dari menu "start" kemudian "Run..." ketik "gpedit.msc" dan Enter
4. Expand "Computer Configuration" expand "Windows Setings" dan klik "Scripts(Start Up/Shutdown)"
5. Double Klik Shutdown pada panel sebelah kanan. Klik tombol "Add", kemudian "Browse..." ke "C:\WINDOWS\hapus.bat" (tempat file Notepad yang tadi sudah dibuat). "OK"-"OK". Selesai
blogger-emoticon.blogspot.com
read more >

Cara Membuat Read More di Blogger Baru

11:29:00 AM konixbam

Setelah lama berjuang dan menghalalkan segala cara, surfing ke blog-blog ternama nyari tutorialnya, yang ujung - ujungnya ketemu error melulu, blogger-emoticon.blogspot.com akhirnya bisa juga buat read more... di blog ini. blogger-emoticon.blogspot.com
Nah, karena itu akan coba sharing caranya.
Tutorial ini dibuat oleh A. Fatih Syuhud. blogger-emoticon.blogspot.com
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).

Cara Pertama

1. Buka template (klik "Kustomisasi")-> "Tata Letak" -> "Edit HTML" -> Kasih tanda tik/centang pada menu "expand widget tempate"
Gambar 1:
centang


2. Letakkan kode berikut persis di atasnya kode </head>


<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


Gambar 2:
template_2

3. Letakkan kode berikut di bawah kode


<p><data:post.body/></p>


kode berikut:


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


Gambar 3:
template_3

4. Klik "SIMPAN TEMPLATE". Selesai.

5. Klik tab "Setting" atau "Pengaturan", terus klik "Formatting" atau "Format". Di paling bawah ada kotak kosong di samping menu "Template Posting". Isi kotak kosong tersebut dengan kode berikut:


"postingan yang muncul di halaman depan"
<span class="fullpost">
"lanjutan postingan"
</span>


Jangan lupa klik "SIMPAN PENGATURAN".

6. *Cara Memposting
Ketika memposting, klik Edit HTML (bukan Compose atau Tulis). Maka, secara otomatis akan tampak kode


"postingan yang muncul di halaman depan"
<span class="fullpost">
"lanjutan postingan"
</span>


Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode


<span class="fullpost">
dan("lanjutan postingan")
</span>


Apabila Anda berhasil melakukan cara bikin Read More... di atas tak perlu lagi mencoba cara di bawah. Cara di bawah cuma sebagai alternatif dan agak lebih rumit di banding cara yang di atas.

Cara Kedua

1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di Template blog Anda:


<div class='post-header-line-1'/>
<div class='post-body'>


4. Kalau sudah ketemu, letakkan kode berikut di bawah kode html di atas:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Di Bawah kode di atas ada kode html sebagai berikut:


<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


6. Nah, di antara kode


<p><data:post.body/></p>
dan
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


pasang kode html ini:


<a expr:href='data:post.url'>Read More ... </a>
</b:if>


7. Jadi, susunan kode html di template setelah ditambah dengan kode READ MORE... akan menjadi seperti ini:


<div class='post-header-line-1'/><div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Klik "SIMPAN TEMPLATE". Selesai. blogger-emoticon.blogspot.com

* Cara Mempostingnya sama dengan cara memposting yang diatas.


Masalah Yang Sering Dihadapi
blogger-emoticon.blogspot.com
1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:

XML error message: The element type “style” must be terminated by the matching end-tag “”.

Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Kalau menemukan pesan error bx-xxxx atau apalah, coba bersihin cache internet atau coba edit blog Anda dengan mengganti dengan menggunakan browser yang lainnya.

3. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai. Selamat ngeblog di blogger / blogspot dengan Read More...

Sumber: http://afatih.wordpress.com/2007/10/26/cara-buat-read-more-di-blogger-baru/
blogger-emoticon.blogspot.com
read more >

Birthday

12:21:00 PM konixbam

This day is my birthday...
blogger-emoticon.blogspot.com
wishing all best for maself.
konix_tiny_bday_cake
klik untuk memperbesar.
blogger-emoticon.blogspot.com


Semoga dengan bertambahnya umur, dijadikan tambah dewasa, semakin sukses, dan yang terbaik untuk semua.
read more >

Trik Mempercepat Proses Shutdown Windows XP

11:31:00 AM konixbam

Proses Turn Off Komputer anda lama ?
blogger-emoticon.blogspot.com Simak tips berikut untuk mengatasi masalah tersebut tanpa menggunakan software Utility lainnya.
Langkah - langkahnya:

1. Klik tombol "Start" kemudian klik "Run"
2. Ketik : "Regedit"
3. Setelah jendela Regedit terbuka, cari key : "HKEY_CURRENT_USER" expand, cari "Control Panel" expand lagi, dan klik "Desktop".
4. Doubel Klik pada nilai : "HungAppTimeOut".
5. Rubah nilainya menjadi 4000 atau kurang dari nilai awalnya, nilai sebelumnya kemungkinan 5000 atau 20000, kemudian klik ok.
6. Langkah selanjutnya cari key : "KEY_LOCAL_MACHINE" expand, cari "SystemCurrentControlSet" expand, klik "Control".
7. Doubel Klik pada : "WaitToKillServiceTimeOut" dan ubah nilainya menjadi : 4000 atau kurang dari nilai awalnya, kemudian klik ok.


Sekarang tutup jendela regedit dan coba matikan komputer Anda untuk melihat perubahan yang dihasilkan. Kalau mau semakin cepat, ubah nilai-nilai tadi semakin kecil.
blogger-emoticon.blogspot.com
Semoga cara ini bisa mengatasi masalah Anda.

sumber: http://ilmututorial.blogspot.com
read more >

Deret Bintang II

9:23:00 AM konixbam

For adalah konstruksi perulangan tanpa kondisi, artinya instruksi di dalam badan perulangan, diulangi sebanyak n kali yang dispesifikasikan oleh pemrogram. Dimana jumlah perulangan sudah diketahui atau dapat ditentukan sebelum eksekusi.
Untuk menentukan berapa kali perulangan dilakukan, diperlukan peubah dan pencacah.
Peubah ini nilainya selalu bertambah/berkurang satu kali setiap perulangan dilakukan. Jika pencacah perulangan sudah mencapai jumlah yang dispesifikasikan, maka proses perulangan berhenti.

Ada 2 macam bentuk for:
1. Menaik (Ascending) contoh: for(int a=1; a<=b; a++)
2. Menurun (Descending) contoh:
for(int a=1; a<=b; a--)


Soal:
1. Buatlah program untuk menampilkan deret bintang-bintang sebanyak n (n adalah inputan user)?

blogger-emoticon.blogspot.com
nah ini jawabannya:

source code:

source_code
klik untuk memperbesar.

Tampilannya:

tampilan_matrix
klik untuk memperbesar.
blogger-emoticon.blogspot.com
read more >

Deret Bintang I

9:00:00 AM konixbam

Misal, membuat program untuk menampilkan deret bintang - bintang.
blogger-emoticon.blogspot.com
contoh:

tampilan_deret_bintang
klik untuk memperbesar.


Maka buatlah source codenya:

source_code_bintang
klik untuk memperbesar.

Nah, selamat mencoba.
read more >

Iklan