BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4...

25
[BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 1 BAB II PENDAHULUAN A. Latar Belakang Perkembangan ilmu pengetahuan dan teknologi sekarang ini semakin pesat. Semakin canggih paralatan teknologi yang berkembang, semakin mempermudah manusia dlam menjanani kehidupannya. Perangkat teknologi kini tidak membatasi wilayah maupun waktu. Dimanapun dan kapanpun tidak menjadi masalah saat perangkat teknologi digunakan oleh setiap orang. Dulu jika ingin berkomunikasi kita membutuhkan waktu yang cukup lama. Saat berkirim surat kita harus pergi ke kantor pos dan menunggu surat itu sampai pada tjuan kemudian pihak yang kita kirimi surat membalasnya. Namun sekarang, dengan perkembangan IPTEK kita hanya membutuhkan waktu bebrapa detik atau beberapa menit untuk salng betregur sapa. Itulah fungsi dari teknologi. Perangkat teknologi yang sekarang sedang gencar digunakan adalah teknologi intenet. Banyak fitur-fitur yang menarik yang disajikan. Mulai dari jejaring social sampai jejaring bisnis. Adapula situs tempat sharing ilmu pengetauan dan pengalaman. Bukan hanya untuk sekedar berbagi cerita sahari-hari, tetapi bisa digunakan ntuk kepentingan pendidikan. Contohnya adalah Blog. Saat berniat blogging, kita mungkin akan kebingungan untuk membuat blog dimana. Sebab banyak sekali pilihannya. Mulai dari blogger,wordpress,multiply, blogdrive, indosiar, boleh, detik, dagdigdug, dan lainnya. Di antara sekian banyak pilihan tempat blogging itu, kali ini kita akan mengulas dua penyedia blog yang paling banyak digunakan saat ini, Blogger.com dan wordpress.org. B. Rumusan Masalah Dalam makalah ini masalah yang akan diangkat adalah: 1. Apa yang dimaksud dengan blogger dan wordpress? 2. Bagaimana cara membuat blog di blogger?

Transcript of BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4...

Page 1: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 1

BAB II

PENDAHULUAN

A. Latar Belakang

Perkembangan ilmu pengetahuan dan teknologi sekarang ini semakin pesat.

Semakin canggih paralatan teknologi yang berkembang, semakin mempermudah

manusia dlam menjanani kehidupannya.

Perangkat teknologi kini tidak membatasi wilayah maupun waktu.

Dimanapun dan kapanpun tidak menjadi masalah saat perangkat teknologi

digunakan oleh setiap orang.

Dulu jika ingin berkomunikasi kita membutuhkan waktu yang cukup lama.

Saat berkirim surat kita harus pergi ke kantor pos dan menunggu surat itu sampai

pada tjuan kemudian pihak yang kita kirimi surat membalasnya. Namun sekarang,

dengan perkembangan IPTEK kita hanya membutuhkan waktu bebrapa detik atau

beberapa menit untuk salng betregur sapa. Itulah fungsi dari teknologi.

Perangkat teknologi yang sekarang sedang gencar digunakan adalah teknologi

intenet. Banyak fitur-fitur yang menarik yang disajikan. Mulai dari jejaring social

sampai jejaring bisnis. Adapula situs tempat sharing ilmu pengetauan dan

pengalaman. Bukan hanya untuk sekedar berbagi cerita sahari-hari, tetapi bisa

digunakan ntuk kepentingan pendidikan. Contohnya adalah Blog.

Saat berniat blogging, kita mungkin akan kebingungan untuk membuat blog

dimana. Sebab banyak sekali pilihannya. Mulai dari blogger,wordpress,multiply,

blogdrive, indosiar, boleh, detik, dagdigdug, dan lainnya.

Di antara sekian banyak pilihan tempat blogging itu, kali ini kita akan mengulas

dua penyedia blog yang paling banyak digunakan saat ini, Blogger.com dan

wordpress.org.

B. Rumusan Masalah

Dalam makalah ini masalah yang akan diangkat adalah:

1. Apa yang dimaksud dengan blogger dan wordpress?

2. Bagaimana cara membuat blog di blogger?

Page 2: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 2

3. Bagaimana cara membuat blog di wordpress?

4. Apa perbedaan blogger dan wordpress?

C. Tujuan

Adapun tujuan dari pembuatan makalah ini adalah agar kita mengetahui :

1. Kegunaan blogger dan wordpress.

2. Cara membuat blog di blogger.

3. Cara membuat blog di wordpress.

4. Perbedaan blogger dan wordpress.

Page 3: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 3

BAB II

PEMBAHASAN

A. Kegunaan Blogger dan Wordpress

Blog adalah suatu tempat di mana anda dapat menulis berbagai hal sebagai

entri blog. Hal-hal tersebut bisa berupa hobi anda, sesuatu yang anda baru saja

pelajari atau pertanyaan mendetil mengenai hal yang ingin anda pelajari. Dengan

kata lain, blog berfungsi sebagai media komunikasi antara anda dengan ratusan

juta pengguna internet di seluruh dunia. Beberapa di antara mereka mungkin saja

meninggalkan masukkan yang berharga dalam bentuk komentar.

Berikut adalah manfaat blog yang dikutip dari http://bloggingly.com/11-

manfaat-blog-dari-media-aktualisasi-hingga-mendapatkan-penghasilan/ yaitu :

1. Media Aktualisasi Diri

Salah satu kebutuhan manusia adalah to be recognized - untuk di akui

kehadirannya, untuk di perhatikan. Untuk menunjukan siapa dirinya. Apa

yang dipikirkannya, apa yang menjadi perhatianya, apa yang menarik

untuknya, apa yang disenanginya, apa yang dibencinya, apa pemikirannya

dan apa yang diinginkannya. Dan blog memapu memfasilitasi hal tersebut,

dalam skala jangkauan yang mendunia. Dengan blog (dan dukungan berbagai

web app di world wide web) seseorang kini dapat mengaktualisasikan dirinya

dalam berbagai media (text, image, graphic, video, audio, slide presentasi,

dll) yang bisa diakses oleh ‘semua orang di penjuru dunia yang terhubung ke

jaringan internet’.

2. Personal Branding

Personal Branding atau self positioning -memposisikan diri berdasarkan

apa yang dapat dilakukan, membuat orang teringat akan anda ketika mereka

Page 4: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 4

dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di

dunia modern ini.

3. Markas Besar Di Dunia Maya

Begitu banyak tempat bersosialisasi di dunia maya dan sulit untuk

memberi tahukan semuanya kepada orang sekaligus. Blog bisa anda jadikan

markas besar pusat seluruh aktifitas anda di dunia maya: CV, Online

portofolio, link, badge atau widget menuju situs-situs social network yang

anda inginkan seperti Facebook, Twitter, Plurk, Digg, LintasBerita, LinkedIn,

dll.

4. Media Promosi

Blog ditempatkan di jaringan internet. Dengan strategi yang tepat

(SEO+SMM+Other Techniques) anda bisa mendatangkan para pengguna

internet ke blog anda dan membuatnya membaca apa yang anda promosikan.

5. Mendapatkan Relasi Baru

Sudah menjadi bawaannya bahwa manusia selalu mencari manusia lain

yang memiliki ketertarikan sama. Buat blog tentang topik yang anda minati,

dan pengunjung yang memiliki topik yang sama dengan anda pun akan

mendatangi anda. Mereka bisa mengomentari post di blog anda dan bisa

membalasnya. Terjadi conversation disana, dan membuka peluang untuk

terjadinya hubungan kan.

6. Mendapatkan Penghasilan

Ada dua cara mendapatkan penghasilan dari internet:

Direct Income – Blog anda memang menjadi „sumber uang‟ anda.

Anda update konten dengan entri berkualitas, perbesar tingkat

kunjungan visitor ke blog anda, lakukan monetisasi. Bisa dengan

menjual spot banner (tapi sudah tidak terlalu efektif lagi rasanya),

Service Pay-Per-Click, Pay-Per-Post, Paid-To-Review, buat review

tentang produk yang diafiliasikan, atau mungkin langsung menjual

produk di blog anda. dll.

Indirect Income – Blog anda gunakan sebagai media promosi bisnis

anda dan diri anda. Visitor datang ke blog, terkesima dengan diri anda

Page 5: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 5

dan portofolio anda, dan mereka mengontak anda untuk deal bisnis

selanjutnya.

7. Stress Release, Emotion Release

Terkadang kita hanya ingin melampiaskan apa yang kita rasakan.

Terkadang kejenuhan dan terkadang kebahagiaan. Blog memfasilitasi hal

tersebut. Tapi selalu ingat aturan emasnya: Jangan berlebihan. Jangan sampai

kasus kehilangan pekerjaan dan kejadian tidak diinginkan lainnya terjadi

karena anda berlebihan dalam mengekspresikan diri.

8. Media Memberi, Media Sharing

Terkadang kita hanya ingin berbagi apa yang kita ketahui, berbagi

kebaikan, berbagi ilmu atau berbagi pengetahuan. Jika yang anda ingin share

kepada orang lain bisa di fasilitasi dengan text, graphic, video, audio,

presentasi, dll. Blog bisa memfasilitasi hasrat berbagi anda.

9. Jurnal Catatan Kehidupan Anda

Catat semua yang anda rasakan dan publikasikan di blog anda. Suatu hari

di kehidupan anda kelak, baca kembali apa yang sudah anda tulis.

10. Mendapatkan Feedback Atas Apa Yang Anda Rasakan

Mayoritas blog memiliki fitur komentar di setiap artikelnya. Hal ini

memfasilitasi orang untuk memberi respons terhadap apa yang anda tulis.

11. Public Relation Yang Lebih Humanis

Jika anda bertujuan mempromosikan bisnis atau korporasi -corporate

blogging-, salah satu karakteristik blog adalah personal point of view yang

menjadikan blog lebih humanis sehingga pengunjung merasa lebih „nyaman‟.

B. Cara Membuat Blog di Blogger

Membuat blog tidaklah sesulit yang kita pikirkan, bahkan sekarang banyak

sekali modul-modul yang bisa kita share atau download melalui google yang bisa

memberikan petunjuk mengenai cara membuat blog. Namun, secara singkat tata

cara membuat blog di www.blogger.com adalah :

1. Terlebig dahulu kita buat account di gmail. Caranya adalah dengan

masuk www.gmail.com

Page 6: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 6

2. Setelah membuat account di gmail, kita masuk ke www.blogger.com ,

maka akan muncul tampilan :

Tampilan awal Blogger

Page 7: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 7

Mulai ciptakan account di Blogger

Beri nama blog yang telah diciptakan

Pilih salah satu template untuk mempercantik tampilan blog.

Setelah memilih template, maka blog anda telah jadi.

Page 8: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 8

Contoh blog yang telah dibuat

3. Memasukkan / mengentri data ke Blogger

Pilih entri baru untuk mengentri data pada blog, akan muncul

tampilan seperti di bawah. Kemudian beri judul dan masukkan data

pada kolom. Setelah selesai klik „Terbitkan Entri‟.

4. Rancangan di blogspot berguna untuk merancang tampilan blog kita. Ini

bisa kita atur dan sesuaikan sesuai dengan apa yang kita inginkan.

Page 9: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 9

Jika kita mengklik perancang template, maka akan muncul

tampilan seperti dibawah ini. Template ini dipilih sebagai tampilan

blog untuk mempercantik blog.

Background, digunakan untuk mengatur backround atau tapilan

dibelakang template yang kita pilih.

Adjust Widths, untuk mengatur besarnya sidebar pada blog.

Layout, untuk mengatur kolom yang kita tampilkan pada blog.

Advance, untuk mengatur warna pada tampilan blog.

Page 10: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 10

5. Pengaturan pada komentar

6. Mengaplod flash di up2share. Ini dilakukan untuk memasukkan filr flash

ke bolg yang kita miliki.

Registrasi

Sukses n login

Masuk ke browser untuk memilih data kemudia upload.

Page 11: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 11

Login ke blogger kemudian pilih menu "Layout". Kemudian klik

link "Add a gadget" dimana akan ditempatkan animasi flash.

Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high"

bgcolor="white" width="500" height="100" type="application/x-

shockwave-flash"

pluginspage="http://www.macromedia.com/shockwave/download/i

ndex.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :

- Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file

flash kamu yang telah ditaruh di hosting.

- Ganti width="500" height="100 dengan ukuran dari file

flashmu.

7. Cara ganti template

Login ke akun blogmu

Pas udah masuk, klik rancangan

Terus pilih edit HTML

Ceklis expand template widget

Terus browse template yg kamu mau (format template harus

berbentuk .xml)

Klik save change

8. Cara liat ada berapa pengunjung blogmu

Login ke akun blogmu

Pas udah masuk, klik rancangan

Terus pilih elemen laman

Klik tambah gadget, ketika muncul banyak pilihan, pilih

HTML/Java script

Lalu copas kode berikut di konten

<a

href="http://www.alexa.com/siteinfo/www.ikkyaditya.co.cc"><scri

pt language="JavaScript"

src="http://xslt.alexa.com/site_stats/js/t/b?url=www.ikkyaditya.co.

cc" type="text/javascript"></script></a>

9. Cara nambahin jam di blog

Login ke akun blogmu

Setelah masuk, klik rancangan

Terus pilih elemen laman

Klik tambah gadget, ketika muncul banyak pilihan, pilih

HTML/Java script

Lalu copas kode berikut di konten

<script src="http://www.clocklink.com/embed.js"></script><script

language="JavaScript" type="text/javascript">obj=new

Page 12: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 12

Object;obj.clockfile="5028-

red.swf";obj.TimeZone="Indonesia_Jakarta";obj.width=150;obj.hei

ght=150;obj.wmode="transparent";showClock(obj);</script>

10. Cara bikin YM di blog

Login ke akun blogmu

Setelah masuk, klik rancangan

Terus pilih elemen laman

Klik tambah gadget, ketika muncul banyak pilihan, pilih

HTML/Java script

Lalu copas kode berikut di konten

<a href="ymsgr:[email protected]"><img

border="0"

src="http://opi.yahoo.com/[email protected]&a

mp;m=g&amp;t=14"/></a>

11. Cara bikin efek salju

Login ke akun blogmu

Setelah masuk, klik rancangan

Terus pilih elemen laman

Klik tambah gadget, ketika muncul banyak pilihan, pilih

HTML/Java script

Lalu copas kode berikut di konten

<script src="http://snow-effect.googlecode.com/files/snow.js"

type="text/javascript">

/*********************************************** *

Snow Effect without images-by Kurt Grigg at

http://www.btinternet.com/~kurt.grigg/javascript * Script featured

& available at http://hermanblogtips.blogspot.com/ * Please keep

this notice intact

***********************************************/

</script>

12. Cara bikin ramalan cuaca

Login ke akun blogmu

Setelah masuk, klik rancangan

Terus pilih elemen laman

Page 13: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 13

Klik tambah gadget, ketika muncul banyak pilihan, pilih

HTML/Java script

Lalu copas kode berikut di konten

<tbody><tr>

<td valign="middle" style="padding: 0px 0px 0px 8px;"

height="25" align="left"><div style="line-height: 10px;"><a

style="font-family: Verdana; font-size: 10px; font-weight: bold;

color: rgb(255, 255, 255); text-decoration: underline;"

href="http://wowweb.weather.com/weather/local/IDXX0022?confi

g=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*

MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;site=3

00x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp;cod

e=link&amp;promo=cityName&amp;cm_ite=link&amp;cm_pla=ci

tyName" class="wowwhtLink10" target="wownewwin">Jakarta,

Indonesia</a></div></td>

</tr>

<tr>

<td valign="top">

<table border="0" width="100%" cellpadding="0"

cellspacing="0">

<tbody><tr>

<td width="1"><img border="0" alt="" width="1"

src="http://imawow.weather.com/web/blank.gif"

height="22"/></td>

</tr>

</tbody></table>

<div style="padding: 0px 0px 0px 10px; width: 178px;">

<table border="0" cellpadding="0" cellspacing="0"

height="115">

Page 14: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 14

<tbody><tr>

<td valign="top" style="padding: 0px 0px 0px 5px;">

<table border="0" cellpadding="0" cellspacing="0">

<tbody><tr>

<td valign="top" style="padding: 0px 0px 0px 7px;"

width="45" align="center"><a

href="http://wowweb.weather.com/weather/local/IDXX0022?confi

g=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*

MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;site=3

00x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp;cod

e=cc&amp;promo=cc-icon&amp;cm_ite=cc&amp;cm_pla=cc-

icon" target="wownewwin"><img border="0" width="45"

src="http://imawow.weather.com/web/common/wxicons/45/30.gif?

12122006" height="45"/></a>

</td>

<td valign="top" align="left"><!-- wx conditions -->

<table border="0" style="padding: 0px 0px 0px

5px;" cellpadding="0" cellspacing="0">

<tbody><tr>

<td valign="top" width="85" class="wowwxTempSm"

align="center"><a style="text-decoration: none;"

href="http://wowweb.weather.com/weather/local/IDXX0022?confi

g=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*

MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;site=3

00x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp;cod

e=cc&amp;promo=cc-text&amp;cm_ite=cc&amp;cm_pla=cc-text"

target="wownewwin"><div style="font-family: Arial; font-size:

18px; font-weight: bold; color: rgb(51, 51, 51); text-decoration:

none;" class="wowtempText">88°F</div><div style="font-family:

Arial; font-size: 11px; font-weight: normal; color: rgb(51, 51, 51);

Page 15: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 15

text-decoration: none;" class="wowwxPhrase"

align="center">Partly Cloudy</div></a></td>

</tr>

</tbody></table>

</td>

</tr>

<tr>

<td valign="top" colspan="2"><div id="wowfeel"

style="padding: 0px 0px 0px 10px;" class="wowwxFade">Feels

Like: 95°F</div></td>

</tr>

<tr>

<td colspan="2"><div

id="wowhumid" style="padding: 0px 0px 0px 10px;"

class="wowwxFade">Humidity: 62%</div></td>

</tr>

<tr>

<td colspan="2"><div

id="wowwind" style="padding: 0px 0px 0px 10px;"

class="wowwxFade">Wind:

WSW&nbsp;16&nbsp;mph</div></td>

</tr>

<tr>

Page 16: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 16

<td colspan="2" style="padding: 4px 0px 0px

10px;" class="wowwxLink10" align="left"><a style="font-family:

Arial; font-size: 10px; color: rgb(51, 51, 255); text-decoration:

underline;"

href="http://wowweb.weather.com/weather/hourbyhour/IDXX0022

?config=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=wi

nter*MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;si

te=300x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp

;code=link&amp;promo=hrbyhr&amp;cm_ite=link&amp;cm_pla=

hrbyhr" target="wownewwin">Hour-by-hour</a><font

color="#999999"> | </font><a style="font-family: Arial; font-size:

10px; color: rgb(51, 51, 255); text-decoration: underline;"

href="http://wowweb.weather.com/weather/tenday/IDXX0022?con

fig=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*

MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;site=3

00x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp;cod

e=link&amp;promo=10day&amp;cm_ite=link&amp;cm_pla=10da

y" target="wownewwin">10-day</a></td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</div>

<div style="position: relative; width: 178px; height:

65px;">

<form style="margin: 0px; padding: 0px; display:

inline;" name="searchform" onsubmit="return doSearch()">

Page 17: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 17

<table border="0" style="padding: 2px 0px 0px;"

width="178" cellpadding="0" cellspacing="0">

<tbody><tr>

<td style="padding: 0px 0px 0px 11px;"><input

id="wowzipcode" onfocus="this.value=''" style="width: 120px;"

value="Enter city or U.S.zip" class="wowwxFade"

type="text"/>&nbsp;<input alt="GO" border="0"

align="absmiddle" onclick="doSearch()" type="image"

height="18"

src="http://imawow.weather.com/web/common/buttons/go_search.

gif" width="26"/></td>

</tr>

<tr>

<td valign="top" style="padding: 0px 0px 0px

11px;"><a style="text-decoration: none;"

href="http://wowweb.weather.com/weather/local/IDXX0022?confi

g=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*

MAP=null%7Cnull&amp;par=WOWs0_1158638650&amp;site=3

00x250&amp;cm_ven=WOWs0&amp;cm_cat=300x250&amp;cod

e=brand&amp;promo=atweatherheader&amp;cm_ite=brand&amp;

cm_pla=atweatherheader" target="wownewwin">

</a><table border="0" width="180"

cellpadding="0" cellspacing="0">

<tbody><tr>

<td valign="top"

class="wowaText">@weather.com</td>

</tr>

<tr>

Page 18: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 18

<td width="180" bgcolor="#666666"><img

border="0" width="1"

src="http://imawow.weather.com/web/blank.gif"

height="1"/></td>

</tr>

<tr>

<td style="padding: 0px;"

class="wowwxLink11">

<div><a style="text-decoration: underline; color: rgb(51, 51,

255);" target="wownewwin"

href="http://wowWeb.weather.com/activities/travel/businesstravele

r/?&amp;par=WOWs_&amp;site=300x250&amp;code=linkSet&a

mp;promo=trvllink1&amp;cm_ven=WOWs&amp;cm_cat=300x25

0&amp;cm_ite=linkSet&amp;cm_pla=trvllink1&amp;config=SZ=

300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*MAP=n

ull%7Cnull">Check Flight Delays</a></div>

<div><a style="text-decoration: underline; color: rgb(51, 51,

255);" target="wownewwin"

href="http://wowWeb.weather.com/activities/travel/vacationplanne

r/?&amp;par=WOWs_&amp;site=300x250&amp;code=linkSet&a

mp;promo=trvllink3&amp;cm_ven=WOWs&amp;cm_cat=300x25

0&amp;cm_ite=linkSet&amp;cm_pla=trvllink3&amp;config=SZ=

300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winter*MAP=n

ull%7Cnull">Destination Weather</a></div>

<div class="wowwxLink11">

Page 19: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 19

<a style="color: rgb(51, 51, 255); text-decoration: underline;"

target="wownewwin"

href="http://wowWeb.weather.com/services/ie7.html?&amp;par=

WOWs_&amp;site=300x250&amp;code=link&amp;promo=prdt-

IEtoolbar&amp;cm_ven=WOWs&amp;cm_cat=300x250&amp;cm

_ite=link&amp;cm_pla=prdt-

IEtoolbar&amp;config=SZ=300x250*WX=FHW*LNK=SSNL*U

NT=F*BGI=winter*MAP=null%7Cnull">Get the Weather

Channel Toolbar</a></div>

</td>

</tr>

</tbody></table>

</td>

<td valign="top">

<table border="0" cellpadding="0"

cellspacing="0">

<tbody><tr>

<td width="228"></td>

<td style="padding: 0px 0px 0px 41px;"><a

href="http://wowweb.weather.com?config=SZ=300x250*WX=FH

W*LNK=SSNL*UNT=F*BGI=winter*MAP=null%7Cnull&amp;p

ar=WOWs0_1158638650&amp;site=300x250&amp;cm_ven=WO

Ws0&amp;cm_cat=300x250&amp;code=brand&amp;promo=logo

&amp;cm_ite=brand&amp;cm_pla=logo"

target="wownewwin"><img border="0" width="61"

Page 20: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 20

src="http://imawow.weather.com/web/wow/images/invisBtnBox.gi

f" height="52"/></a>

<div style="background-image:

url(http://x.weather.com/wow/17?cb=0.6721466723037215&amp;c

onfig=SZ=300x250*WX=FHW*LNK=SSNL*UNT=F*BGI=winte

r*MAP=null|null&amp;TIER=0); background-repeat: no-

repeat;"></div>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</form>

</div></td>

</tr>

</tbody>

C. Cara Membuat Blog di Wordpress

WordPress ialah platform penerbitan pribadi yang semantik, yang berfokus

pada estetika, standar web, dan kegunaan. WordPress bersifat gratis, namun di sisi

lain juga tak ternilai harganya.

Page 21: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 21

Piranti lunak inti WordPress dikembangkan oleh ratusan sukarelawan. Ketika

Anda ingin dapatkan lebih banyak kegunaan daripadanya, ada ribuan plugin dan

tema yang tersedia untuk mengubah situs Anda menjadi nyaris apa saja yang

Anda dambakan. Lebih dari 25 juta orang memilih WordPress sebagai “rumah”-

nya di jaringan internet dan tentunya kami juga ingin agar Anda juga dapat

bergabung dengan kami dan mereka semuanya.

Cara mudah membuat blog di wordpress adalah :

1. Masuk ke www.wordpress.com. Akan muncul tampilan seperti dibawah.

Kemudian klik „Sign up now‟ atau „Get Started Here‟.

2. Buat account, isi sesuai data yang anda miliki.

Page 22: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 22

3. Setelah Sign up akan muncul tampilan seperti dibawah ini.

4. Kemudian cek email yang digunakan saat membuat account di wordpress.

Untuk mengecek email misalnya di yahoo.com, maka buka email yang

digunakan. Buka email dan anda akan mendapatkan konfirmasi blog anda.

5. Klik link yang dicetak biru pada email, kemudian akan masuk langsung

ke wordpress.

6. Untuk mengatur blog masukkan username dan password, maka akan

muncul New quick press post seperti gambar di bawah.

Page 23: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 23

7. Untuk mengentri data ke blog klik „My Blog‟ – New Post. Dan untuk

mempostingnya klik „Publish‟.

8. Untuk mengatur tampilan bisa kita pilih setiap icon yang

tersedia dibawahnya, mulai dari tema, widget, menu,

ekstra, ipad, latar belakang, kepala halaman, opsi tema,

dll.

9. Mengatur Profil.

10. Dll.

Page 24: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 24

D. Perbedaan Blogger dan Wordpress

1. Untuk template, keduanya menggunakan jenis ekstensi yang berbeda.

WordPress menggunakan ekstensi jenis PHP, sedangkan Blogspot lebih

memilih untuk menggunakan ekstensi jenis HTML (template classic) dan

CSS (new template). Namun, keduanya sama-sama memiliki dukungan

template GRATISAN yang sama banyak.

2. Untuk custom domain (domain berbayar), Blogspot lebih unggul dari

segi biaya. Tanpa membeli paket hosting, pengguna Blogspot masih

dapat melakukan custom domain dengan tetap menggunakan Blogspot

sebagai media servernya. Sedangkan WordPress, kita wajib membeli

paket hosting + domain, jadi biayanya sedikit lebih mahal. Apalagi jika

Blognya memiliki trafik tinggi, alhasil hosting yang dipilih harus

memiliki bandwidth yang besar. Jika tidak, maka Blog / Web tersebut

akan sering DOWN.

3. Dari segi fitur, keduanya sama-sama memiliki kelebihan dan kekurangan

masing-masing. Dalam hal ini, Blogspot cenderung lebih unggul dari segi

penggunaan. Blogspot lebih user friendly sehingga lebih mudah untuk

digunakan. Fitur unggulan lainnya dari Blogspot adalah kemudahan

dalam mengedit template, yakni dalam mengedit file HTML. Pada tata

letak, kita juga diberi kemudahan untuk drag-and-drop. Untuk WordPress

cenderung sedikit lebih ribet. Blogspot juga diuntungkan dari segi

monetize Blog. Blogspot langsung terintegrasi dengan Google Adsense

dan Amazon, yakni pada menu Monetize. Sementara pada WordPress,

tidak ada option tersebut. Namun, pengguna WordPress tetap dapat

memonetize Blognya di Google Adsense dan Amazon dengan cara

registrasi di situsnya secara langsung.

4. Hal lainnya yang membedakan diantara keduanya adalah masalah

dukungan Plugins. WordPress lebih diuntungkan dengan adanya Plugins

yang memang sangat membantu. Lihat saja akan keberadaan plugins

Akismet yang serta-merta akan langsung memblokir keberadaan

komentar yang dianggap SPAM. Ditambah lagi dengan adanya Plugins

Page 25: BLOgger vs wordpress · [BLOGGER VS WORDPRESS Teknologi Informasi dan Komunikasi Kelompok IV 4 dihadapkan terhadap topik tertentu- adalah sesuatu hal yang sangat vital di dunia modern

[BLOGGER VS WORDPRESS

Teknologi Informasi

dan Komunikasi

Kelompok IV 25

SEO Pack yang sudah tentu akan membantu penggunanya untuk

meningkatkan konten maupun blognya di mata Search Engine.

Sedangkan bagi pengguna Blogger.com, hampir semuanya dilakukan

secara manual. Untuk komentar SPAM, mungkin bisa diakali melalui

proses moderasi terlebih dahulu. Namun untuk SEO? Yaa..harus diutak-

atik sendiri templatenya

5. WordPress dapat mengimport postingan yang ada pada Blogger/Blogspot

sebaliknya Blogger tidak bisa mengimport postingan yang ada pada

WordPress.

6. WordPress menyediakan form komentar yang user friendly sedangkan

Blogger agak ribet untuk memberikan sebuah komentar, tapi jika Anda

bisa mensettingnya tentu saja bisa user friendly

7. Blogger menyediakan menu Drag & Drop yang mudah untuk digunakan,

sedangkan WordPress sulit Drag and Drop edit element halaman.

8. Blogger support Google Adsense yang mudah untuk kita gunakan pada

Edit elemat halaman, sedangkan WordPress tidak mensupport Google

Andsense, meskipun banyak yang menyediakan plugin google Adnsense.

9. WordPress lebih unggul dalam kasus menanggulangi spam karena telah

dilengkapi dengan plugin anti spam, Sedangkan Blogger dapat dilakukan

dengan moderation order dari commenting systemnya.

10. Apabila Anda telah mempunyai domain dan hosting sendiri software

WordPress telah tersedia dan siap diinstall di cpanel Anda. Sedangkan

Blogger tidak tersedia di sana. Tetapi Anda juga bisa menggunakan

domain Anda dan hosting pada Blogger.

11. Wordpress lebih praktis dalam memposting gambar, karena tidak terlalu

sulit seperti di Blogger, cukup dengan mencoppy file berserta foto dan

kemudian mempublishnya.