ThisdocumentcontainstextautomaticallyextractedfromaPDForimagefile.

Formattingmayhavebeen
lostandnotalltextmayhavebeenrecognized.
Toremovethisnote,rightclickandselect"Deletetable".

TUTORIALPEMBUATANBLOG
HariginibelumpunyablogKasihandechluAyongeblogDonk!!!
Oleh:H.HeriIstiyanto,S.Si
Email:sebelasseptember@yahoo.com
Blog:http://istiyanto.com

Saatinimembuatwebsitebukanlahsuatuhalyangsulit.Blogdapatdijadikansalahsatu
alternatif,jikaAndainginmembuatwebsite.DenganblogAndadapatmembuatsuatu
website
sederhanasesuaidengankeinginanAndadenganmudahdangratis.
Apakahyangdimaksuddenganblogitu?Berikutbeberapadefinisimengenaiblog:
1.Weblogataublogmerupakanteksdokumen,gambar,objekmediadandatayang
tersusun
secarahierarkisdanmenurutkronologitertentuyangdapatdilihatmelaluibowserinternet
(misalnyainternetexplorer)
2.Blogmerupakanpublikasisecaraperiodikdantetapmengenaipemikiranpersonal
seseorangdanjugalinkweb
3.Blogadalahjurnalyangdisediakanpadasebuahweb.Aktivitasmengupdatesebuah
blog
dinamakanblogging.Seseorangyangmengelolablogdisebutblogger
4.Blogadalahsuatuperjalananyangberkesinambungan,denganpanduanlogikayang
berkelanjutandankonsisten.Topikdanpembahasandidalamsebuahblogbiasanya
konsistenpadatopikutama,misalnyapolitik,sastra,musikdansebagainya
5.Blogadalahjurnalyangdisediakanpadaweb.Blogdapatdiupdatesetiapharidengan
suatuaplikasiyangdisediakanolehpenyedia.Tidakdibutuhkansuatukeahliankhusus
untukmelakukanupdateataumengelolablog.Postingdalamblogtersusunsecarateratur

sesuaikriteriatertentu,biasanyadenganpengaturanurutantanggal
Secaraumumblogmemilikifiturutama,yaitu:arsipdankotakkomentar.Situslayanan
penyediabloggratissaatinibegitubanyakdiantaranya:blogger.com,wordpress.com,
friendster.com,xanga.com,blogdrive.com,blogsome.com,wordpress.com,multiply.com,
myspace.comdanlainlain.Diantarasekianbanyakpenyedialayananblog,blogger.com
merupakanpenyedialayananblogyangpopuler.JikaAndamembuatblogdengan
blogger.com
makaalamaturlblogAndanantinyaadalah:http://terserahanda.blogspot.com.
Padatutorialkaliinisayaakanmemberikanlangkahlangkahpembuatanblogdengan
blogger.com.Kemudiansayajugaakanmendaftarlinklinkyangdapatdijadikanacuan
atau
inspirasiuntukmengembangkanblogAnda.

Gambar1.1Halamanloginkeblogdanmenupemilihanbahasa

PEMBUATANBLOGMINIMALIS
Berikutlangkahlangkahpembuatanblogdenganblogger.com:
1.Ketikkanalamaturlbloggerdiwww.blogger.com

Gambar1.2Petunjukpembuatanblog
2.KlikCREATEYOURBLOGNOW,kemudianAndaisikandatadatapadakolomyang
disediakan

Gambar1.3Contohpembuatanaccountblog
3.SetelahituklikCONTINU,danberinamablogAnda

Gambar1.4Contohpemberiannamablog
4.KlikCONTINUuntukmelanjutkanpemilihantemplate.Kliktemplateyangsesuai
dengankeinginanAnda.Templateyangdisediakanpadalangkahinimerupakantemplate
standar.Andadapatmenggantidengantemplateyanglebihmenarikpadasitussitus
penyediatemplategratisuntukblogger.comataudengantemplatebuatanAndasendiri.

Createablogin3easyatepsz0Createanaccount0Nameyourblog
0Chooseatemplate
Passwordstrength:Strung

0Nameyourblog

Gambar1.5Pemilihantemplate
5.KlikCONTINUdanjikaberhasilmakaakanditampilkanpernyataanbahwablogsudah
berhasildibuat

Gambar1.6Halamankonfirmasikeberhasilanpembuatanblog
6.KlikSTARTPOSTING,jikaAndainginmencobauntukpostingpertamakali

Gambar1.7Menuuntukposting
7.JikaAndasudahmenuliskanposting,makalanjutkanlangkahAndadenganmengeklik
PUBLISHPOST

Gambar1.8KonfirmasibahwapostingAndaberhasil

aChooseatemplate
SAMPLEBLDG

Yourbloghasbeencreated!
Posting|SettingsLaout

Tine:]

Yourblogpostpublishedsuccessfully!
@W(inanewwindow)
Needtochangeit?Edit|:ostICreateanewpost

Gambar1.9AlamatblogAndapadaaddressbar
Sampaipadalangkah8,sebenarnyaAndabarumembuatstandarblogminimalis,artinya
masih
sederhanadanperluuntukdikembangkan.
PENGEMBANGANBLOG
BerikutlangkahlangkahuntukmengembangkanblogAnda,agarblogAndamenjadilebih
menarikdandinamis.
DASHBOARD
Dashboardmerupakanhalamanutamapadablogyangdigunakanuntukmeletakkan
fiturfiturpengaturanblog.MenudashboardterletakdikananatashalamanblogAnda

8.JikaAndainginmengeditpostingAnda,makaAndapilihEditpost,namunjikaAnda
sudahyakindenganpostingyangbarusajadibuatAndadapatmelihatpreviewblogAnda
denganmengeklikViewBlogatauinanewwindow

Gambar1.11Halamandashboarddiblogger.com
Beberapafungsifitur:
CreateaBlogmembuatblogbaru,sehinggadenganfituriniAndadapatmembuat
banyakblogdenganhanya1login(account)
ViewBlogmelihatpreviewblogAnda
NewPostmembuatpostingbaru
ManagePostsmengaturposting(edit/hapusposting)
Settingpengaturanblog
Layoutmenggantitemplate,ukurandanwarnahuruf,editHTML
EditProfilemengubahprofilAnda

MyAccountpengaturanaccountblogAnda

Gambar1.10Tomboldashboarddiblogger.com

el
Address

CreateaBlog

ManageYourBlogsCreama
ComputerTutorialViewBlog5

MyFirstBlog
Nophotoavailable.

0Account
Language:

LAYOUT
Merupakanfituryangdigunakanuntukmenambahelemenelemenhalamanblog(html,
polling,kalender,slideshowdanlainlain),pengaturanfontcolor,edithtmldanmenganti
templatebaruyangdisediakanblogger.com

Gambar1.12MenumenupadaLayout
PAGEELEMENTS

Gambar1.13MenumenupadaPageElements
Beberapafungsifitur:
Edit(header)mengaturheader(bagianatasblog/banner).PadafituriniAnda
dapatmenggantigambarheadersesuaidengankeinginanAnda.Caranyadengan
uploaddarihardiskkomputer/flashdisk/medialainnya.SelainituAndadapat
menambahkandeskripsiblogAnda.JanganlupauntukmengeklikSAVE
CHANGES,jikaAndamelakukanperubahanpadaheader

Gambar1.14Optimisasiheader

AddandArrangePageElements
AclclaPageElement
BlogArchive
AboutMe

ElugDescriptiunL
mageii'Frnmynurrumputer:Browse...|

AddaPageElements,merupakanfituryangdigunakanuntukmenambahelemen
elemenblog,misalnyaslideshow,poll,list,linklistdanlainlain.SayapercayaAnda
dapatmengexplorebagianbagianinidenganmudah

Gambar1.15Pageelements
Darisekianelemenyangdapatditambahkanpadahalamanblog,elemen
HTML/JavaScriptmerupakanelementerpentinguntukmembuatblogAndamenjadi
lebihmenarik.PadaelemeniniAndadapatmenambahkankodekodeHTMLatau
Javasciptyangdiperolehdarisitussituspenyediaelemenblog,misalnyaAndadapat
menambahakankodeHTMLshoutbox(kotakkomentar)darioggix.comatau
menambahkancounterdaristatcounter.comdanlainlain.(daftarsituspenyediaelemen
bloggratisterdapatpadaakhirtutorialini)

Gambar1.16TampilanelemenHTML/Javascript

B.ChooseaNEMFaggefIElement

Title._

Gambar1.17TampilanMenuEditHTML
UntukmenumenuyanglainsepertiPostingdanSettingsayapercayabahwaAndadapat
meng
exploredenganmudah.

PERINTAHPERINTAHDASARHTML
PerintahHTMLFungsiPerintahContohPerintah
<ahref=alamaturl>teks</a>membuathyperlink/link<ahref=http://istiyanto.com>Link
keIstiyanto.com</a>
<imgsrc=alamaturlgambar>memasukkangambar
padahalaman
<imgsrc=http://istiyanto.com/wp
content/gambarku.jpg>
<marqueedirection=left>teks
</marquee>
membuatanimasiteks
berjalandarikanankekiri
<marqueedirection=lef>Initeks
berjalan</marquee>
<palign=center>teks</p>mengaturparagrafrata
tengah
<palign=center>tengah</p>
<br>gantibaris(enter)<br>
<fontsize=1>font1</font>mengaturukuranfont<fontsize=1>font1</font>

MenggantiTemplatedarisituslain

Sepertiyangdisebutkandiatas,bahwaAndadapatmenggantitemplateblogAnda
dengan
templatesepertiyangdisediakanfinalsense.comataudengantemplatebuatanAnda
sendiri.Darisituspenyediatemplategratis,AndaakanmendapatkankodekodeHTML
yangdapatAndacopy,kemudianpastekemenuEditHTMLpadabagianLayout.
HalpentingyangperluAndalakukanketikaAndamelakukanperubahantemplatedengan
menuEditHTMLadalahbahwaAndaharusmembackupkodekodeHTMLyangasli.
TujuannyaadalahuntukmengantisipasibilakodeHTMLyangAndaperoleherroratau
tidakberfungsi.
SelainituAndaharusmengaktifkanExpandWidgetTemplatesdenganmemberitanda
checkpadakotakyangdisediakan.

BackupIRestoreTemplate
Beforeeditingyourtemplateyoumaywanttosaveaeop'g.of1t.DownloadFullTemplate
Edittheeententsefyourtemplate.Learnml@

DAFTARLINKPENYEDIAELEMENGRATIS
AlamatURLIsi/penyediaelemen
http://www.freeblogcontent.comkalendergratis
http://finalsense.comtemplatebloggratis
http://www.clocklink.comjamgratis
http://shoutmix.comshoutbox/guestbook
http://oggix.comshoutbox/guestbook,googlepagerank
http://photobucket.comhostingfilephoto/gambargratisataupenyedia
penyimpanfotogratis
http://flickr.comhostingfilephoto/gambargratisataupenyedia
penyimpanfotogratis
http://abibakar.blogspot.comtemplatebloggratis
http://snapdrive.nethostingfilegratis,digunakanuntuk
menyimpanfilefileAndaagardapatdi
download(pdf/doc/xls)
http://megashare.comhostingfilegratis,digunakanuntuk
menyimpanfilefileAndaagardapatdi
download(pdf/doc/xls)
http://rapidshare.comhostingfilegratis,digunakanuntuk
menyimpanfilefileAndaagardapatdi
download(pdf/doc/xls)
http://www.blogpatrol.comfreecounter,blogstatistic
http://myglitterromance.comglitter
http://wishafriend.comcountdowns

http://www.haloscan.comcommentboard
http://www.tagboar.comtagboard
http://www.doneeh.comtagboard,counter
http://statcounter.comfreecounter,blogstatistic
http://amazingcounter.comfreecounter,blogstatistic
http://www.blogskins.comtemplatebloggratis
http://www.bloggertemplates.blogspot.comtemplatebloggratis
http://www.blogspottemplates.blogspot.comtemplatebloggratis
http://sitemeter.comfreecounter,statistikpengunjung

DAFTARLINKTUTORIALSERBASERBIBLOG
AlamatURLIsi/deskripsi
isnaini.comtutorialblog,adsense
kombor.comadsense
kolomtutorial.blogspot.comtutorialblog

DAFTARLINKKOMUNITASBLOGGERDEBRITTO
AlamatURLIsi/deskripsi
istiyanto.comsoalsoalmatematika,tutorialflash
ekonomi161.blogspot.commediapembelajaranekonomi
goesprih.blogspot.commediapembelajaransastraindonsia
wcssc.blogspot.commusik
http://fanderlart.wordpress.compengalaman,pemikiran,ideide

edukartono.blogspot.compemikiran,ideide
marketvalas.blogspot.commarketvalas
sasind.blogspot.comceritacinta

DAFTARLINKKOMUNITASBLOGGERINDONESIA
AlamatURLIsi/deskripsi
http://blogindonesia.comkumpulanbloggerindonesia
http://www.ayongeblog.comkumpulanbloggerindonesia,daftarkomunitas
bloggerdaerahdannondaerah
angkringan.or.idkomunitasbloggerJogja
http://kumpulblogger.orgjaringanblogmediaadvertising
www.angingmamiri.comkomunitasbloggerMakasar
www.tugupahlawan.comkomunitasbloggerSurabaya
www.goranahminang.web.idkomunitasbloggerPadang
www.palanta.orgkomunitasbloggerPadang
www.cahandong.comkomunitasbloggerJogja
www.bloggerngalam.comkomunitasbloggerMalang
www.bbv.or.idkomunitasbloggerBandung
www.batagor.netkomunitasbloggerBandungBandungkota
blogger
www.baliblogger.orgkomunitasbloggerBali
www.loenpia.orgkomunitasbloggerSemarang
www.wongkito.netkomunitasbloggerPalembang
www.bloggergarut.or.idkomunitasbloggerGarut
www.seruit.comkomunitasbloggerLampung

mahakam.wordpress.comkomunitasbloggerKalimantanTimur
kaltim.blogspot.comkomunitasbloggerKalimantanTimur
www.bloggerian.or.idkomunitasbloggerian
kantongsastra.blogspot.comesaiesaisatra
http://kampungblog.comkumpulanblogblogindonesia
komunitas.muslimblog.netIndonesiamuslimblogger
Selesaijugadehakhirnyatutorialini....
SemogabermanfaatdanmemberikaninspirasibagiAnda....
Referensi
GoogleSearchEngine
Kindarto,Asdani.2005.TipMudahMembuatBlogBergayadanInteraktf.Yogyakarta:
Penerbit
Andi