Kumpulan Tutorial Ngeblog

Mengganti Icon Adress Bar (Favicon)

noreply@blogger.com (Imam Abdul Malik) — Sun, 14 Nov 2010 03:51:00 +0000

favicon adalah icon yang berada di adress bar. Default favicon dari blogger adalah huruf "B" berwarna orange. Beberapa orang ingin mengganti favicon tersebut sesuai keinginannya. Dan berikut tutorial untuk mengganti default favicon blogger dengan favicon keinginan Anda.

1. Masuk ke dashboard blogger, pilih design.
2. Kemudian pilih edit HTML dan centang expand widget.
3. Cari kode </head>
4. Jika sudah ketemu letakkan kode berrikut diatas kode </head>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbhp9x0Tt4IM4swK5dH3Zn4WATi4FNWm-xiTApAwbICu7D39HC3evryXtU5OHZtcoFAXPrkws-77rLD0J6cGfme5-T0KOQdtKHkE66o8d8HPhq-6JNPg0RRcgDTUb7rJLNEX31TfApmlt/s1600/Baby_1262012858.gif' rel='SHORTCUT ICON'/>

Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbhp9x0Tt4IM4swK5dH3Zn4WATi4FNWm-xiTApAwbICu7D39HC3evryXtU5OHZtcoFAXPrkws-77rLD0J6cGfme5-T0KOQdtKHkE66o8d8HPhq-6JNPg0RRcgDTUb7rJLNEX31TfApmlt/s1600/Baby_1262012858.gif dengan alamat favicon Anda.
5. Klik save.

Selamat bereksperimen

Membuat auto readmore

noreply@blogger.com (Imam Abdul Malik) — Fri, 12 Nov 2010 03:05:00 +0000

Membuat Auto Read More kali ini berbeda dengan yang sebelumnya yaitu cara memberi read more dan cara memberi read more pada posting. Cara membuat auto read more kali ini aku pelajari dari blognya Oom (o-om.com). Berhubung untuk menerapkan ilmunya aku tulis lagi cara membuat auto read more ini dengan tujuan memperfaseh dan memperluas berbagi informasi sesama blogger, khususnya cara membuat auto read more ini. Cara membuat auto read more kali ini agak ruet disbanding membuat read more sebelumnya. Membuat auto read more kali ini memang dibilang lebih praktis karena apa, jika read more terdahulu harus menggunakan cara manual untuk memasang fungsi auto read more tersebut ke setiap posting.

Tidak kalah menariknya fungsi auto read more kali ini mampu menampilkan gambar pertama dalam sebuah poting. Fungsi auto read more ini bisa dibilang lebih mirip dengan artikel terbaru dengan thumbnail.

Kelebihan yang lain dari fungsi auto read more kali ini yaitu kita bisa mengatur berapa banyak karakter yang akan ditampilkan. Ada karakter yang bisa ditampilkan jika ada sebuah gambar dalam postingan yang anda buat. Dan adapula yang tanpa menampilkan gambar. Memang cara membuat fungsi auto read more kali ini agak rumit tapi ada sisi positifnya juga yaitu kita tidak perlu lagi membuat fungsi read more pada setiap posting .

Tidak perlu membahas terlalu panjang lebar, mungkin alangkah baiknya jika langsung ke tkp. Oo ia jika anda sudah membuat fungsi read more sebulumnya maka dikembalikan lagi ke bentuk semula. Tambahan kode script telah ditamahkan di hapus, untuk melihat kembali script mana yang perlu dihapus klik link cara memberi read more ini.

Jika sudah Cari kode </head>kemudian letakan script dibawah ini di atas kode </head>.
copy paste script auto read more barikut 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[
/******************************************
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>

Tetap pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" kemudian cari kode dibawah ini

<data:post.body>

Jika sudah ketemu, maka ganti kode <data:post.body> dengan semua kode dibawah ini

<b:if cond="data:blog.pageType != "item"">
</b:if></data:post.body></data:post.body></span>
<div expr:id=""summary" + data:post.id">
<data:post.body></data:post.body></div>
<span class="fullpost">
<script type="text/javascript">
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class="rmlink" style="float: left;"><a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=3719378588761358329&postID=4463925160250105378">READ MORE - <data:post.title></data:post.title></a></span>
<b:if cond="data:blog.pageType == "item""><data:post.body></data:post.body>

Setelah selesai tekan save template.

Keterangan tentang cara membuat auto read more:
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel).

Dengan keterangan di atas anda dapat merubah script fungsi auto read more sesuka hati.
Selamat bereksperimen…

Cara Membuat Gambar di Pojok (Float Image)

noreply@blogger.com (Imam Abdul Malik) — Sun, 09 May 2010 10:32:00 +0000

Salah satu cara mempercantik tampilan blog adalah dengan memberikan hiasan berupa gambar di pojok atau yang biasa disebut float image. Alangkah baiknya sebelum mengedit, memback up template dahulu, caranya ada disini. Lalu bagaimanakah cara membuat gambar di pojok (float image) tersebut? Nah berikut tutorial cara membuat float image :

Pastikan anda sudah login sebagai admin di blog anda.
Klik tab Layout pilih Edit HTML, jangan lupa centang/checklist Expand Widget.
Copy paste kode berikut tepat dibawah <body>
<a href='http://YOURLINK' style='display:scroll;position: fixed; top:5px;left:5px;' title='YOUR TITLE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsJzE386YC_G508SyEzUFBHT-7GZVcLLZFRxjhTaLpTc2YSJRorHAGL78gnBS0wTxtVFTf9nCNUgsr0XprllZ970ms638RxLHNM5FnpAKVXbwC4W-O2QBus_RXC3UUcqr3WY04tew9n_50/s320/28662_105586369486502_104921859552953_49231_1197821_s.jpg'/></a>
Klik save

Catatan :

Ganti YUOR LINK dan YOUR TITLE dengan link dan title yang anda inginkan.
Tulisan yang berwarna biru ( top ) adalah posisi gambar, ganti sesuai keinginan anda. atas=top , bawah=bottom, kanan=right, kiri=left.
Ganti tulisan yang berwarna merah dengan URL gambar anda.

Mudah kan....

Cara Membuat link di dalam Postingan

noreply@blogger.com (Imam Abdul Malik) — Tue, 04 May 2010 06:13:00 +0000

Link atau Kaitan, yang dimaksud link disini adalah suatu URL atau alamat web, situs atu sejenisnya. Banyak manfaat dari membuat link khususnya link tersembunyi, diantaranya : untuk mengkaitkan postingan yang satu dengan yang lainnya, untuk menyembunyikan link referral anda. Apabila link tersebut diklik maka anda akan menuju ke URL link tersebut. misalnya :

Contoh 1 :
Link dari kata uang abad 21 adalah http://uang-abad-21.blogspot.com, apabila anda mengklik uang abad 21 maka anda akan menuju ke http://uang-abad-21.blogspot.com

Contoh 2
Link dari kata Postingan adalah http://gazpadaku.blogspot.com/2010/05/satu-hitam-diatas-kertas-putih.html, apabila anda mengklik kata Postingan maka anda akan menuju ke http://gazpadaku.blogspot.com/2010/05/satu-hitam-diatas-kertas-putih.html

Lalu bagaimanakah cara membuat link tersembunyi didalam postingan ? seperti contoh ke 2. Berikut tutorialnya cara membuat link tersembunyi dari kata DISINI :

1. Tuliskan kode berikut sebelum kata disini.

<a href='http://ALAMAT YANG DITUJU.COM' title='ALAMAT YANG DITUJU'>

2. Selanjutnya tulis kode </a> setelah kata disini.

Sehingga hasil akhirnya seperti dibawah ini :

<a href='http://ALAMAT YANG DITUJU.COM' title='ALAMAT YANG DITUJU'>DISINI</a>

OK...Mudah kan.

Cara MemBack Up Template

noreply@blogger.com (Imam Abdul Malik) — Mon, 03 May 2010 15:06:00 +0000

Template merupakan tampilan secara keseluruhan dari blog, ibarat makhluk hidup template adalah raganya sedangkan nyawanya adalah isi dari blog tersebut. Memback Up template sangat diperlukan sebagai cadangan saat mengedit atau memodifikasi template. Berikut tutorial bagaimana cara memback up template :

Login ke blog anda.
Klik tab Layout, pilih edit HTML
a .Klik Download full template

Atau menggunakan cara yang kedua yaitu dengan copy paste script HTML template ke notepad, berikut tutorialnya :

KLik kanan pada bagian script HTML dan select all
Kemudian klik kanan copy
Paste pada notepad
dan Save

Menampilkan Status Yahoo di Blog

noreply@blogger.com (Imam Abdul Malik) — Sat, 01 May 2010 04:43:00 +0000

Menampilkan status Offline/Online Yahoo Messenger. Hal ini berfungsi untuk mengetahui jika anda sedng online atau offline. Tapi bagi yang belum punya Account Yahoo ya buat dulu lah,. Dengan tanda seperti itu kan nanti pengunjung blog anda akan bisa langsung berinteraksi langsung dengan anda, dengan begitu kan nanti para penggemar setia dan pengunjung blog anda jadi tambah sayang kepda anda. Tak kenal maka tak sayang, he..he..
Contohnya seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

Jika kamu sedang online, maka gambar akan berganti seperti ini

Cara buatnya sangat gampang anda tinggal copy script berikut ini trus kamu pasang di sidebar blog anda, berikut tutorialnya :

Masuk ke blog anda.
Klik tab Layaout di bagian atas.
Klik “Page Element” trus “Add page elements –HTML/Javascript”
Copypaste kode beikut .

<a href="http://messenger.yahoo.com/edit/send/?.target=YManda">
<img src="http://opi.yahoo.com/yahooonline/u=YManda/m=g/t=2/l=us/opi.jpg" border="0" alt="Status YM" /></a>

YManda = ganti dengan account yahoo messenger anda
2 = Ganti dengan nomor pilahanmu. Pilih angka dari 0-16 (ini tampilan gambar)
t=0

t=1

t=2

t=3

t=4

t=5

t=6

t=7

t=8

t=9

t=10

t=11

t=12

t=13

t=14

t=15

t=16

dan terakhir klik SAVE

Cara Membuat Buku Tamu

noreply@blogger.com (Imam Abdul Malik) — Fri, 30 Apr 2010 03:39:00 +0000

Buku tamu yang di maksud disini adalah suatu plugin atau fasilitas tambahan untuk blog atau web. Diberi nama buku tamu karena fungsi plugin ini disediakan bagi para pengunjung yang ingin meninggalkan pesan atau komentar selain berkomentar pada artikel-artikel atau postingan yang kita tulis.
Situs yang menyediakan plugin buku tamu di antaranya shoutmix, sbox, oggix.comdan lain-lain. Saya mengambil contoh shoutmix,berikut tutorial bagaimana memasang buku tamu di blog :
1. Daftar di shoutmix.com.
2. Klik Create shoutbox, dan isi form sesuai permintaan.
3. Pada kolom yang berjudul Style, klik menu appearance.
4. klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu sesuai keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan.
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu copy paste kode tersebut di blog anda.

Berikut panduannya:
a. Login ke blog anda
b. Klik menu Layout
c. Klik Page Element
d. Klik Add widget, pilih HTML/JavaScript
e. Copy paste kode HTML shoutbox anda.
f. Klik tombol Save Changes
g. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
h. Tekan tombol Save
i. Selesai

Update Template

noreply@blogger.com (Imam Abdul Malik) — Mon, 26 Apr 2010 13:00:00 +0000

Setelah sekian lama saya tidak ngeblog akhirnya kali ini saya kembali bisa ngeblog. Kali ini saya ngeblog menggunakan konsep dan semangat baru. Sebagai awal semangat baru, saya mengupdate template blog ini. Berikut data template blog ini :
Theme Name: StudioPress
http://www.dailyblogtips.com/wordpress-themes/
Author: Daily Blog Tips
Author URI: http://www.dailyblogtips.com/
Blogger version by: Girly Blogger
URI: http://girlyblogger.com
Downloaded from: http://www.bloggerstyles.com/

Semoga dengan mengupdate template blog ini, akan mengoptimalkan saya dalam bloging.

Cara Meningkatkan Adsense dan Trafik bagi Pemula

noreply@blogger.com (Imam Abdul Malik) — Sun, 25 Apr 2010 15:47:00 +0000

Google Adsense, Belajar Adsense dan Tips Adsense! Saya percaya bahwa kebanyakan dari anda telah membaca banyak artikel atau posting tentang cara meningkatkan pengunjung dan Tips tentang google adsense. Seperti "Tingkatkan Adsense Anda, Anda Akan Membuat Uang Dalam Sekejap!". Anda mungkin telah muak dengan kata-kata seperti itu dikarenakan ajakan yang sangat membosangkan mengenai penjelasannya. Saya tidak akan menempatkan anda dalam posisi seperti ini. Akan saya coba dengan jalan seperti:

Adsense tidak akan langsung membawa anda ke pendapatan yang luar biasa. Anda harus memperoleh pengunjung yang tinggi. Rumus keberhasian dalam membuat blog adalah Traffic + Adsense = Money !

Berikut ini adalah beberapa cara sederhana untuk memeperoleh lalu lintas pengunjung bagi pengiklan Google Adsense. Walaupun mungkin beberapa tips yang akan saya berikan telah anda Baca. Anda harus sering membaca "Tips Bermanfaat" jika ingin menjadi seorang yang berhasil sebagai Penerbit Adsense.

Submit beberapa artikel blog anda ke dalam Various Article directories seperti Articles Factory, Articles Hub, Article Base, Article Biz dll.
Gunakan Technorati Tags
Submit artikel terbaik anda ke Digg, Yahoo Buzz and Del.icio.us
Selalu memberikan komentar ke Niche blogs Lainnya (Blog yang mempunyai bahasan mirip dengan blog anda).
Submit Site ke Google Webmasters dan Yahoo Site Explorer
Gunakan sebuah Blogroll untuk menyimpan website/Blog favourite anda
Coba untuk membuat artikel/content publish perhari (atau minimum dua kali seminggu)
Membuat Konten yang unik dan bermanfaat buat pengunjung.
Update blog dengan berita terbaru, informasi terbaru dan buat Konten yang sangat memiliki nilai plus.
Jangan melakukan klik sendiri pada iklan adsende anda, sebab akan membuat account akan di banned.
Buat iklan adsense dapat menyatu dengan warna dan template anda
Tempatkan Iklan di bagian atas artikel (468x60, 728x90 dll) dan diantara postingan blog (300x250,200x200 dll)

Ini Hanya beberapa tips yang "sangat sederhana" dan mungkin dapat "berguna" untuk para "pemula" dan juga orang lain. Jadi, cobalah untuk membagun image yang baik, Kualitas blog yang bagus dan sering memberikan hal baru buat mendapatkan pengunjung yang banyak buat blog anda.

Highlight Author Comment

noreply@blogger.com (Imam Abdul Malik) — Sat, 24 Apr 2010 06:26:00 +0000

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain. Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nah berikut ini akan saya beberkan cara untuk membuat Highlight Author Comment ini :

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin>

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut dan tambahkan kode yang berwarna merah di HTML kamu. Posisinya harus benar, ingat itu. Dan mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Klo udah, di save.

Comment author ini hanya berdasarkan profil dari pemilik blog tsb. Jadi agar efeknya muncul ketika memberi atau menjawab komentar, anda harus login terlebih dahulu di blogger. Dan ini bukan untuk komentar dari haloscan tapi hanya untuk kotak komentar yg murni blogger.

Menghilangkan Navigasi Bar

noreply@blogger.com (Imam Abdul Malik) — Fri, 13 Feb 2009 06:23:00 +0000

Navigasi Bar thu miliknya Blogger/Blogspot. Letaknya dibagian atas.Namun beberapa Blogger ada yang kurang nyaman bila di blognya ada tampilan navigasi bar-nya,.,yahhh lagi lagi sebell,., ga ga ga
Tapi tenang,.,.ada caranya kok,. buat ngilangin thu navisagi bar . Gini caranya :

Musti login dulu ke blogger.
Masuk tata letak, kemudian edit HTML.
Kemudian ceklist/centang Expand widget trus copy-paste kode berikut :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Letakkan seperti di bawah ini
-----------------------------------------------------
Blogger Template Style Sheet
Name: NewFangled XML
Designer: Erica - Templates For You
Modified from: Free CSS Templates
URL: templatesforyou.blogspot.com / freecsstemplates.org
Date: 4 Jun 2007
Updated by: Erica - Templates For You
Enhanced by: eBlog Templates
Date: 1/29/2008
URL: http://www.eblogtemplates.com
------------------------------------------------------ */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

OK,.,.???? gampangkan,.,,.,?? Selamat mencoba

Bikin Kotak Kometar Haloscan

noreply@blogger.com (Imam Abdul Malik) — Fri, 30 Jan 2009 13:23:00 +0000

Sebelum baca artikel ini disarankan untuk membaca YANG INI dulu.
Comments Box atau Kotak Komentar berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Kalau di Wordpress.com mahhh,.,. kotak komentar langsung muncul tepat di bawah artikel. Namun beda lagi kalau di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link doank,.,!!! , trus baru muncul kotak komentar kalo udah di klik, hal ini ngebikin para komentator sedikit enggan untuk berkomentar karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.
WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG
Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:

Buka website http://www.haloscan.com.
Daftarkan diri kamu di website tersebut.
Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.
Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.
Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.
Langkah berikutnya yaitu pilih menu Install.
Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next.
Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dahulu.
Klik tombol Upload Blogger Template.
Jika sudah berhasil klik tombol Download New Template kemudian di save.
Login ke Blogger/Blogspot.
Pilih Template kemudian klik menu Edit HTML.
Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.
Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nah disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang kann??

Selamat Mencoba... SEMOGA BERHASIIIIILLLLLL

Bikin Kotak Komentar di bawah Postingan

noreply@blogger.com (Imam Abdul Malik) — Thu, 29 Jan 2009 12:25:00 +0000

Ini adalah salah satu fasilitas dari Blogger/Blogspot. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini).

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, ingat bukan http://blogger.com lhoo

2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

Kemudian klik "Save Setting"
Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup sampai disini saja. Kalau belum muncul, maka dengan cara menambahkan kode HTML ke template blog anda. Disarankan back up dahulu template anda, ini karena kode HTML tiap2 template itu berbeda. ikuti langkah berikut ini :

3. Selanjutnya pergi ke menu "Layout-->Edit HTML"
Beri tanda centang kotak "Expand widget templates".Trus cari kode berikut ini :

4. Kemudian ganti kode tersebut dengan kode dibawah ini:

5. Lalu simpan template kamu.

Sekarang lihat hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Cara Bikin Read More

noreply@blogger.com (Imam Abdul Malik) — Mon, 26 Jan 2009 02:12:00 +0000

Wahhh,.,. udah banyak ni yang bikin tutorial read more atau baca selengkapnya,.,.Dan ini merupakan salah satunya dari sekian banyak tutorial read more.
caranya :

Login dulu keblogger, nah setelah login kan masuk di menu dasbor.
Klik tata letak, trus pilih edit HTML, cek list/centang expand widget.
Sekedar tambahan sebelum mengedit template alangkah lebih baiknya template di backup terlebih dahulu.
Copy-paste kode berikut di bawah tag </head> atau tepatnya diatas kode } ]]></b:skin>

Kemudian cari kode <p><data:post.body/></p>gimana udah ketemu kan?? selanjutnya copy-paste kode berikut tepat dibawahya.

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

Trus setiap kali posting masuk edit HTML, masukan kode berikut
<span class="fullpost">dibawah posting yang akan dipotong, dan kode </span>di akhir postingan.

contoh :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang
kalo postingan muncul semua, oleh karena itu saya perlu memotong berita
sampai disini saja.<span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul
pada saat post page atau link read more.. diklik </span>

Dan ini Hasilnya :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang
kalo postingan muncul semua, oleh karena itu saya perlu memotong berita
sampai disini saja Read More...

Selamat mencoba he he he .

Cara Bikin Postingan

noreply@blogger.com (Imam Abdul Malik) — Fri, 16 Jan 2009 02:42:00 +0000

Jika sudah berhasil membuat blog, maka langkah selanjutnya adalah mengisi Blog dengan Tulisan atau Artikel. Ini merupakan pekerjaan dan tujuan utama kita Ngeblog. Coz...tujuan utama dari Ngeblogkan buat mengisinya dengan berbagai tulisan atau gambar and terserah deh .

Eh jangan lupa siapin minuman dan camilan ...kalo perlu sambil dengerin musik seperti aku klo lagi ngeblog ga ga ga . Ntar kan mau nulis artikel, biar kga' kelaperan. Kan kalo kelaperan konsentrasi bisa buyar... ga ga ga .Berikut langkah-langkahnya :

Login Ke Blogspot

Pertama kita login dulu ke Blogspot, berikut ini cara login ke Blogspot klik disini untuk masuk, Nah thu kan ada kotak dialog :

Username: diisi dengan alamat email saat mendaftar di bloger.

Password: password pada saat mendaftar.

Remember me cek list(centang) jika ingin mengingat username dan password pada PC.

Klik pada tombol SIGN IN yang akan dibawa menuju Form atau layar Dashboard. Dashboard thu panel buat mengakses berbagai fungsi yang mengatur segala sesuatu yang berhubungan dengan blog seperti Post, Settings, dan Layout.

Bikin Posting di Blogspot

Dari Dashboard Blogspot ini kita bisa mulai membuat artikel klik new post untuk membuat artikel. Atau bisa dilihat pada gambar ini, O iya jangan lupa berdoa biar lancar .he he he

Buat bikin artikel di Blogspot selain menggunakan editor ini, kita juga bisa menggunakan berbagai tools lain yang dibuat oleh pihak ketiga, pada pronsipnya semua tools ini sama. Beberapa tools yang biasa digunakan adalah BlogJet, MS FrontPage, ScribeFire.

Mengenai cara penggunaan editor Blogspot ini, untuk lebih jelasnya bisa Kamu baca pada artikel Cara Penggunaan Editor Blogspot.

Cara Bikin Blog di Bloger

noreply@blogger.com (Imam Abdul Malik) — Thu, 15 Jan 2009 16:06:00 +0000

Bagi bloger pemula emang enaknya ngeblog lewat blogger. Selain settingannya yang mudah, bloger juga mudah dipahami gitu...!!!Blogger adalah salah satu fasilitas dari Google yang disediakan secara gratis untuk membuat blog, Blogger biasa dikenal juga dengan nama Blogspot. Blogger merupakan salah satu platform dari sekian banyak platform untuk membuat blog. untuk membuat blog di bloger harus menggunakan acount Gmail klik disini untuk daftar Gmail. Kalo udah punya acount Gmail sekarang siap-siap buat ngeblog...Oke..!!!

Disini kita akan membahas cara mendaftarkan diri di Blogger atau Blogspot, dan bagaimana membuat blog dari Google atau Blogspot ini. Yang pertama kali harus dilakukan adalah Klik pada masuk alamat Bloger klik disini untuk masuk.
Selanjutnya klik pada Image seperti Gambar dibawah ini, dan kita akan dibawa menuju Form Pendaftaran yang harus diisi

Cara Mengisi Form Pendaftaran

Berikut penjelasan mengenai Form ini:

Email address - isilah dengan alamat email yang dimiliki, jika belum mempunyainya maka kita bisa membuatnya nanti.
Enter a password - isi dengan password yang dikehendaki.
Retype password - ulangani password yang diisi tadi.
Display name - nama yang akan ditampilkan pada hasil postingan.
Word Verification - isikan sesuai dengan huruf yang terlihat pada gambar.
Acceptance of Term - klik pada check box yang bertuliskan I accept the Terms of Service, dengan mengklik ini berarti kamu seutju untuk mematuhi semua aturan yang tertera pad Term of Service, apa saja peraturannya ? kita dapat membacanya dengan cara mengklik pada link tersebut.

Jika semua suda diisi, lalu klik pada gambar panah seperti yang terlihat disini.

Jika semua berjalan lancar dan semua sudah diisi dengan benar, maka kita akan dibawa menuju Form Penamaan Blog seperti terlihat dibawah ini :

Penjelasan :

Blog title - ini merupakan judul dari Blog kamu nantinya, kamu dapat mengisinya sesuai dengan selera. Kamu juga bisa mengubahnya nanti bila dibutuhkan.
Blog adderss (URL) - ini akan menjadi alamat dari Blog kamu nantinya, misalnya kamu isi dengan "blogku" maka alamat blog kamu nantinya menjadi : Http://blogku.blogspot.com, klik pada link yang bertuliskan Check Avalability untuk memeriksa apakah alamat tersebut sudah ada yang menggunakannya.

Jika menampilkan tulisan This blog address is available, berarti alamat tersebut bisa kamu gunakan. Jika menampilkan tulisan Sorry, this blog address is not available berarti kamu harus mengganti dan mencari nama lain untuk alamat blog, isi dengan nama lain lalu klik lagi link Check Avalability untuk memeriksa.
Advance setup - kamu tidak perlu menghiraukan yang ini.

Memilih Template

Jika sudah menemukan alamat yang bisa digunakan, klik pada tanda panah yang bertuliskan COTINUE. Lalu kita akan dibawa menuju layar pemilihan Template. Apa itu Template ? yaitu design tampilan blog kita nantinya.

Kita dapat memilih sesuai dengan selera, kita juga dapat mengubahnya nanti bila dirasa perlu. Klik pada gambar panah yang betuliskan CONTINUE jika sudah menemukan Template yang cocok.

Maka proses pembuatan blog kita di Blogspot telah selesai, Blog yang baru kita buat sudah bisa digunakan. Kita bisa mulai mengisinya dengan Artikel atau biasa disebut juga Posting. Terserah mau Kita isi dengan Artikel tentang apa.

Bisa mengenai kehidupan sehari-hari atau membahas topik-topik tertentu, so... ter serah kamu aja deh . Untuk mulai membuat artikel klik pada tanda panah bertuliskan START POSTING.