Buat Account di Blogger

Blogger.com merupakan situs yang menyediakan jasa pembuatan website tanpa anda harus membayar domain dan hosting alias gratis tetapi nama domain kita berakhiran blogspot.com seperti contoh www.tutorialbikinblog.blogspot.com Langkah pertama untuk membuat website atau blog di blogger.com adalah dengan membuat account diblogger.com, sebelum membuat account diblogger anda harus mempunyai account di www.google.com, supaya lebih jelas silahkan ikuti langkah-langkahnya sebagai berikut: Silakan kunjungi www.blogger.com Kemudian klik perintah create your blog now atau klik tombol Ciptakan Blog Anda Selanjutnya akan muncul window Google Account silakan daftar Account Google anda jika anda belum mempunyai account google dengan mengisi blank form secara lengkap dan jika anda sudah memiliki account google silakan langsung login ke account anda Selanjutnya akan muncul window “name your blog”, isikan nama blog dan blog address yang ingin anda daftarkan, ketika anda selesai mengisi blog address anda silakan klik check availability yang berada dibawahnya untuk mengetahui apakan address yang anda masukkan sudah terdaftar atau belum sampai muncul tulisan “This blog address is available “dan lanjutkan tombol Continue

Akan muncul window choose a template kemudian template yang anda inginkan kemudian continue

pilih

1

Muncul window Your blog has been created! Berarti anda sudah berhasil membuat blog anda dan bias memulai melakukan posting

Cara Posting Artikel
Pada dasarnya website tiga menu utama yaitu: Posting Setting Layout Untuk membuat postingan baru atau edit postingan kita menuju menu Posting yang berada di halaman dashboard anda yang akan muncul setelah kita sign in di blogger.com Untuk memulai posting langkah dibawah ini: artikel silahkan ikuti langkahyang menggunakan blogger mempuyai

Sign in di Blogger menggunakan user name dan password acoount google anda yang sebelumnya sudah anda buat Akan muncul halaman Dasboard New Post kemudian akan muncul halaman seperti ini dibawah ini

2

Silakan masukkan judul artikel anda pada kotak yang ditunjukkan tanda panah warna merah, masukkan content artikel anda pada kotak yang ditunjukkan tanda panah berwarna biru dan isikan kategori postingan anda pada kotak yang ditunjukkan tanda panah warna hijau klik Publish Post tidak perlu klik Save Now karena secara otomatis postingan anda sudah tersimpan klik view blog untuk melihat hasil postingan anda.

Mengatur Tata Letak (Layout)
Apa yang dimaksud mengatur tata letak content blog, sebelumnya saya jelaskan terlebih dahulu apa yang dimaksud content sebuah blog, yang dimaksud content pada blog adalah isi halaman suatu blog yang biasanya berupa halaman postingan,kalender,jam,kolom buku tamu, kolom komentar,kolom iklan2 dan masih banyak yang lain, biasanya susunan dari content-content anda sesuai dengan template yang anda gunakan, kita hanya bisa mengatur dan menambah content nya saja Seperti contoh layout pada blog saya seperti dibawah ini

Untuk mengatur tata letaknya masuk ke menu Layout yang berada di halaman dasboard anda kemudian akan muncul halaman seperti diatas, tuju salah satu content yang ingin anda pindahkan dan drag menggunakan klik kiri mouse kemudian tahan dan pindahkan ke tempat yang anda inginkan. 3

silahkan kunjugi website dibawah ini dan klik menu Free Template yang ada pada bagian atas blog New Template Silahkan http://tutorialbikinblog.blogspot.com/ Setelah masuk ke website tersebut silahkan pilih template yang anda sukai kemudian download kode HTML nya dan simpan di hard drive komputer anda Sign in ke Blogger Layout Edit HTML silahkan simpan dulu template anda dengan klik Download Full Template Untuk menghindari error saat upload template yang baru silahkan upload template yang sudah anda download sebelumnya dengan klik tombol Upload yang berada si sebelah kanan tulisan “Upload a template from a file on your hard drive” Setelah berhasil Save Template View Blog anda dan liat template baru anda Catatan: Jika tidak berhasil silahkan gunakan browser internet dengan yang lain misalnya firefox jika tidak bisa coba gunakan internet explorer karena ada template yang bisa support menggunakan IE (internet Explorer) 4 .saya akan memberikan salah satu website yang menyediakan template blog. anda mendapat template yang disebut template klasik atau template dasar yang disediakan oleh blogger.Mengganti Template Ketika anda membuat blog. kita juga bisa mengganti template kita dengan template baru yang bisa kita upload kode HTML nya di banyak situs-situs penyedia suatu template website Berikut ini ada 2 cara untuk mengganti template blog anda yaitu: Template klasik Sign in di Blogger Layout Choose pilih template save Template Template Baru Untuk mengganti template menggunakan template baru.

com/accounts/Login?continue=http:// www. isilah kotak tersebut dengan alamat blog anda contohnya http://tutorialbikinblog.id/&hl=id) Setelah berada di halaman account anda.com .Daftar Blog di Webmaster Blog Mengapa website atau blog anda harus didaftarkan di Webmaster Google karena setelah anda membuat blog tentunya anda ingin blog anda dikunjungi oleh banyak pengunjung.co.blogspot. sebaiknya dibawah kode berikut: 5 . salah satu caranya adalah blog anda harus terindeks di mesin pencari terbesar ini yaitu salah satu nya www.google.com/ Klik tombol Add Site Klik link Verify your site Klik menu dropdown yang ada. Biar mudah pilih saja yang Add a meta tag Copy meta tag yang di berikan.google. lalu paste diwindow yang lainnya agar mudah di gunakan nantinya. Silahkan masuk ke account blogger dan tuju blog yang di daftarkan tadi Copy paste meta tag yang di berikan tadi. supaya blog anda cepat terindeks di google silahkan anda ikuti langkah-langkah berikut: Login di google kemudian masuk ke account tombol webmaster anda klik jika blm punya account google silakan kunjungi link dibawah ini https://www.google. pilih metode yang di inginkan. lihat halaman sebelah atas ! di sana terdapat kotak isian di samping tombol Add Site.

yahoo. langkah-langkahnya adalah sebagai berikut: Login di blogger anda pada halaman Dashboard Layout Klik edit HTML Kemudian add widget Pilih edit HTML menu Silahkan copy salah satu kode dibawah ini dan ganti kode yang berwarna merah dengan ID anda Contoh 1 <div><form name="copy"><div align="center"><input onclick="javascript:this.txt.txt. Membuat Simbol Icon YM Untuk membuat simbol Yahoo Messenger di blogger yang menunjukkan status anda dan pengunjung bisa langsung online dgn anda. sekarang blog anda sudah terindex di google yang merupakan mesin pencari terkenal didunia dan bisa dilihat oleh seluruh dunia. HEIGHT: 60px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><a href="ymsgr:sendIM?eni_12may"><img src="http://opi.pageTitle/></title> untuk template klasik <title><$BlogPageTitle$></title> Bila sudah selesai.blogspot. lalu klik tombol “Verify” Jika tidak ada kesalahan.com/online?u=yono_pati&m=g&t=0 border="0 /> </a></textarea></p></div></form> 6 .form." type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 350px.Untuk Template baru <title><data:blog. kembali ke Google site map.focus().com/” “You've verified Selesai. akan ada tulisan successfully http://NamaBlogAnda.this.sel ect().form.

HEIGHT: 60px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><a href="ymsgr:sendIM?eni_12may"><img border="0" src="http://opi.form.txt.txt.this.focus().this.form.yahoo.txt. terisi lengkap akan muncul pesan 7 .form.com/online?u=yono_pati&m=g&t=2 border="0 /> </a> </textarea></p></div></form> Cara Pasang dan Daftar Sitemeter Sitemeter berfungsi untuk mengetahui jumlah pengunjung dan asal pengunjung yang telah mengunjungi blog anda karna semakin banyak pengunjung yang mengunjungi blog anda maka semakin tinggi traffic blog dan akan mendukung popularitas suatu blog anda.Contoh 2 <div><form name="copy"><div align="center"><input onclick="javascript:this. berikut cara daftar dan pasang sitemeter: Silakan daftar dengan mengunjungi situs www." type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 350px.txt.sitemeter.focus().com pilih sitemeter basic Free ini Isikan data-data blog / web anda kemudian next sampai semua data terisi lengkap Setelah semua data Success! Thank You.sel ect().sel ect(). HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><a href="ymsgr:sendIM?eni_12may"><img src="http://opi.yahoo." type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 350px.form.com/online?u=eni_12may&m=g&t=2"/></a> </textarea></p></div></form> Contoh 3 <div><form name="copy"><div align="center"><input onclick="javascript:this.

By World Map menampilkan asal kota atau negara asal pengunjung dalam bentuk peta. By Entry Pages halaman yang dituju pada saat pengunjung datang. By Exit Pages halaman yang terakhir dilihat oleh pengunjung. waktu kunjungan. Visits menampilkan data pengunjung dalam bentuk diagram Current Day per hari Previous 7 Days per minggu Previous 30 Days per bulan Previous 12 Month per tahun 8 . By Out Clicks link yang diklik pengunjung pada saat meninggalkan blog.Pilih style menu Manager Pilih jenis sitemeter di meter Untuk mendapatkan kode HTMLnya klik Meter JavaScript HTML untuk yg blogger/XML/Java Script atau Site Meter blogger klasik Regular HTML HTML pilih Site menggunakan new untuk yg menggunakan Kemudian copy di blogger anda di layout add gadget edit HTML/Javascript copy kode tersebut langkah terakhir save setting Fungsi menu-menu di Site meter General Sumary Jumlah semua pengunjung dari awal kita pasang sitemeter. dan lama kunjungan. By Referrals asal pengunjung. Who's On Jumlah pengunjung pada saat ini. Traffic Prediction prediksi Traffic untuk blog/website kita Recent Visitor By Details detail pengunjung sepeti alamat domain/IP. By Location menampilkan data kota atau negara asal pengunjung. jumlah halaman yang dilihat.

nah untuk membuat link tersebut ikuti langkah-langkah sebagai berikut: Login ke Blogger New Post Ketik artikel yang akan anda masukkan beserta tulisan yang akan anda masukkan linknya. misalnya “untuk informasi selengkapnya silakan kunjungi disini” link yang akan dikunjungi akan kita masukkan di kata “disini” highlight tulisan tersebut(disini)kemudian klik insert link yang berada ditoolbar halaman posting Akan tampil http:// “Explorer User Trompt box” dgn icon tulisan Masukkan alamat situs yang anda inginkan http://tutorialbikinblog.blogspot.com Terakhir klik Ok dan selesai misalnya 9 .Visits and page views menampilkan data kunjungan dan jumlah halaman yang dilihat oleh pengunjung Current Day per hari Previous 7 Days per minggu Previous 30 Days per bulan Previous 12 Month per tahun Page ranking rangking halaman berdasarkan halaman pada saat masuk (Entry page) atau keluar (Exit Pages) Cara Memasukkan Link di Postingan Ketika anda posting sebuah artikel dan ingin memasukkan sebuah link kepostingan tersebut.biasanya anda sering lihat dengan tulisan klik disini yang jika di klik langsung masuk ke halaman website yang ingin kita tampilkan.

isi text area kosong tersebut dengan kode di bawah ini <div class="fullpost"> </div> 10 .Membuat Readmore Read more pada postingan digunakan untuk mempersingkat tampilan postingan di blog atau website anda seperti contoh salah satu website yang menggunakan fasilitas readmore yang ditunjukkan pada screenshoot dibawah ini: Sign in di blogger Setting Formatting Pada layar paling bawah. ada text area kosong disamping tulisan Post Template.

silahkan ikuti langkah berikut : Klik menu Dasboard Layout Edit HTML Klik tulisan Download Full Template Silahkan save dulu template tersebut. kita masih punya back up data untuk mengembalikannya seperti semula dgn upload kembali data tersebut Jangan lupa beri tanda centang pada kotak di samping tulisan Expand Widget Template 11 . untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editing pada template.Sehinggan hasilnya seperti screenshoot dibawah ini Klik tombol yang bertuliskan Save Settings Pemasangan kode ini supaya pada saat posting artikel. kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu ditext area saat posting Langkah selanjutnya yaitu menambahkan kode pada template.

url'>Read More. untuk memudahkan menemukan kodenya menggunakan Ctrl+F di keyboard anda <div class='post-header-line-1'/> <div class='post-body'> Atau <div class='post-header-line-1'/> <div class='post-body entry-content'> Copy kode HTML di bawah ini kemudian paste di bawah kode diatas <b:if cond='data:blog...body/></p> <b:else/> <style>..}</style> Kemudian lihat berikut ini : kebagian bawah sehingga terlihat kode <p><data:post.pageType == "item"'> <style>.Silahkan anda cari kode berikut pada kode template milik anda.</a> </b:if> Silakan ganti tulisan Read More sesuai keinginan anda 12 .}</style> <p><data:post...fullpost{display:inline.body/></p> Copy kode HTML di bawah ini kemudian paste di bawah kode diatas <a expr:href='data:post.fullpost{display:none.

&#187.<data:post.&#187. </a></strong> klik tombol bertuliskan Save Template Cara Posting Artikel nya Klik menu Posting->Edit HTML Secara otomatis akan timbul kode seperti ini: <div class="fullpost"> </div> Tuliskan artikel yang ingin tampak pada blog anda sebelum kode dibawah ini <div class="fullpost"> 13 .Jika ingin menampilkan Read More beserta judul postingan seperti contoh screenshoot website dibawah ini: silahkan ganti kode diatas dengan kode dibawah ini: <strong> <aexpr:href='data:post.url'>Lanjut baca di &#8220.title/>&#8221. &#160.

untuk menghilangkan tanda tersebut silakan ikuti langkah-langkah dibawah ini: Login ke blogger Layout Edit HTML klik Expand Widget Template Silakan temukan kode dibawah ini ]]> &lt. } Klik tombol Simpan template Selesai!! 14 ../b:skin> Copy paste kode berikut persis di atas kode yang tadi : .Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode dibawah ini : </div> Klik tombol PUBLISH POST Silakan lihat blog anda.tanda obeng dan tang kita temukan saat kita mengedit blog kita dan melihatnya maka akan muncul tanda-tanda ini di setiap halaman gadget kita maksudnya supaya kita bisa langsung edit gadget kita.. Menghilangkan (Quick Edit) tanda obeng dan Tang Dimana kita menemukan tanda Obeng dan Tang? mungkin ini pertanyaan pertama anda saat baca halaman ini.quickedit{ display:none.

Memasukan kode HTML dipostingan Apabila kita akan poting sebuah artikel dimana artikel tersebut terdapat kode-kode HTML nya maka cara postingan tidak bisa langsung memasukkan kode-kode tersebut karena tidak akan muncul kode yang sama dengan kode yang kita posting. &plusmn. &nbsp. &copy.meta http-equiv="refresh" content="10"&gt./meta&gt. Keterangan Kurung runcing terbuka Kurung runcing tutup Tanda Dan Tanda petik ganda Tanda plus minus Tanda Spasi Tanda hak cipta (copyright) Tanda terdaftar (Registered) Contoh cara posting artikel yang terdapat kode-kode HTML Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : <meta http-equiv="refresh" content="10"> </meta> Maka saat posting artikel berubah menjadi seperti dibawah ini Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : &ltbr/><br/> <code> &lt. Dibawah ini merupakan tabel kode-kode penggantinya Karakter < > & " ± Spasi © ® Notasi &lt. &reg. &gt.maka diperlukan kode-kode pengganti yang kita gunakan saat posting kode-kode HTMLnya. <br/> &lt. &amp. &quot. </code> 15 .

Login ke Blogger Layout Add Gadget 2. untuk membuat kotak blogroll ada 2 macam yaitu: Kotak Blogroll Text Area Kotak Blogroll Marquee Contoh kotak Blogroll Text Area Kotak Blogroll Text area biasanya digunakan untuk pasang link frind anda atau link postingan anda Kotak Blogroll Marquee biasanya dipasang untuk link2 iklan.Cara Membuat Kotak Blogroll Dalam Suatu blog atau website terdapat halaman-halaman postingan yang ingin kita tampilkan sebagai fungsi scrool ataupun bisa juga untuk memasang link-link blogger atau link friend. Silakan masukkan kode dibawah ini 16 . untuk membuatnya anda hanya menambahkan kode HTML nya. related link Untuk lebih jelas silahkan ikuti langkah-langkah dibawah ini: 1.

text-align: center. 153). border:1px solid #eee"> <a href="Link 1">Judul Link 1</a> <br /> <a href="Link 2">Judul Link 2</a> <a href="Link dst">Judul Link dst</a> </div> Silakan ganti kode yang berwarna merah dengan URL link anda dan kode yang berwarna hijau dengan judul link anda dan seterusnya sedangkan untuk membuat Blogroll marquee silakan copy kode dibawah ini <div style="border: 1px solid rgb(153. overflow: auto.padding:10px. "> #link1 <br /> #link2 <br /> #link3 <br /> #link. </div> Silakan ganti Link dengan URL yang akan anda masukkan 17 .</a></li> <div style="overflow:auto.. width: 200px.height:200px. height: 200px.. 153.<li><a href="#">.width:300px..

Cara Mengganti Blog Adress Dalam suatu blog terkadang kita ingin mengganti alamat blog kita dengan alamat yang lebih kita sukai. anda tidak perlu membuat blog baru nah untuk menggantinya ikuti langkah dibawah ini: Login ke blog anda dan masuk halaman Dashboard anda Klik Setting Klik tombol Publishing Disebelah Blog*Spot Address ada alamat blog anda Silakan ganti dgn alamat baru Masukkan kode di word Verification form Kemudian Save setting jika alamat blog anda sudah ada yang menggunakan akan ada tulisan muncul “Sorry.Selesai 18 . 10.Kemudian klik kembali tombol Save Setting 11.this blog address is not available” silakan isi kembali alamat blog anda yang dgn yang lain sampai muncul tulisan “Subject to availability”.

Membuat Link Exchange (Banner Blog) Link Exchange adalah media untuk tukaran link website atau blog anda dengan memasang banner yang kita design sendiri dan meletakkan pada blog kita beserta kode scriptnya supaya bisa dicopy oleh pengunjung yang ingin tukeran link dgn anda sebagai contoh banner blog seperti ini Cara untuk membuat link exchange sebagai berikut: Silakan buat banner anda secara free dengan mengunjungi http://cooltext.com Silakan pilih logo anda atau banner anda dan silakan edit logo anda sesuai keinginan anda kemudian klik render logo Get HTML code Silakan register jika anda belum mempunyai account dan login jika anda sudah mempunyai account Silakan copy kode anda ke halaman lain dahulu Sign ini ke blog anda Layout->Add Gadged HTML/Javascript-->Copy kode dibawah ini <textarea name="textarea" cols="30"><a href="http://tutorialbikinblog.com"><img src="http://images.blogspot.com tadi Save setting 19 .com/329956.cooltext.jpg" width="110" height="25" alt="Tutorial Blogger" /></a></textarea> Silakan ganti angka yang berwarna merah yaitu ukuran lebar dari kolom text exchange anda Ganti alamat yang berwarna biru dengan alamat blog anda Ganti kode yang berwarna hijau dgn kode2 yang ada di kode yang anda dapat dari cooltext.

Hasilnya akan seperti kotak dan jika anda ingin menambahkan gambarnya silakan copy kode2 yang ada dalam kotak tersebut dan letakkan di tempat yang anda inginkan atau bisa juga dicopy diatas kotak text areanya. Membuat Text Berjalan Fungsi text berjalan untuk membuat pengunjung blog atau website lebih fokus pada apa yang ingin kita sampaikan. penggunaan text berjalan biasanya berisikan informasiinformasi terbaru atau sejenis pengumuman-pengumuman Cara membuat text berjalan adalah sebagai berikut: Login ke Blogger anda Layout Add masukkan kode dibawah ini gadget silakan <MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> marquee menurut perilaku </MARQUEE> Kode yang berwarna merah adalah text yang akan anda pasang Save Setting 20 .

sel ect().blogspot. HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini.form. untuk menghindari halaman posting kita tertutup makan perlu window baru sehinggan halaman website kita tetap muncul.this.focus().Text Box Area Text box area biasanya digunakan untuk memasang kode-kode HTML yang dimaksudkan supaya bisa dicopy oleh pengunjung.txt.com/ 21 . untuk membuatnya silakan tambahkan kode ini setelah alamat url link target="new" jika link yang anda masukkan sebelumnya seperti ini http://tutorialbikinblog. Untuk membuat text box area anda hanya membuat kode dibawah ini lalu silahkan pasang di gadget yang anda ingin kan <p align="center"><textarea name="code" rows="6" cols="20"> Isi text anda atau kode2 HTML</textarea></p> Sedangkan untuk membuat text box area dengan menampilkan kotak highlight nya silakan copy kode dibawah ini <div><form name="copy"><div align="center"><input onclick="javascript:this.txt." type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px. maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form> Membuat window baru di link postingan Apabila kita memasukkan sebuah link di postingan kita maka halaman blog kita akan tertutup dan akan digantikan dengan halaman link yang anda buka.form.

selected Index].open(this.com/ target="new" Membuat Dropdown Menu Untuk membuat menu dropdown silakan ikuti langkah-langkah dibawah ini: Login di blogger->Layout Add gadget Silakan copy kode dibawah ini: <select onchange="javascript:window.options[this.maka setelah ditambah kode akan menjadi seperti ini http://tutorialbikinblog.blogspot.blogspot.com/" target="new"> Computer Center</option> </select> Kode FRIEND’S LINK akan muncul di kotak Dropdown dan silakan ganti kode warna merah dengan link yang akan anda tampilkan dan code yang berwarna biru dengan judul link yang akan tampil di menu DropDown Dibawah ini silahkan lihat contoh screenshoot menu DropDown yang ditunjukkan dengan anak panah warna merah 22 ."> <option value="0" selected>FRIEND’S LINK</option> <option value="http://dewamira.value).

Highlight pada Script/Kode di Postingan Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Cara membuat Higlight Script / Kode pada postingan: Login ke blogger lalu pilih Layout-->Edit HTML Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin> 23 . Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain.

padding: 5px 5px 5px 5px.com/2008/05/kode-kode-warna. kemudian ditambahkan kode </p> diakhir script/Kode. text-align: left.border-left: 1px dotted #223344.feedburner. Untuk kode-kode warna bisa kunjungi link dibawah ini http://trik-tips.} Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight. border-top: 1px dotted #223344. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight.border-right: 1px dotted #223344. Cara Daftar feedburner Feedburner adalah jasa layanan publikasi suatu web dengan cara menyebarluaskan suatu content dan rss feed suatu blog / web.alert { background: #DDE4FF..border-bottom: 1px dotted #223344. kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu.html Simpan Cara Posting Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri.sehingga layanan feedburner ini membantu mempromosikan isi suatu blog atau web sehingga bisa traffic suatu blog atau website Untuk mendaftar www.com Setelah anda dibawah ini di feedburner silakan kunjungi mengunjungi akan muncul halaman seperti 24 .blogspot.

Silakan isi kotak yang dilingkari merah dengan alamat blog atau web anda kemudian langsung klik next dan tidak perlu klik kotak I am podcaster setelah itu akan muncul halaman berikut: 25 .

jika ada kesalahan biasanya karena feed address silakan isi dengan nama yang lain sampai muncul window dibawah ini Setelah alamat feed blog anda jadi. Lalu masukan alamat feed anda yang tadi di buat ke kotak isian posting URL pengubahan arah feed save. Selanjutnya anda setting feedburner anda 26 . Langsung klik aja skip directly to feed management tidak perlu klik next. Caranya masuk ke menu pengaturan feed situs. Kembali ke feedburner. anda langsung saja menuju ke blogger untuk mengubah settingan feed blogger.Isi kolom tersebut sesuai data blog anda kemudian klik Active Feed.

Fungsi service email subsciption tersebut adalah untuk mengaktifkan form berlangganan yang bisa anda pasang di blog anda. Silakan kunjungi http://www. Selanjutnya klik sign in. Ping shot dan Feedcount. dibawa ke suatu halaman feed anda di klik pada feed blog yang mau di tersebut. Setelah itu anda akan feedburner. Pada halaman feedburner (Analyze. berfungsi untuk memberitahu feedburner secara langsung jika blog kita sudah di update. 27 . Disana silahkan masukan username dan password anda. Sehingga jika anda melakukan ping dari situs ping service. Monetize. yang di buat sewaktu pertama kali daftar di feedburner. Troubleshootize). Untuk ping shot. terdapat 5 menu yang ada di Optimize.com/ kemudian sign in Kemudian akan muncul suatu halaman.Cara Setting Feedburner Setting feedburner ini dimaksudkan untuk mengoptimalkan feed blog kita yang udah di daftarin di feedburner Untuk cara setting feedburner.feedburner. dan klik menu optimize smartfeed kemudian klik dan aktifkan. langkah pertama yang harus di lakukan adalah login dulu di feedburner. dapat langsung terdetek dengan cepat oleh feedburner. klik menu publicize kemudian aktifkan service email subscription. Publicize. Silahkan setting.

klik publicize.Cara pasang Feedburner form berlangganan Email Salah satu layanan yang disediakan oleh feedburner yaitu form berlangganan email Layanan feedburner ini akan memudahkan para pengunjung blog untuk mendapatkan posting terbaru dari suatu blog melalui email sehingga pengunjung langsung dapat artikel diemail mereka setiap ada postingan terbaru t dari suatu blog caranya cukup dengan mendaftarkan email-nya di form berlangganan email yang dipasang pada suatu blog yang mereka ingin langganan cara membuat form berlangganan email di feedburner. 28 . Di bagian menu atas. lalu masukan Klik pada blog yang akan di pasang layanan berlangganan email.com username dan password anda.feedburner. Sign ini di http://www.

silahkan klik dulu activate untuk menggunakan layanan ini. Untuk memasang form berlangganan email di blog ada 2 cara pertama Copy seluruh kode html nya lalu paste di sidebar blog anda dan cara kedua langusung dengan memanfaatkan import elemen blogger. Setelah itu.Selanjutnya. subscription pada halaman publicize klik email Jika email subscription anda belum active. akan muncul suatu halaman seperti dibawah ini. 29 .

Untuk cara pasangnya seperti biasa login ke blogger Layout Add Gadget Copy HTML diatas Selesai 30 .

com/fb/a/email verifySubmit?feedId=2835894'." action="http://www.feedburner. 'popupwindow'.Edit Tampilan Feedburner Form Berlanggana Email Jika sebelumnya form berlangganan seperti ini kode HTML dibawah ini email feedburner anda <form style="border:1px solid #ccc.feedburner.width=550.feedburner.feedburner.textalign:center.height=520').open('http://www.padding:3px. 'scrollbars=yes.com/~e?ffid=2835894" name="url"/><input type="hidden" value="bikinblog" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.com" target="_blank">FeedBurner</a></p></form> Akan dimodifikasi maka kode dengan kode dibawah ini: yang berwarna merah diganti <p><input type="text" style="width:140px" name="email"/> <input type="hidden" value="kursus-blog" name="uri"/> <input type="hidden" name="loc" value="en_US"/><input type="submit" value="Enter" /></p> 31 .return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.

Maka hasilnya menjadi seperti ini: 32 .

Sign up to vote on this title
UsefulNot useful