NEW PROMO

Minggu, 02 Oktober 2011

Cara Merubah Ukuran Halaman Blog, Blogspot

Umumnya template default yang disediakan blogger, tidak memiliki lebar halaman yang penuh. Jika anda ingin memperlebar ataupun mempersempit halaman posting, sidebar, dll-nya anda tinggal edit kode HTML Silakan bisa anda praktekkan jika anda ingin memperlebar / mempersempit halaman :
  • Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
  • Pilih ‘Tata Letak’
  • Klik "Edit HTML"
  • Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
  • Gunakan Ctrl + F Cari kode  Yang mirip dibawah ini :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
  • Silakan edit keterangan ukuran dibawah ini, sesuaikan dengan keinginan anda :
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
Semoga Bermanfaat. 

Menghilangkan Navbar (kotak kecil memanjang bagian atas)

Sebelumnya sedikit saya jelaskan bahwa navbar yang dimaksud disini adalah fasilitas pada blogger, bentuknya kotak memanjang berada di bagian paling atas blog. Navbar ini berfungsi untuk melakukan Sign In atau Signout dan bisa juga digunakan untuk melaporkan kecurangan blog yang dilakukan oleh seorang blogger.

Jika anda masih kurang paham anda perhatikan gambar dibawah ini :

Kadang navbar tersebut dirasa mengganggu oleh sebagian blogger, oleh karena itu sebagian besar blogger ingin menghilangkan navbar blog-nya.

Jika Navbar tersebut dirasa mengganggu terhadap tampilan blog anda tidak ada salahnya jika navbar itu di hilangkan. Silakan ikuti langkah-langkah berikut :

  • Login ke blog anda Klik DISINI,
  • Pilih ‘Tata Letak (Rancangan)’
  • Klik "Edit HTML"
  • Copy kode css berikut ini :  #navbar-iframe { display: none !important; }
  • Gunakan Ctrl + F untuk mempermudah pencarian kode : ]]></b:skin>
  • Kemudian letakan kode css di tepat atas kode  ]]></b:skin>
  • Simpan template

Cara Buat Readmore Otomatis Di Blogspot

Apa yang dimaksud Readmore ?...
Saya Jelaskan sedikit yaa,...

Fungsi menu Readmore  ini untuk memotong satu sampai dua paragraf sehinngga postingan kita yang panjang hanya terlihat beberapa karakter saja. Jadi kesimpulannya jika kita ingin membaca seluruh isi postingan kita kilik "Readmore" atau pada blog saya ini klik "Selengkapnya....", dan Postingan yang lengkap akan terlihat. ... Sudah ngerti .?
Masih bingung ? ,...  langsung saja kita praktekkan :
  • Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
  • Pilih ‘Tata Letak (Rancangan)’
  • Klik "Edit HTML"
  • Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
  • (gunakan Ctrl + F) Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> klik simpan template. 
<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[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>
  • Beri tanda centang pada "Expand widget template"
  • Cari kode  <data:post.body/> atau <p><data:post.body><p>
  • Kalau sudah anda temukan ganti kode  tersebut dengan 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'>READ MORE - <data:post.title/></a></span>
</b:if>
  • Simpan Template, Selesai 
Catatan :
  • var thumbnail_mode = "float"; (dapat dirubah berada di (float) kiri atau ganti dengan (no-float)
  • summary_noimg = 250; (banyak karakter yang akan ditampilkan tanpa gambar)
  • summary_img = 250; (berapa banyak karakter yang akan ditampilkan dengan gambar / thumbnail)
  • img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
  • img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
  • READ MORE = Sesuaikan dengan selera anda

Cara Ganti Template/Tema Blogspot

Apa yang dimaksud dengan Template/Tema ?...
Template adalah desain halaman web atau blog yang ditampilkan sehingga blog kita lebih kelihatan menarik, contoh pada elemen-elemen disamping ini, juga warna background dan lainnya.

Biasanya kita memperoleh template standar dan tentunya jika kita lihat dan amati tentu kurang menarik, Nahhh... template ini bisa anda ubah dan diotak atik sesuai dengan selera anda sehingga lebih kelihatan menarik.

OK kita mulai, ganti template anda dengan yang lebih menarik :

I. Template default yang disediakan BLOGGER
  1. Login dulu ke blog anda Klik DISINI, silakan isi email dan password blog anda
  2. Pilih ‘TATA LETAK’ 
  3. Klik "Pilih Template Baru"
  4. Silakan anda pilih Template yang anda suka, Sebelum memutuskan dan memilih "template", sebaiknya anda lihat dahulu contoh Template yang disediakan, dengan klik tulisan "preview template".Dan apabila menemukan yang cocok silakan simpan Template anda.
  5. Selesai
II. Template Buatan / Template baru
  1. Silakan anda Download template-nya, anda bisa klik DISINI atau Browsing dengan ketik Free Template Blogger.
  2. Pilih template yang sesuai dengan selera anda dan download.
  3. Login ke blog anda Klik DISINI, silakan isi email dan password blog anda.
  4. Pilih ‘Tata Letak (Rancangan)’ 
  5. Klik  "Edit HTML"
  6. Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas.
  7. Silakan masukkan template anda yang telah di Download tadi dan Klik Upload/ Unggah.
  8. Klik Pageview/Pratinjau.
  9. Jika sudah sesuai, Simpan template.
  10. Selesai.

Cara Mudah Setting Sebuah Blog

Setelah anda selesai Membuat Blog di blogspot, Silakan anda lanjutkan dengan melakukan pengaturan pada blog anda, yoo,... kita mulai :
  1. Login dulu ke blog anda Klik DISINI, silakan isi email dan password blog anda
  2. Klik ‘Setting (Pengaturan)’ 
Pilih "DASAR / BASIC"
  1. Isi judul blog Anda (jika anda ingin merubahnya/ ganti nama dll)
  2. Isi Deskripsi. Sebaiknya tidak terlalu panjang dan berisi kata-kata yg paling mewakili isi blog Anda. 
  3. Add your blog to our listing? isi saja pilih YES. agar setiap postingan kita masuk di daftar blogger.com
  4. Show quick editing on your Blog? pilih YES
  5. Show Email Post Links? pilih YES
  6. Show Compose Mode for all your blogs? pilih YES
  7. Klik SAVE SETTINGS Selesai.
Pilih "FORMATTING" di bagian atas
  1. Show – pilih posts (jangan hari) dan pilih angka untuk jumlah postingan yang akan ditampilkan pada halaman pertama blog anda. Jika anda pilih 6 maka yang ditampilkan pada halaman pertama 6 postingan terbaru.
  2. Date Header Format – pilih model tanggal/bulan sesuaikan dengan selera anda. Format tanggal/bulan ini akan selalu tampil di bagian atas posting kita.
  3. Archive Index Date Format – pilih model peng-arsip-an. Blog kita akan dibuatin arsip setiap bulan.
  4. Timestamp Forma t– pilih bentuk waktu yg Anda suka. Sebaiknya yg pendek. Contoh: 7.50 PM.
  5. Timezone – pilih zona waktu yg sesuai, karena anda di Indonesia maka pilih UTC-+7.00 Asia/Jakarta.
  6. Pilih Bahasa ( sesuaikan dengan Bahasa Blog anda
  7. Konversi ganti baris, pilih Ya
  8. Tampilkan Field Judul, pilih Ya
  9. Tampilkan kolom Link, pilih Tidak
  10. Aktifkan perataan float, pilih Ya
  11. Templat Entri (kosongkan saja)
  12. klik Simpan, selesai
Pilih "KOMENTAR" di bagian atas
  1. Komentar, Pilih Tampilkan
  2. Siapa yang Bisa Berkomentar ?,  Pilih Siapa pun
  3. Penempatan Formulir Komentar,Pilih, Disemat di bawah entri
  4. Default Komentar untuk Entri, Pilih Entri Baru Memiliki komentar
  5. Tautbalik, pilih tampilkan
  6. Bawaan Tautbalik untuk Posting, entri baru memiliki tautbalik
  7. Format Timestamp Komentar, Pilih format waktu berkomentar (sesuaikan dengan selera anda)
  8. Pesan Formulir Komentar (kosongkan saja)
  9. Moderasi komentar, (pilih yang anda inginkan)
  10. Tampilkan verifikasi kata untuk komentar? (terserah anda, sesuaikan dengan keinginan anda)
  11. Tampilkan gambar profil dalam komentar?, Pillih ya
  12. Email Pemberitahuan Komentar (kosongkan saja)
  13. Klik simpan Selesai
Pilih "ARSIPKAN" di bagian atas
  1. Frekuensi Arsip, Pilih Tiap bulan
  2. Aktifkan Halaman Posting? (kosongkan)
  3. Klik Simpan Selesai
Pilih "FEED SITUS" di bagian atas
  1. Izinkan Feed Blog, Pilih Singkat
  2. Posting URL Pengubahan Arah Feed (kosongkan)
  3. Footer Feed Posting (kosongkan)
  4. Simpan, Selesai

Cara Mudah Membuat Sebuah Blog

Sudah tahukah Anda apa itu Blog ?,...
Ok kalau belum tahu ini gambaran secara singkat yang saya ketahui :
Blog/Web log : situs  pribadi, yaitu situs yang menggambarkan isi dari pembuat blog artinya situs ini sifatnya lebih pribadi dan biasanya dikelola oleh si pemilik/pembuat blog itu sendiri.
Itu sedikit gambaran tentang blog , untuk lebih jelasanya silakan anda cari referensinya sendiri, banyak sekali yang menulis tentang blog 

Langsung Saja kita mulai, cara buat blog di blogspot :
  1. Anda harus sudah memiliki E-mail yang valid kalau belum silakan daftar DISINI 
  2. Setelah memiliki E-mail mulailah membuat Blog
  3. Klik "BUAT BLOG"
  4. Isilah Alamat Email dengan alamat email yang telah anda buat
  5. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
  6. Tulis password yang anda inginkan
  7. Isikan kembali password anda
  8. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
  9. Tulis tulisan yang tertera pada form Verifikasi Kata. 
  10. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
  11. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  12. Tuliskan judul blog yang anda inginkan
  13. Tulis nama situs anda pada form Alamat Blog (URL) 
  14.  Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, 
  15. Klik gambar panah yang bertuliskan "LANJUTKAN"
  16. Pilihlah gambar (template) yang anda inginkan (sementara pilih sembarang, bisa di rubah)
  17. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  18. Dan muncul tulisan "Blog Anda telah diciptakan". 
  19. Klik gambar panah bertuliskan "MULAI POSTING". 
  20. Silakan mulai posting, tulis apa yang anda ingin tulis, jika sudah selesai klik tombol "Terbitkan".
  21. Selesai ( Kini anda sudah memiliki Blog )

Sekian dulu ya, Semoga bermanfaat. 

Popular Posts