Summary Info

Buat Recent Post

noreply@blogger.com (Summary) — Mon, 13 Apr 2009 17:02:00 +0000

Buat recent post atau posting terbaru, Recent Post adalah juga salah satu fasilitas didalam blogger yang mesti ada dalam setiap halaman blog, seperti fasilitas lain seperti pada posting sebelumnya yaitu Buat recent comments, pada posting kali ini yaitu buat recent post berfungsi untuk menampilkan hasil posting terakhir yang terekam dan akan ditampilkan pada menu recent post, sehingga pengunjung bisa dengan cepat mengetahui pada blog yang dibuka postingan yang terbaru. Recent post ini juga bisa menambah tampilan blog kita menjadi bagus dan menarik bagi para pengunjung. Kita bisa memasang recent post ini di sidebar, footer atau tempat lainnya dimana saja tergantung kesukaan anda. Adapun cara membuat Recent post atau post terbaru adalah sebagai berikut :

1. Login ke blogger

2. Pilih menu "Layout"

3. Kemudian copy script dibawah ini, dan pilih mau ditempatkan dimana :

<script style="" src="http://www.geocities.com/agsis14/rspost.js"></script><script style="">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://summaryinfo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Perhatiankan angka 5 merupakan jumlah posting terakhir yang ingin ditampilkan pada recent post. Dan ganti summaryinfo.blogspot.com dengan nama blog anda.

4. Recent post bisa tampilkan di sidebar atau lainnya terserah anda, jika mau ditampilkan di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas ke kotak yang dipilih.

Selamat mencoba

Buat Recent Comments

noreply@blogger.com (Summary) — Fri, 10 Apr 2009 07:00:00 +0000

Buat recent comments atau komentar terbaru, Recent comments adalah salah satu fasilitas juga di dalam blogger yang mesti di pasang pada setiap halaman blog, dengan adanya recent comments ini maka kita sebagai pemilik blog dan juga para pengunjung blog akan dengan cepat mengetahui postingan apa yang di komentari dan pada artikel apa yang dikomentari. pada posting kali ini yaitu buat recent comments berfungsi untuk menampilkan hasil komentar terakhir yang terekam dan akan ditampilkan pada menu recent comments. Recent comments ini juga bisa menambah tampilan blog kita menjadi bagus dan menarik bagi para pengunjung blog kita. Kita bisa memasang recent post ini di sidebar, footer atau tempat lainnya dimana saja tergantung kesukaan anda. Adapun cara membuat Recent comments atau komentar terbaru adalah sebagai berikut :

1. Login ke blogger

2. Pilih menu "Layout"

3. Kemudian copy script dibawah ini, dan pilih mau ditempatkan dimana :

<script style="text/javascript" src="http://geocities.com/asct14/rscomments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://summaryinfo.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

Perhatiankan angka 10 merupakan jumlah komentar terakhir yang ingin ditampilkan pada recent comments. Dan ganti summaryinfo.blogspot.com dengan nama blog anda.

4. Recent comments bisa tampilkan di sidebar atau lainnya terserah anda, jika mau ditampilkan di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas ke kotak yang dipilih.

Selamat mencoba

Meringkas Label Jadi Blogroll

noreply@blogger.com (Summary) — Sun, 05 Apr 2009 04:33:00 +0000

Label merupakan salah satu fasilitas standar yang diberikan oleh blogger, dengan label tersebut postingan kita akan tersusun menjadi seperti daftar isi sehingga mempermudah pengunjung blog dalam mencari artikel. Namun karena label standar tersebut terlalu panjang kadang akan memakan banyak tempat jika postingan kita sudah banyak, salah satu cara untuk meringkas label dan membuatnya menjadi seperti blogroll adalah sebagai berikut :

1. Login ke Blogger.
2. Masuk ke Layout -> Edit HTML
3. Jangan lupa "CENTANG" Expand Template Widget
4. Cari Kode yang seperti ini atau yang mirip :

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

5. Jika sudah ketemu, copy kode dibawah ini dan letakkan dibawah kode diatas

<div style='width:100%; height:100px; overflow:auto;'>

6. Setelah itu, cari kode ini

<data:label.name/>
</a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
</ul>

7. Tambahkan kode </div> , di bawah kode tadi
8. Save Template, dan kode komplitnya seperti terlihat dibawah ini.

<b:widget id='Label1' locked='false' title='Daftar Posting' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='width:100%; height:100px; overflow:auto;'>

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget

Selamat Mencoba

Tukar Link Otomatis

noreply@blogger.com (Summary) — Fri, 03 Apr 2009 16:55:00 +0000

Ada banyak cara untuk meramaikan blog yang kita buat, salah satunya memperbanyak link. Maka dari itu tukar link bisa mempercepat blog kita jadi terkenal. Silahkan memasang link anda disini dan saya minta anda memasang link blog ini di blog anda. Jika saat saya berkunjung ke blog anda tidak menemukan link ke blog saya di blog anda, maka akan saya menghapus link anda disini, oleh karena itu silahkan anda konfirmasikan dikomentar dimana (URL) link blog ini anda letakkan di blog anda.

Ayo kita perdalam per-blogger-an kita demi menjamin persaudaraan bersama, terima kasih dan salam blogger.

Menampilkan Posting Berkaitan

noreply@blogger.com (Summary) — Sat, 21 Mar 2009 12:54:00 +0000

Posting berkaitan atau link bekaitan atau artikel pada kategori sama atau artikel bertautan atau postingan terkait atau-atau, merupakan bagian judul posting terkait dan biasanya ditampilkan berdasarkan penamaan label atau kategori, Posting berkaitan ini biasanya berupa link yang tampilkan dibawah postingan tepatnya di bawah kolom komentar. Dengan posting berkaitan ini akan mempermudah pengunjung blog untuk mencari artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam link label. Salah satu cara membuat Posting berkaitan diantaranya sebagai berikut :

1. Buka blogger.com dan Login

2. Masuk ke Layout –>Edit HTML

3. Cari kode <head>..</head> atau cari saja kode </head> dengan bantuan Ctrl+F, Copy paste kode javascript dibawah ini dan letakkan 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>

4. Cari kode dibawah ini.

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !="true"'>,</b:if>
</b:loop>
</b:if>

5. Jika sudah ketemu sisipkan kode dibawah ini diatas kode </b:loop> diatas.

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>

6. Kode lengkapnya menjadi seperti dibawah ini.

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

7. Masuk layout—>Page Elements—>add Widget Copy-paste kode dibawah ini dan beri judul sesuka anda misalnya, "Artikel yang berkaitan" -> kemudian Save.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

8. Untuk menampilkan posting berkaitan ini hanya di halaman tunggal saja dan bukan pada halaman utama maka kita perlu menambahkan kode seperti dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
</b:if>

caranya sebagai berikut :

- Masuk Edit HTML ->

- Centang pada Expand Widget Template ->

- Cari kode dibawah ini, Jika sudah ditemukan masukan kode diatas seperti terlihat lengkap dibawah ini.

<b:widget id='HTML9' locked='false' title='Artikel yang berkaitan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Pasang Komentar di Bawah Posting

noreply@blogger.com (Summary) — Sat, 21 Mar 2009 12:46:00 +0000

Media Komentar adalah salah satu sarana untuk berkomunikasi antar sesama pengunjung di blogger, dengan adanya kotak komentar ini maka jika pengunjung belum faham artikel yang di baca atau sekedar sharing maka para pengunjung yang lain bisa memberi tanggapan, sehingga terjadi komunikasi dua arah walaupun tidak komunikasi secara langsung. Salah satu cara membuat kotak komentar di bawah postingan adalah sebagai berikut :

1. Login ke blogger.
2. Masuk ke Tab “Layout –>Edit HTML”
3. Beri tanda cek kotak “Expand Widget Templates”
4. Cari kode dibawah ini, jangan lupa pakai bantuan Ctrl+F, dan masukkan kode di kotak Find.

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

5. Ganti kode diatas dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

6. Klik Simpan dan lihat hasilnya.

Install Wordpress di XAMPP

noreply@blogger.com (Summary) — Fri, 20 Mar 2009 10:48:00 +0000

Menyambung postingan yang lalu cara install XAMPP pada postingan kali ini akan dijelaskan bagaimana cara install Wordpress di XAMPP. Langka-langkah yang perlu dilakukan adalah sebagai berikut :

1. Buat sebuah folder baru di c:\xampp\htdocs dengan nama wordpress sehingga folder yang baru menjadi c:\xampp\htdocs\wordpress. Ekstrak file mesin Wordpress 2.7.1 bisa donwload di http://wordpress.org/ jika anda belum download dan tempatkan di c:\xampp\htdocs\wordpress. Isi file di folder wordpress seperti terlihat di gambar bawah ini.

Jika isi file di folder wordpress seperti yang tertera di gambar samping ini berarti proses pengisian dengan mesin wordpress 2.7.1 sudah benar.

2. Setelah proses diatas selesai buka web browser yang anda pakai, disini pakai Mozilla Firefox 3.0.6, pada address bar tersebut tulis localhost dan enter. Kemudian akan muncul gambar seperti di bawah kiri ini. Klik saja pada kata English dan akan muncul gambar seperti dibawah kanan.

3. Setelah muncul XAMPP for Windows cari di sidebar sebelah kiri dan klik phpMyAdmin akan muncul gambar kiri dibawah ini. Pada Create new database tulis nama database yaitu wordpress kemudian klik Create akan muncul gambar bawah sebelah kanan. Sampai disini proses pembuatan database untuk wordpress sudah selesai.

4. Langkah selanjutnya buka web browser dan ketik localhost/wordpress di address bar dan enter yang akan muncul gambar kiri di bawah ini, klik saja Create a Configuration File akan muncul gambar sebelah kanannya. Kemudian klik Let’s go.

5. Setelah klik Let’s go akan muncul gambar kiri bawah. Isi database name : wordpress, Username : root, Password kosongi saja, Database host : localhost dan Table Prefix : wp_ Setelah itu klik Submit yang akan muncul gambar kanan bawah. Langsung klik Run the Install.

6. Setelah klik Run the install akan muncul gambar bawah kiri. Isi Blog Title dengan nama blog anda dan Your E-mail dengan alamat e-mail anda terus klik install Wordpress yang akan muncul tampilan seperti bawah kanan. Catat passwordnya atau copy paste biar mudah untuk login nanti, terus klik Log in.

7. Setelah klik Log In akan muncul gambar kiri bawah, masukkan passwordnya dan klik Log In akan muncul gambar sebelah kanan dan itulah tampilan Wordpress di localhost. Di sini kita bisa bereksperimen membuat blog tanpa harus online ke internet.

8. Untuk membuka wordpress, buka web browser tulis localhost/wordpress/wp-admin di address bar klik enter. Tampilan setelah klik enter akan seperti gambar bawah ini. Masukkan password dan klik Log In akan tampil seperti gambar atas kanan dan siap ber Wordpress ria lagi.

9. Dan langkah-langkah diatas bisa dipakai jika mau menginstall joomla, bagi yang senang joomla. Tentang cara install joomla di XAMPP saya posting berikutnya. Bersambung..

Buat Widget Daftar Isi

noreply@blogger.com (Summary) — Thu, 19 Mar 2009 17:38:00 +0000

Paftar isi blog berfungsi untuk mempermudah para pengunjung mencari artikel yang mereka kehendaki, dengan daftar isi ini tema yang dicari akan cepat ditemukan sehingga pengunjung tidak perlu susah payah membuka halaman perhalaman. Di blog ini sengaja saya mengkoleksi berbagai jenis pembuatan daftar isi dengan harapan pengunjung bisa memilih mana yang cocok untuk di terapkan di blognya. Postingan kali ini juga di jelaskan bagaimana membuat daftar isi dengan memakai javascript. Langkah-langkah membuat daftar isi sebagai berikut :

Login ke blogger, lalu masuk ke page element.
Klik add page element, bisa di sidebar atau di bagian footer, terserah anda.
Pilih html / javascript .
Selanjutnya, copy paste kode di bawah :

<div style="border: 1px solid #000; overflow: auto; height: 220px;"> <script style="text/javascript" src="http://geocities.com/asct14/d_isi.js"></script> <script style="text/javascript"> var numposts = 1000; var showpostdate = false; var showpostsummary = false; var numchars = 100; var standardstyling = true; </script> <script src="http://namablogmu.blogspot.com/feeds/posts/default? orderby=published&alt=json-in-script&max-results=999 &callback=showrecentposts"></script> </div>

4. Ganti namablogmu dengan nama blog anda. Anda bisa memodifikasi widget tersebut, seperti keterangan dibawah ini. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. Seperti text berikut :

var numposts = 1000;
var showpostdate = false; 
var showpostsummary = false; 
var numchars = 100;
var standardstyling = true;

Cara Install XAMPP

noreply@blogger.com (Summary) — Thu, 19 Mar 2009 08:49:00 +0000

XAMPP adalah sebuah software aplikasi yang bisa dipakai untuk menjalankan Wordpress atau Joomla di komputer PC atau istilahnya di localhost, jadi kita bisa menjalankan Wordpress atau Joomla di PC kita tanpa harus online ke internet. Sehingga kita bisa mempelajarinya dengan mudah, cepat dan langsung terlihat hasilnya tanpa kuatir biaya internet yang membengkak.

Sebenarnya ada beberapa software free yang bisa dipakai untuk membuat Wordpress atau Joomla di localhost diantaranya AppServ 2.5.9, Uniserver dan XAMPP. Disini hanya mencoba menjelaskan cara install XAMPP saja yang lainnya search saja dengan bantuan Google. Software yang diperlukan :

XAMPP for windows bisa didownload di http://www.apachefriends.org/en/
Engine wordpress 2.7.1 bisa didownload di http://wordpress.org

1. Setelah download XAMPP dan Wordpress 2.7.1. diatas jalankan program XAMPP akan tampil seperti gambar dibawah ini.

Pada gambar samping ini kita bisa memilih konfigurasi bahasa yang akan digunakan untuk XAMPP di pilih saja bahasa inggris dan kemudian klik OK.

2. Akan muncul seperti gambar sebelah kiri, klik saja Next. Muncul lagi seperti gambar sebelah kanan, disini anda bisa merubah tujuan installasi XAMPP, default c:\xampp. kemudian klik next.

3. Muncul lagi seperti gambar sebelah kiri disini anda bisa centang seperti gambar saja. Klik saja next akan muncul tampilan seperti gambar sebelah kanan. Dan tunggu sampai selesai.

4. Setelah beberapa saat akan muncul seperti gambar dibawah ini, klik saja Finish.

5. Klik Ok gambar sebelah kiri dan klik No gambar sebelah kanan pada gambar dibawah ini. Setelah itu restart komputer anda biar MySql berjalan normal.

6. Setelah di restart berarti komputer sudah ada XAMPP dan siap untuk dipakai menjalankan Wordpress atau Jommla secara offline atau tidak tersambung ke internet. Bagaimana caranya akan saya posting di postingan selanjutnya. Bersambung…

Membuat Daftar Posting Pakai FEED

noreply@blogger.com (Summary) — Wed, 18 Mar 2009 16:10:00 +0000

Banyak cara dalam blogger untuk membuat daftar isi dari hasil postingan, ada yang pakai bantuan Javascript, Feed2JS, edit HTML dan lain-lainya. Disini ada salah satu cara yang sederhana tidak perlu edit HTML atau pakai bantuan Javascript yaitu pakai bantuan FEED. Adapun caranya sebagai berikut :

1. Log in ke Blogger anda.

2. Klik Tab Layout >Page Element

3. Pilih Add Element atau add a gadget tempat dimana anda ingin meletakkan daftar postingan.

Setelah mengklik add elemen, maka akan muncul popup yang berisi banyak pilihan elemen atau gadget. Silahkan pilih FEED dan klik tanda tambah.Seperti terlihat di gambar bawah ini :

4. Setelah anda klik tanda + maka akan muncul form Configurasi Feed tempat untuk mengisi alamat FEED. Seperti gambar berikut ini :

5. Masukkan alamat Feed Url kategori dari blog anda. Jika anda ingin membuat daftar postingan berdasarkan kategori News, maka alamat Feednya adalah seperti di bawah ini :

http://bloganda.blogspot.com/feeds/posts/default/-/News

6. Kemudian isi feed url di form lalu tekan continue atau selanjutnya.

7. Setelah itu maka akan muncul form yang berisi preview daftar posting berdasarkan kategori yang anda masukkan. Ganti judulnya sesuai keinginan anda lalu Save.

Jika Label atau kategori menggunakan dua kata dan dipisahkan spasi. Maka ditengah-tengah label tersebut disisipkan persenduapuluh.

http://blogmu.blogspot.com/feeds/posts/default/-/New%20Post

Perhatikan karakter yang berwarnah merah diantara New dan Post.

Membuat Daftar Isi

noreply@blogger.com (Summary) — Wed, 18 Mar 2009 01:29:00 +0000

Daftar posting adalah sebuah daftar dari semua topik yang telah kita postingkan, ini sangat perlukan pada sebuah blog mengingat semakin lama akan semakin banyak topik yang akan di posting, sehingga kalau tidak dibuatkan daftar isi maka pembaca akan susah dalam mencari topik-topik yang pernah diposting. Untuk mempermudah pembaca dalam mencari topik yang ingin dibaca maka daftar isi sangat perlu untuk dibuat. Cara sederhana untuk membuat daftar isi diantaranya sebagai berikut :

1. Log in ke account blogger anda.
2. Masuk ke tab Layout>>Edit HTML
3. Klik kotak kecil pada box Expand widget templates.
4. Cari Code seperti dibawah ini :

<b:include data='post' name='post'/>

5. Ganti kode diatas dengan kode di bawah ini.

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#999999;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

6. Kemudia klik Save .
7. Kemudian copy paste kode dibawah ini dan tempatkan di widget sidebar atau dimana sesuka anda akan menaruh daftar posting.

<a href="http://namablogmu.blogspot.com/search?max-results=200">Show all post »»</a>

Ganti namablogmu dengan blog anda dan juga angka 200 dengan angka sesuka anda yang menunjukkan jumlah postingan tiap halaman.

Menulis Kode HTML di Posting

noreply@blogger.com (Summary) — Thu, 12 Mar 2009 14:08:00 +0000

Para blogger pemula biasanya kesulitan dalam menulis kode html atau kode javascript di posting, karena kode yang ditulis pada saat membuat posting dengan setelah dipublikasikan ternyata berbeda tampilannya. Sebagai contoh, kita menulis kode < atau > dan ingin tampil persis seperti itu saat diposting, tetapi ternyata kode tersebut malah hilang. Untuk mengantisipasi hal tersebut maka kita harus mamakai cara seperti cara dibawah ini dan ini berlaku baik di posting wordpress atau blogger.

Ada dua cara menampilkan kode HTML di postingan yang bisa kita lakukan. Secara manual dengan cara mengganti beberapa karakter menjadi complimentnya atau diganti secara otomatis menggunakan tools HTML Encoder.

I. Konversi Manual

Kalau yang memilih melakukan secara manual bisa melihat daftar kode pengganti berikut ini :

Karakter HTML Pengganti Karakter

< <

> >

& &

" "

± ±

Spasi  

© ©

II. Konversi Online

1. Kunjungi Encode Decode HTML Converter atau disini.

2. Masukkan kode html atau kode javascript yang ingin ditampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak tersebut ke posting Anda. .

4. Pilih menu “HTML” di kotak posting untuk memasukkan kode hasil encode tersebut sebelum memasukkan kode html yang sudah di-encode tadi, jangan dimenu “Compose”.

Menu Multi Kolom

noreply@blogger.com (Summary) — Sun, 08 Mar 2009 15:23:00 +0000

Untuk membuat template kita lebih ringkas dan tidak memakan ruang yang banyak maka kita perlu untuk membuat susunan tampilan yang singkat dan terorganisasi serta tersusun rapi, salah satu caranya adalah kita memakai Menu Multi Kolom, secara ringkas cara untuk membuat menu multi kolom sebagai berikut :

1. Buka blogger.com dan login ke account anda
2. Pilih Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode ]]></b:skin>

div.TabView div.Tabs {
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center; 
height: 24px; 
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; 
border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Serif;
font-weight: 900;
color: #000; 
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; 
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; 
overflow: hidden;
background-color: #FF9900; 
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

5. Masukkan kode dibawah ini sebelum kode </head>

<script src='http://geocities.com/asct14/tabview.js' type='text/javascript'/>

6. Kemudian Save

Masuk ke Layout-->Page Elements-->pilih Add Gadget yang ditempatkan menu multi kolom terus pilih HTML/Javascript
Masukkan script menu multi kolom dibawah ini ke gadget yang dipilih :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 294px;">
<a>menu 1</a> 
<a>menu 2</a>
<a>menu 3</a>
</div>
<div class="Pages" style="width: 294px; height: 150px;"> 
<div class="Page">
<div class="Pad">

<ol>
<li>Link 1 menu 1 </li>
<li>Link 2 menu 1 </li>
<li>Link 3 menu 1 </li> </ol>
</div>
</div>
<div class="Page">
<div class="Pad">

<ol>
<li>Link 1 menu 2 </li>
<li>Link 2 menu 2 </li>
<li>Link 3 menu 2 </li> </ol>
</div>
</div>
<div class="Page">
<div class="Pad">

<ol>
<li>Link 1 menu 3 </li>
<li>Link 2 menu 3 </li>
<li>Link 3 menu 3 </li> </ol>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Ubah nilai-nilai diatas dan sesuaikan dengan template yang dipakai. Untuk kode-kode unik HTML warna minta bantuan sama Google saja biar cepat ketemunya.

menu 1, menu 2 dan menu 3 --> diganti nama sesuai selera kita, misalnya Tutorial, Bisnis dan lainnya.

Link 1 menu 1, Link 1 menu 2 dan Link 1 menu 3 --> Pasang link anda yang mau dipanggil misalnya

<a href="http://www.blogmu.com" target="_blank">Blogmu</a> --> Nama yang akan tampil di menu adalah Blogmu dan target=”_blank” berfungsi untuk membuat tab baru jika Blogmu di klik.

Untuk mengganti warna Blogmu bisa ditambahi <font color=”Blue”>Blogmu</font> jadinya seperti

<a href="http://www.blogmu.com" target="_blank"><font color=”Blue”>Blogmu</font></a>

Jadinya seperti di sebelah kanan blog saya ini

Selamat mencoba

Windows XP Genuine

noreply@blogger.com (Summary) — Sat, 07 Mar 2009 19:01:00 +0000

Sebelum membuat Windows XP Genuine, test dulu pakai MGADiag apakah Windows XP yang mau diambil registrynya Windows XP Genuine atau tidak, kalau tidak genuine, cari komputer yang sudah genuine. Fungsi dari kita membuat Windows XP ini jadi Genuine adalah agar kita bisa menembus masuk ke situs Microsoft dan bisa mendownload aplikasi-aplikasi yang disediakan di websitenya Microsoft, jadikan bukan untuk menghindari kalau ada operasi software bajakan kita bisa berkelit.

Cara mendapatkan file registry sebagai berikut :

Jalankan regedit dari Run dan cari tempat ini HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion. Klik kanan pada CurrentVersion->pilih Export-> simpan dengan nama misalnya CurrentVersion ekstensi.reg, terus disave. Edit registry currentVersion tersebut dan ambil saja seperti contoh dibawah ini.
Masuk lagi ke HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrenVersion\WPAEvents. Klik kanan pada WPAEvents -> pilih Export-> simpan dengan nama misalnya WPAEvents ekstensi.reg, terus disave.
Gabungkan kedua file registry diatas. Setelah itu jalankan file tersebut.
Jalankan file MGADiag, download disini. jika genuine berarti berhasil jika belum, ke langkah 5.
Jalankan file Windows XP-KB905474-ENU-x86. Bisa download disini.

Contoh Registry Windows XP Pro Genuine

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion]
"SubVersionNumber"=""
"CurrentBuild"="1.511.1 () (Obsolete data - do not use)"
"InstallDate"=dword:48e07a8e
"ProductName"="Microsoft Windows XP"
"RegisteredOwner"=""
"SoftwareType"="SYSTEM"
"CurrentVersion"="5.1"
"CurrentBuildNumber"="2600"
"ProductId"="76487-OEM-0064623-90390"
"DigitalProductId"=hex:a4,00,00,00,03,00,00,00,37,36,34,38,37,2d,4f,45,4d,2d,\
30,30,36,34,36,32,33,2d,39,30,33,39,30,00,2d,00,00,00,41,32,32,2d,30,30,30,\
30,31,00,00,00,00,00,00,00,ac,37,0b,4d,50,e1,98,a5,a2,ad,02,9a,d6,90,03,00,\
00,00,00,00,ae,df,e0,48,27,fc,09,00,02,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,32,37,38,30,30,00,00,00,00,00,00,00,38,12,\
00,00,bf,9e,a1,1c,f7,01,00,00,2f,16,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,bb,eb,9c,b2

"LicenseInfo"=hex:33,8e,ea,18,0a,83,04,e4,9b,e9,db,f8,9c,05,48,69,ff,d5,20,91,\
d6,56,f3,cc,0e,c1,a2,2e,0d,c3,43,02,ad,cd,77,b7,00,72,8c,cc,1e,ad,eb,04,54,\
72,fd,e1,4b,cc,21,83,45,76,c6,72

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\WPAEvents]
"OOBETimer"=hex:ff,7b,37,0d,4a,53,41,92,60,12,e0,1f
"LastWPAEventLogged"=hex:d8,07,09,00,01,00,1d,00,06,00,34,00,36,00,cb,00

Selamat mencoba.

Readmore Satu Halaman

noreply@blogger.com (Summary) — Sat, 07 Mar 2009 18:08:00 +0000

Readmore satu halaman adalah readmore yang membuka memanjang kebawah dalam satu halaman itu jika kata readmore tersebut di klik. Seperti readmore yang dipakai pada blog ini. Untuk mempercepat pencarian kode HTML gunakan kombinasi tombol Ctrl+F, tekan bersamaan, masukkan kode yang mau dicari ke kolom Find. Tekan Next atau Previous untuk mencari kode yang lain yang sama.

Caranya sebagai berikut :

1. Buka account blogger klik disini.
2. Pilih "Layout" dan pilih "Edit HTML", centang "Expand Template Widget"
3. Cari kode </head>,
4. Copy kode berikut diatas kode </head>:

5. Cari kode ini:

6. Ganti kode <div class='post-body entry-content'> dengan kode dibawah ini:

7. Cari kode ini:

8. Tambahkan kode dibawah ini, dibawah kode <p><data:post.body/></p>.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Summary...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

9. Klik "Simpan Template"
10. Sekarang Klik Tab "Setting" dan pilih "Format"
11. Scroll kebawah sampai ketemu "Post Template", masukkan kode ini

<span id="fullpost">
</span>

12. Untuk posting Klik "Edit HTML" , masukkan bagian postingan yang akan terlihat di halaman awal blog di atas kode <span id="fullpost"> dan yang tampil setelah tekan readmore dibawahnya, dan pastikan diatas kode </span>

13. Dan bagi yang senang dengan tampilan readmore yang lebih komunikatif, kata-kata [+/-]Readmore... dan [+/-]Summary.. diatas bisa diganti dengan kode “<data:post.title/>” Dengan penggantian kode tersebut kata readmore akan berganti dengan Judul Postingan dan itu akan berganti secara otomatis jika kita melakukan postingan yang baru.

Selamat mencoba.