Kamis, 26 Mei 2011

Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot

Jika sebelumnya saya telah membuat posting dengan judul Cara Menghilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) pada Blogspot, kali ini saya akan membuat posting Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot.

Tulisan Diposkan oleh: dan tulisan Label: judul posting, biasanya terletak/berada/tampil di bawah posting. Nah jika Anda ingin menghilangkan tulisan-tulisan tersebut, berikut ini caranya:

Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode;

Untuk menghilangkan tulisan Diposkan Oleh:, cari kode di bawah ini:

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>


Dan jika Anda juga ingin menghilangkan tulisan jam di depan tulisan diposkan oleh:……., maka cari kode di bawah ini:

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>



Hapus/delete semua kode di atas;

Kemudian untuk menghilangkan tulisan Label:……, cari kode di bawah ini:
<span class='post-labels'>
<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>
</span>
 

Hapus/delete semua kode di atas;

Setelah selesai, jangan lupa Save Template.

Demikianlah tutorial tentang Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot ini, semoga bermanfaat.



       Selamat Mencoba, Semoga Sukses
Baca Selengkapnya - Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot

Cara Menghilangkan Tanggal pada Posting Blog

Dalam setiap posting yang dibuat selalu disertai dengan tanggal publishnya.Bagi sebagian orang tanggal pada postingan adalah sangat penting sebagai bagi para pembaca.Namun ada juga yang tidak menginginkan tanggal tersebut.Pada Tutorial Blog kali ini tentang cara menyembunyikan tanggal postingan dengan menggunakan kode tertentu.Cara menghilangkannya adalah sebagai berikut.

1.      Login pada Blogger.
2.      Klik Layout pada Dashboard.
3.      Pada Layout klik Edit HTML dan centang Expand Widget Template.
4.      Temukan kode seperti dibawah ini:

h2.date-header {
margin:1.5em 0 .5em;
}

5.  Ganti kode tersebut dengan kode dibawah ini.

h2.date-header {
margin:1.5em 0 .5em;
display:none;
}

Pada dasarnya dengan penambahan kode display:none;adalah untuk menyembunyikan kode date header.Bila anda ingin menampilkan kembali tanggal posting, hilangkan saja kode display:none;

Selamat mencoba
Baca Selengkapnya - Cara Menghilangkan Tanggal pada Posting Blog

Jumat, 29 April 2011

Cara Pasang Baca Selengkapnya Otomatis

Sedikit berbagi pengetahuan Mengenai Fungsi Baca Selengkapnnya.

Fungsi Baca selengkapnya pada posting adalah untuk menghemat halaman depan website/blog agar tidak terlalu panjang, selain itu juga dapat merangsang pengunjung untuk membaca salah satu posting di halaman depan website/blog tersebut.

Nah jika berkeinginan untuk pasang Baca selengkapnya otomatis pada blogspot Anda, silahkan ikuti langkah-langkahnya sebagai berikut:

Sebelum memulai memasang readmore otomatis pada blogspot/blogger Anda, ada baiknya perhatikan hal-hal sebagai berikut :

  1. Download dan simpan template Anda terlebih dahulu, karena jika pemasangan gagal anda masih bisa mengembalikan blog anda seperti semula;

  1. Jangan lupa untuk memberi tanda centang pada tulisan Expand widget template;

  1. Untuk memudahkan pencarian code, gunakan tombol Find, caranya pada browser Anda klik pada menu Edit lalu pilih Find atau melalui keyboard komputer Anda, tekan Ctrl + F, lalu copy paste code yang mau dicari ke dalam kotak Find lalu Enter/Next;

  1. Ini yang paling penting, apabila sebelumnya Anda sudah menggunakan Readmore versi lama, maka hapus dulu codenya.

Adapun langkah-langkah Cara Pasang Readmore Otomatis adalah sebagai berikut:
  1. Login ke Account Blogger Anda;

  1. Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan script di bawah ini:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script> 

3.Cari dan ganti kode <data:post.body/> dengan semua kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Baca Selengkapnya- <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Keterangan:

Biasanya kode: <data:post.body/> berada di bawah kode: <div class='post-body'>, maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.

Simpan/Save Template, selesai.

Keterangan:

Kita dapat menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnail pada postingan dengan cara merubah kode merah tebal di atas dan berikut penjelasannya :
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;

summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;

summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;

img_thumb_height = 120;: Tinggi thumbnail dalam ukuran piksel;

img_thumb_width = 120;: Lebar thumbnail dalam ukuran piksel;

Baca Selengkapnya-<data:post.title/>: Tulisan
Baca Selengkapnya bisa diganti misalnya dengan “Selanjutnya” dan apabila anda tidak ingin menampilkan judul dibelakang Baca Selengkapnya, Anda bisa menghapus code script ini <data:post.title/>.


= = = = = = =  Selamat Mencoba, Semoga Sukses= = = = = = = =
Baca Selengkapnya - Cara Pasang Baca Selengkapnya Otomatis

Membuat Efek Tulisan berkedip

Membuat Efek Tulisan berkedip
Tulisan berkedip di postingan blog mungkin bisa mempercantik postingan di blog kita Bagi anda yang berminat mau membuatnya ini dia caranya

Pastikan code ini dimana  pun anda suka (harus didalam html pas kamu buat entri baru )

1. Buat postingan kamu dulu baru klik Edit HTML

<blink>Isi postingan yang berkedip</blink>

2. Nanti hasilnya seperti ini

Isi postingan yang berkedip

======Selamat mencoba=====


Baca Selengkapnya - Membuat Efek Tulisan berkedip

Selasa, 29 Maret 2011

Cara Agar Blog Anda Yang tampil hanya Judulnya atau Header saja

1. Login Ke blogger
2. masuk ke rancangan>EDIT HTML ..
3. cari Kode ]]></b:skin> Agar Mempermudah Klik CTRL + F
4. Masukan Kode Yang ada DI bawah ini
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>


Taruh Kode Diatas Di bawah kode ]]></b:skin>

5. Save Template

= = = = = = = = = =  Selamat mencoba = = = = = = = = = = = = =


 
Baca Selengkapnya - Cara Agar Blog Anda Yang tampil hanya Judulnya atau Header saja

Senin, 28 Maret 2011

Cara Menambah 2 atau 3 kolom dibawah header

Cara menembahkan dua dan tiga kolom elemen halaman dibawah header:
  1. Pada dasbor klik Tata Letak=> Edit HTML=> Cari kode berikut ]]></b:skin> jika sudah dapat, letakkan kode berikut diatasnya:

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Kalau sobat dah bisa ngedit CSS atau sedikit bisa membaca maksud perintahnya silahkan edit exp: padding, margin atau bordernya!

2. Kemudian cari kode<div id='main-wrapper'>setelah dapat letakkan kode beikut diatasnya (untuk dua
    kolom dibawah header): 



<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>


Jika ingin tiga kolom dibawah header maka kode berikut yang sobat letakkan diatas kode


<div id='box-main-container'></div>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>




3. Simpan template dan lihat hasilnya dibagian elemen halaman, jika berhasil sobat akan melihat seperti
    screenshot diatas.

Apabila hasil kolom yang baru berada di atas posting atau dengan kata lain tidak sesuai harapan coba cyber mania taruh code diatas tadi di bawah code


<div id='content-wrapper'&gt
dan lihat lagi hasilnya.

= = = = = = = = = = = = = Selamat Mencoba= = = = = = = = = = = = = =
Baca Selengkapnya - Cara Menambah 2 atau 3 kolom dibawah header

Minggu, 20 Februari 2011

Backup data dengan Acronis True Image Home(Full version)

Assalamu’alaikum Wr.Wb.

Saya sedikit berbagi pengetahuan tentang bagai mana cara backup data agar kita tidak repot2 untuk menginstal ulang yang membutuhkan waktu yang cukup lama , siapa tau ada yang belum mengetahuinya dan bisa jadi sumber refernsi baru,yang dimaksud dengan pemulihan cepat adalah Kita dapat mengembalikan suatu partisi (termasuk partisi yang berisi OS, mis Windows XP) kembali pada keadaan semula. Misal suatu saat system kita crash ato kena virus(gak bias booting lagi)
Dengan menggunakan Acronis True Image Home(Full version) kita dapat mengembalikan system seperti semula dalam hitungan menit saja. Jauh lebih cepat bila dibandingkan dengan jika kita harus re-install Windows plus program-program yang laen, dimana bisa makan berjam-jam.

Nah dengan Acronis ini akan dapat menghemat banyak waktu, apalagi jika kita sedang dikejar detline tugas kuliah ato pekerjaan, tentu tudak punya waktu untuk re-install windows xp

berikut langkah-langkanya :

1.Siapkan CD Acronis, jika anda belum punya anda dapat men Donlowd di internet
2.Masukan CD Acronis, setelah itu muncul gambar seperti dibawah ini


















3.Klik Acronis True Image Home(Full version), kemudian muncul tampilan seperti dibawah ini



















4.klik Back Up, kemudian muncul tampilan seperti dibawah ini


















5.Klik My Computer, kemudian muncul tampilan seperti dibawah ini


















6.Conteng pada drie/partisi yang berisi windows(biasanya drive C). Kalau sudah Klik “Next”
7.kemudian muncul tampilan seperti dibawah ini


















8.Pada tambilan Target backup archive pilih “Create new backup arcvhie”
9.Untuk penyimpanan letak data klik “Browse” kemudian muncul tampilan seperti dibawah ini


















10.Klik Ok, kemudian muncul tampilan seperti dibawah ini


















11.Klik “Next” kemudian muncul tampilan seperti dibawah ini




















12.Klik “Options” kemudian muncul tampilan seperti dibawah ini


















13.Pada tampilan Bacup Wizard pilih “Full”
14.Klik “Next” kemudian muncul tampilan seperti dibawah ini


















15.Pilih “Exclude files matching the following criteria” (Mengecualikan file yang cocok dengan kriteria berikut)

16.Klik “Next” kemudian muncul tampilan seperti dibawah ini


















17.Klik “Next” kemudian muncul tampilan seperti dibawah ini


















18.Klik “Next” kemudian muncul tampilan seperti dibawah ini


















19.Klik “Proceed” kemudian muncul tampilan seperti dibawah ini


















20.Proses backup dimulai


















21.jika proses backup sudah selesai maka akan muncul tampilan seperti di bawah ini


















22.Klik “ Ok” lalu Close

Untup proses backup sudah selesai dan mengenai Restor data akan di sambung kemudian semoga bermanfat.

Wassalamu’alaikum Wr.Wb.
Baca Selengkapnya - Backup data dengan Acronis True Image Home(Full version)