membuat blog

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.







Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "


2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)


3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email


4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password


5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)


6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan


7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.


8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"


9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog


10. Tulis nama situs anda pada form Alamat Blog (URL)


11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".


12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"


13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".



3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

mensetting blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial

* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

* Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

* Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

* Bahasa ⇒ Pilih bahasa yang di inginkan.

* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa

* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

* Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

* Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

* Frekuensi Arsip ⇒ pilih Bulanan.

* Aktifkan Halaman Posting? ⇒ pilih ya.

* Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

* Izinkan Feed Blog ⇒ pilih Penuh.

* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

* Klik tombol Simpan Perubahan. Selesai.

Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya..

membuat teks area

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>


contoh :




Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung </textarea></p></div></form>


contoh :

teks berkedip

ingin membuat tulisan seperti ini di blogg kamu?
nih kodenya....

<blink>TULISAN KAMU</blink>

Namun, terasa kurang berseni jika membuatnya tanpa dihiasi atribut-2 lain. Kita dapat memodifikasinya dengan menyetting ukuran huruf, warna huruf, memasukkan link, dan memasukkan kode marquee (sebaiknya jangan dimodifikasi dengan marquee(tulisan berjalan) karena terlalu modif dan membingungkan pembaca).

maksudnya?


Mau? skrg copy code di bawah ini dan sesuaikan ukuran,warna dan hurufnya se maumu...

<font size="16" color="green" face="verdana"><blink>TULISAN ANDA</blink></font>


SELAMAT MENCOBA....

membuat link

Untuk membuat link kita memerlukan kode HTML di bawah ini :
<a href="ALAMAT URL kamu">klik disini</a>
contoh :
klik disini

buat Link bergambar? nih codenya :

<a href="ALAMAT URL kamu" title="JUDUL yang kamu inginkan"><img src="ALAMAT URL gambar anda" width="270" height="200"></a>

Alhasil :

teks berjalan di bar menu

1. Login ke blogger
2. Pada menu Layout -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>


<script type='text/javascript'>
//<![CDATA[

msg = " ::.odontgeorge. ";
msg = " ::.odontgeorge. " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

4. Jika sudah, klik Save Template. Selesai

membuat scorll link



Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>

contoh :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

<a href="http://rini09.blogspot.com/2009/04/kamu.html"> Honey</a>
<br/>
<a href="http://rini09.blogspot.com/2009/04/cinta-yang-agung.html">Cinta yang agung</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/kahlil-gibran.html">Kahlil gibran</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/mutiara-kata.html ">Mutiara kata</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/kebnaran-dan-nyanyian-pantai.html">Kebenaran nyanyian pantai</a>

<br/>
<a href="http://rini09.blogspot.com/2009/04/kahlil-gibran_12.html">Sajak</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/cinta.html">Cinta</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/inilah-cinta-terbang-tinggi-ke-langit.html">terbangkan aku oh cinta</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/dunia-penuh-beban-rumi.html">Dunia penuh beban</a>

<br/>


<a href="http://rini09.blogspot.com/2009/04/cinta-sejati-rumi.html">Cinta sejati</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/jalan-cinta-yang-utama.html">Jalan cinta</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/tarian-berputar-sang-sufi.html">Tarian Sang Sufi</a>

<br/>

<a href="http://rini09.blogspot.com/2009/04/ajaran-cinta-sejati-jalaluddin-ar-rumi_15.html">Ajaran Cinta Sejati</a>

<br/>

<a href="http://rini09.blogspot.com/2009/05/cinta-adalah.html">Cinta Adalah</a>

<br/>

<a href="http://rini09.blogspot.com/2009/05/sufisme.html">Syekh Abdul Kadir Jailani r.a.</a>

<br/>

<a href="http://rini09.blogspot.com/2009/05/kahlil-gibran-lahir-pada-tanggal-6.html">Biografi Kahlil Gibran </a>

<br/>

<a href="http://rini09.blogspot.com/2009/05/biografi-mawlana-jalaludin-rumi.html">Biografi Mawlana Jalaludin Rumi</a>

<br/></div>

pasang efek pelangi

Setelah kalian "Login" pada blog yang kalian miliki, masuklah ke bagian "Tata Letak" kemudian pilih "Edit HTML". Sampai di sini seperti biasa dengan menggunakan "Ctrl+F" pada keyboard carilah kode di bawah ini:
</body>

Kalau sudah ketemu, silahkan kalian copy kode rainbow di bawah ini dan letakkan (paste) persis tepat di atas/dibawahnya kode </body> tersebut dan kemudian "save template".


<script type="text/javascript"/>
var rate = 10; // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}


function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
</script>

pasang Google Translator

Satu lagi persembahan dari Google. Kalau sebelumnya saya memperkenalkan program translator online untuk menterjemah artikel maupun dokumen pribadi anda.

Sekarang saya akan memperkenalkan program translator untuk menterjemah isi dari blog anda.

Google Translator merupakan sebuah tool yang dibuat oleh google untuk mempermudah pengunjung dari negara lain membaca dan mengerti isi dari konten blog anda.

Translator ini sangat berguna sekali jika ada pengunjung dari negara lain yang datang ke blog Anda. Mereka bisa menggunakan tool ini untuk menterjemahkan kebahasa yang mereka inginkan. Sehingga isi dari blog Anda juga bisa dinikmati oleh pengunjung dari negara lain.

Ternyata Google memang paling ngerti dengan kebutuhan kita. Makin cinta love deh ama Google sengihnampakgigi. Tidak tanggung-tanggung tool ini mampu menterjemah hingga 35 jenis bahasa. Wow.. Sebuah angka yang fantastik mengingat tidak mudah untuk menterjemah 1 bahasa apalagi sampai 35 bahasa.

Namun ada satu kelemahan dari translator ini yaitu tidak bisa menterjemah bahasa gaul, seperti: elo, gue, bro, sobat. Jadi jika Anda ingin memasangnya sebaiknya gunakanlah bahasa yang baku untuk menulis artikel Anda. Supaya isinya tidak kacau nantinya jika diterjemahkan.

Jika Anda tertarik untuk mencobanya. Silahkan ikuti cara berikut untuk memasangnya.

1. Buka situs http://translate.google.com/translate_tools?hl=en

2. Pilih bahasa yang digunakan dalam blog/ website Anda. Tunggu beberapa saat hingga proses loading page selesai.

3. Copy kode HTML yang ada dalam kotak.

4. Login ke blog Anda. Masuk ke menu Layout -> Page Elements

5. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript.

6. Pastekan kodenya kedalam kotak lalu klik Save.

7. Selesai. Klik View Blog untuk melihat tampilannya.

Selamat Mencoba.

id max99 get for free


rod.
rod_
rot_
r.o.d
r.o.t
dra_
j.a.r
jar__
jarod
rozar
rojar
jar0d
jar0t
jarot.
jarot_
ananta
blis
pjoh
abg_
dream_
star_
nice..
laso.
lass0
emprit
kill_

-/+Selengkapnya..

Max99 ID


rod.
rod_
rot_
r.o.d
r.o.t
dra_
j.a.r
jar__
jarod
rozar
rojar
jar0d
jar0t
jarot.
jarot_
ananta
blis
pjoh
abg_
dream_
star_
nice..
laso.
lass0
emprit
kill_
g0es.
ugal
j0se
sept.
j4r.
jar8
jar9
eby.
.rot.
lewok
j.a.r.o.t
.gua.
edra
nanta.
buis
gace
juah
tato.
tat0o
p.e.t
piti.
pity.
djarot
stev_
rozz
jars
best.
oza.
zar_
ta2.
apang
jolit
taya
er0s
aj3ng
ernest
jersy
stor
stevend
vend
arest
iras
ringgo
gibon
renaga
julian
putrie
darwis
carot
arot
tasa
gasa
endau
jimen
tarot
jared
s0on
so0n
q_l_ll
ro0t
r0is
rots
war0k
barong
yuke
apat
siom
sium
iwak.
akak
eg0.
figo.
ibas
r0at
l0vely
r0ger
finta
fogo
b0as
sik0
djar
flanela
askoem
eska
rot..
jrt.
jarot..
rotjar
d.r.a
vinc
sibe
dioda
tenol
d.o.b
tnuz
queens
pitoy
kingsex
sexyuk
mastersex
butterfly.
moonmarvel
priscilia
fibi
sigi.
mulan.
od0n
sunflower
sunrise
pist0l
tisto
lampir
grand0ng
angelia
markus
brandy
goodfather
starwars.
sail0r
sailormoon.
skyflower
evil_army
evilarmy
can0n
crisj0n
tys0n
bis0n
saintloco
ghost_
crazyfr0g
cybercrime
jinggo
markum
holiday
abul
pegy
egy_
ugin
pin0kio
pinok
pona
polwan.
bligo
chino
p0int
pogy
hue_
hua.
4_u.
ouh.
arm.
t4t4.
old.
t4u.
ca2.
pig..
m4s.
k4k.
dim_
ibi.
gi3.

powered by Blogger | WordPress by Newwpthemes