lutfietutor.blogspot.

com

Cara Mudah Membuat Blog Di Blogspot

Tutorial Blog Bagi Pemula

lutfietutor.blogspot.com

1. CARA MEMBUAT BLOG Berbicara tentang blog memang tidak ada habisnya. Walaupun pada saat ini sedang tren situs pertemanan, namun ekstensi blog tidak akan tergantikan. Blog yang pada awal diperkenalkan sebagai buku harian Online, kini berubah menjadi mesin multifungsi yang bukan hanya bisa di jadikan buku harian online. Blogspot, Wordpress, Multiply dan beberapa layanan blogging lainnya masih tetap eksis dan bahkan penggunanya semakin banyak di tengah menjamurnya situs sejaring semacam Facebook Dan Twitter. Langsung pada artikel ini saya akan membahas sedikit tentang cara membuat Blog Di Blogspot. caranya mudah dan gampang sebelum memulai membuat blog , alangkah baiknya kita mempunyai email terlebih dahulu dan direkomdasikan pakai Gmail. cara Membuat E-mail Silahkan anda baca artikelnya disni (http://lutfietutor.blogspot.com/2012/01/cara-membuat-akun-gmail-googlemail.html). Setelah mempunyai E-mail anda buka alamat www.blogger.com atau anda bisa cari di www.google.com. setelah di buka anda akan di hadapkan dengan tampilan seperti gambar di bawah

Blogger.com 1 Jika sudah punya email di Gmail.com sobat tinggal login dengan menggunakan email dan sandi dan klik tombol masuk. Setelah masuk blogger dasboard anda tinggal klik buat blog baru dan masukan Judul Blog,Alamat Blog dan memilih Tampilan.

lutfietutor.blogspot.com

Tampilan Awal Membuat Blog 1 Sebelum di teruskan cek dulu alamat blognya apakah tersedia atau tidak, jika alamatnya sudah tersedia sobat tinggal klik Tombol Buat Blog, selesai sudah sobat membuat blog. 2. CARA POSTING DI BLOG Blog sudah tebentuk sekarang sobat tinggal posting dan membuat artikel di blog, untuk membuat tulisan di blog sobat tinggal klik tombol yang bergambal pinsil

Post Blog 1 Setelah itu akan terbuka halaman untuk membuat posting di blog.

Post Blog 2 Disana ada 2 tampilan yaitu Compose dan HTML, jika sobat lebih mengerti dengan kode HTML sebaiknya sobat menggunakan

lutfietutor.blogspot.com

tampilan HTML tapi interface Compose saja.

jika

masih

awan

sebaiknya

menggunakan

Cara memilih jenis hurup sobat tinggal Klik logo yang bertanda F

Post Blog 3 Untuk Selanjutnya untuk mengatur tampilan kecil sobat tinggal klik yang bertanda TT

huruf

mau

besar

atau

Post Blog 4

Post Blog 5

B = Bold dalam artian tulisan Tebal I = Italic artinya tulisan di post miring U = Underline tulisannya bergaris bawah ABC = Strikethrough artinya tulisan di coret di tengah tengah A = Untuk member warna pada hurup/tulisan Teks BackGround Color = Untuk member warna latar pada tulisan Link = Untuk Memberi Link Pada Tulisan Insert Image = Untuk menyisipkan gambar pada postingan Insert Video = Untuk memasukan Video ke dalam blog Insert Jump Break = Untuk memberikan readmore/penggalan postingan Aligment = Untuk mengatur rata teks baik rata kiri,tengah atau rata kanan Number List = Untuk member nomor/penomoran pada postingan Bullet List = Untuk member Bullet pada postingan Quote = Untuk memberi Block Note atau catatan kecil pada psotingan T = untuk mengahapus format dalam postingan Spelling = Untuk Cek Grammer

lutfietutor.blogspot.com

Selain itu ada dalam postingan label,Jadwal,Tautan Permanen,Lokasi dan Pilihan

ada

lagi

yaitu

cara

Post Blog 6

Label Jadwal Tautan Permanen Lokasi Pilihan

: Untuk member label pada postingan : Untuk Memberi Jadwal Postingan : Untuk menyisipkan tautan permanen pada postingan : Untuk menyisipkan lokasi postingan : Untuk memberikan apakah postingan tersebut boleh di komentar atau tidak,dll.

3. HALAMAN PADA BLOG Cara membuat halaman Static pad blogspot caranya mudah, sobat tinggal klik laman terus pilih Laman kosong

4. CARA MENAMBAHKAN GADGET DAN TATA LETAK Untuk menambahkan gadget pada blogspot caranya pertama sobat klik tab tata letak terus klik tambah gadget yang terdapat pada blog sobat.

lutfietutor.blogspot.com

Desgin Blog 1

Setelah itu akan muncul beberapa gadget, sobat tinggal pilih dari salah satu gadget tersebut untuk ditampilkan dalam dalam blog sobat.

Desgin Blog 2

5. Cara Pengaturan Postingan Untuk mengatur tampilan posting sobat tinggal klik dalam area posting

Desgin Blog 3

Setelah itu akan muncul form untuk mengatur tampilan posting

lutfietutor.blogspot.com

Desgin Blog 4

Jumlah Posting : Tampilan posting di halaman utam Teks Tautan : Untuk memberikan tautan teks jika postingan di ringkas Tanggal : Untuk mengatur format tanggal dalam tampilan postingan Komentar : Untuk menampilkan komentar Label : untuk menampilkan label dalam postingan 6. Cara Merubah Skin/Template Dalam Blogspot Untuk merubah template dalam blogspot ada beberapa cara Cara pertama sobat tinggal memilih template yang telah di sediakan oleh blogger.com caranya sobat tinggal klik Template terus pilih template yang sesuai dengan selera.

Desgin Blog 5

Cara kedua sobat bisa desain sendiri di blogger editor, caranya sobat tinggal klik tombol seseuaikan, disana sobat bisa atur dari mulai lebar blog, Latar Belakang,BackGround,Tata Letak,Warna,dan yang lainnya.

lutfietutor.blogspot.com

Desgin Blog 6

Cara Ketiga sobat bisa upload template hasil download dari penyedia template blogger terus sobat copy Script nya terus masukan dalam form edit HTML lalu klik simpan.

Desgin Blog 7

lutfietutor.blogspot.com

SEO (Search Engine Optimation)

1. Seputar Seo Mungkin sobat sudah bosan dan jenuh mendengar kata SEO (Search Engine Optimation), tapi mudah mudahan ketika membaca artikel ini sobat tidak lagi bosan tapi malah tambah semangat untuk untuk mempelajari ilmu SEO, saya juga lagi belajar tentang teknik SEO ini karena saya juga belum paham betul tentang mahluk yang satu ini... he he.. dulu saya pernah posting tentang Apa Arti SEO? mungkin kata katanya masih rancu dan sukar untuk di pahami dikarenakan masih tahap belajar. he he. Secara umum SEO Adalah cara optimasi website agar bisa ditampilkan di halaman utama pada sebuah situs pencarian. Intinya adalah apabila seseorang mengetikkan kata pencarian pada kotak search engine seperti di Google, Yahoo,Bing maupun MSN maka alamat web kita bisa muncul di halaman pertama pencarian sesuai dengan kriteria kata kunci yang dicari user tersebut. terus apa Tujuan SEO tersebut? 2. TUJUAN SEO Tujuannya yaitu untuk mengoptimalisasi blog/web supaya menjadi nomor satu di Search Engine (mesin pencari), jika kita mempunyai visi dan misi dalam pembuatan web/blog maka dengan teknik ini tujuan dari suatu web/blog akan mudah di capai, dikarenakan dengan secara otomatis pengunjung/visitor akan naik dan meningkat, dan kepopuleran web/produk kita akan lebih cepat. 3. BEBERAPA TEKNIK SEO Content Konten adalah paktor utama, karena jika blog kita jarang di update pengunjung males untuk membuka blog/web kita, dan di usahkan kontennya harus rapi dan di sukai oleh para pembaca/visitor Back Link Bakclink adalah sebuah link yang neglink pada blog/web kita, backlink ini sangat berpengaruh untuk kualitas web/blog karena akan meningkatkan ranking suatu web/blog semakin tinggi pagerank suatu web/blog maka akan cepat mudah di indeks dan sangat di senangi oleh search engine. Alamat Domain Dalam pemilihan nama domain di usahakan mengandung unsur kata kunci (keyword) yang sesuai dengan visi misi web/blog kita. Menambahkan Tag Title dan Meta tags Dari beberapa teknik seo ini kita mulai dai menyisipkan meta tah diantanya Meta tag Title, Tag description,Tag keywords,Tag robots,Tag alternate,Tag author dan Copyright Sitemaps sebagai peta dan daftar isi otomatis Adalah halaman yang menampilkan peta link pada website, sitemaps memudahkan spider dari search engine untuk menelusuri isi website dan mengupdate setiap perubahan yang terjadi di website pada database search engine.

lutfietutor.blogspot.com

Natural Listing Natural Listing adalah kita mendaftarkan website pada search engine untuk diindex dalam database search engine tersebut agar bisa ditampilkan pada hasil pencarian melalui search engine tersebut 4. Beberapa Cara Optimalisai Blog supaya Seo Friendly dengan Mesin Pencari a) Optimasi Tampilan Blog b) Optimasi Header Blog c) Optimasi Widget Untuk Interkasi d) Optimasi Alamat Blog Ke Google e) Optimasi Alamat Blog Ke Yahoo f) Optimasi Menggunakan Ping g) Optimasi Dengan Backlink h) Optimasi Dengan Tukaran Link i) Optimasi Menggunakan Meta Tag j) Optimasi Berlangganan Artikel Melalui Email k) Optimasi Mengetahui Kebiasaan Pengunjung l) Optimasi Blog Dengan Situs Jejaring Social m) Optimasi Memasang Page Rank(PR) n) Optimasi Dengan Mengisikan Label a. Cara Optimalisasi Tampilan Blog Cara optimasi blog dengan tampilan blog, emangnya tampilan/design blog mempengaruhi dalam optimasi? mungkin itu yang menjadi pertanyaan sobat blogger, tampilan blog yang bagus dan menarik adalah salah satu optimasi yang dapat meningkatkan pengunjung ke dalam blog, tampilan ini harus sesuai dengan tema yang akan diangkat dan dibahas dalam isi blog kita. Banyak ragam template blogspot yang dapat sobat gunakan untuk mempercantik tampilan blog, baik template dari blogspot itu sendiri hingga template yang disediakn oleh pihak ketiga, jika sobat menggunakan template bawaan blogspot tentunya template blog sobat masih standar, ada banyak sekali template blogspot gratis yang disediakan di dunia maya ini, kalo tidak salah dulu saya pernah posting beberapa situs penyedia template blogger secara gratis, cara optimasi tampilan blog ini ada dua cara : Pertama, sobat Design Template sendiri dengan menggunakan fasilitas Blogger Design Template. Kedua , sobat bisa download template dari situs penyedia Blogger Template b. Cara Optimalisasi Tampilan Blog Jika blog diibaratkan sebuah buku, maka header blog di ibaratkan dengan jilid buku yang bisa mewakili isi dari suatu buku, begitu pula dengan Header Blog yaitu mewakili isi dari suatu blog, tampilan header yang menarik atau setidaknya menunjukan suatu identitas dari isi konten suatu blog akan dapat membantu pengunjung mengenali apa isi yang dimaksud. Sehingga setelah pengunjung melihat tampilan header akan langsung mengerti konten yang ada di dalam blog sobat, untuk membuat tampilan header pada blog

lutfietutor.blogspot.com

memang perlu sedikit keahlian dalam bidang desain Grafis, seperti Adobe Photoshop , Corel Draw, Gimp dan yang lainnnya. Untuk mengganti atau menambahkan Header pada blogspot caranya sangat mudah, jika sobat bermaksud mengganti header blog sobat silahkan sobat terus baca Tutorial blog pada artikel ini. langkah awal yang harus sobat persiapkan adalah sebuah gambar untuk header, dan ingat gambar tersebut harus cocok dengan isi/konten blog sobat, setelah gambar siap di upload langkah selanjutnya sobat ikuti langkah langkah di bwah ini. Login ke blogger Masuk ke area design/tata letak blog Terus sobat tambahakan (jika belum ada) header, atau klik edit pada Gadget Header Langkah selanjutnya sobat klik Browse untuk mencari file header yang sudah sobat buat, atau sobat bisa masukan alamat gambar jika sobat sudah mengupload gambar header tersebut ke internet.

Desgin Blog 8

Sebelum di save sobat atur dulu tampilan header nya disana ada beberap pilihan Behind Title and Description Instead of Title and Description Have Description placed after the image Sharink to fit

Langkah terakhir (jika sudah selesai) sobat klik tombol save dan lihat hasilnya c. Cara Optimalisasi Widget Untuk Interaksi Cara optimalisasi blog lewat widget untuk interaksi dengan pengunjung, salah satu hal yang menarik dan dapat dijadikan optimalisasi blogspot adalah adanya bermacam macam widget yang dapat dipasang ke dalam sidebar blog. Widgetwidget tersebut bukan hanya sebagai pemanis di dalam blog, tetapi dapat pula

lutfietutor.blogspot.com

dijadikan sebagai optimalisasi dan interaksi antara pengunjung dengan admin atau pemilik suatu blog/website. Jika sobat selalu berinteraksi dengan pengunjung maka sobat akan mengerti dan paham tentang apa yang di butuhkan oleh pengunjung, ada bermacam macam widget blog untuk digunakan interaksi antara pemilik blog dengan pengunjung, diantanya : Pemasangan Kotak Komentar Pemasangan YM (Yahoo Masangger) Pemasangan Buku Tamu Pemasangan Chat Live Pemasangan Forum Pemasangan Social Media Milik Admin blog d. Cara Optimalisasi Blog dengan Google Untuk Optimaliasi ini sama dengan submit blog ke webmaster milik google.com Cara Submit Ke Google Webmaster. menurut para ahli Seo cara ini mungkin sering di lakukan dan harus, karena kebanyakan orang mencari sesuatu di dunia maya atau internet bisanya menggunakan jasa search engine google. jadi sebaiiknya jika blog rekan rekan ingin di index dalam mesin pencari google sebaiknya sobat ikuti cara ini. Sebelum ke TKP alangkah baiknya kita mengetahui dahulu apa Itu Google Webmaster?. Google Webmaster adalah alat untuk para webmaster yang berguna untuk memeriksa status pengindexan dan visibilitas pengoptimalan web di mesin pencari google, atau bisa juga di katakan salah satu teknik Seo, oke mungkin itu sedikit gambaran tentang google webmaster. Silahkan sobat kunjungi alamatnya di www.google.com/webmasters/ e. Cara Optimalisasi dengan Backlink Sebelum menganal lebih jauh tentang backLink sebaiknya kita mengetahui apa itu BackLink? backliknk atau blogwalking adalah suatu optimasi blog yang sering dugunakan, sobat dapat berkunjung dari blog satu ke blog lainnya dengan memberikan komentar ke dalam blog yang sobat kunjungi. Tentu saja dengan meninggalkan suatu jejak atau link blog milik sobat agar blog sobat yang kunjungi dapat kembali mengunjungi blog sobat. Sobat dapat mencari blog-blog yang sejenis dengan konten yang ada di dalm blog yang sobat buat, sobat dapat memanfaatkan Google (search engine) untuk melakukan pencarian, selain itu sobat juga dapat mengunjungi layanan Direktory blog, misalkan Blog Catalog, Technorati, Topofblogs, Blogtopsite, dan direktori blog yang lainnya. Ada beberapa hal yang harus sobat perhatikan dalam meninggalkan komentar yaitu : Dalam memberikan komentar gunakanlah bahasa yang sesuai dengan bahasan isi/konten blog. Kunjungi Blog yang mempunyai konten sama Jangan melakukan Spaming

lutfietutor.blogspot.com

f.

Berikan kalimat referensi saja jangan kalimat kalimat promosi Yang penting sertakan Link URL artikel sobat yang berhubungan dengan isi artikel yang sobat kunjungi. Cara Optimalisasi dengan Ping Services Sebelumnya sobat mungkin bertanya apa itu ping? Ping adalah sebuah tools atau alat yang dapat sobat gunakan mempromosikan blog ke banyak service yang ada di dunia internet. Jika ping di analogikan sebagai speker pengumuman di keluarahan, maka setiap RT dapat mendengar pengumumam yang dilakukan oleh speaker di kelurahan, jadi jika di dalam dunia blog pengumuman dapat diartikan adalah konten artikel yang ada di dalam blog, dan setiap RT diartikan sebagai web services yang menerima pengumuman. Sobat sudah mengertikan dengan maksud kata kata diatas? kesimpulannya ping services adalah sebuah tools yang dapat digunakan untuk mempromosikan sebuah konten web/blog di dalam dunia internet. banyak sekali tools yang dapat digunakan untuk melakukan ping diantaranya : Google Ping Ping O Matic Pingates Pingoat Dan Masih banyak lagi.. Untuk menggunakan tools ping yang ada di internet caranya mudah sekali pertama sobat kunjungi situs penyedia layanan ping misalkan Ping O Matic, setelah itu sobat diminta untuk memasukan Nama Blog, Alamat (URL) Blog, RSS URL. misalkan sobat ingin ping blog sobat menggunakan Ping O Matic sobat tinggal masukan apa yang harus diasukan dalam form isian. Setelah semuanya di isi sobat klik tombol Send Pings

TAMBAHAN 1. Cara Membuat Related Post Cara membuat related post di blogger, namun pada kesempatan ini saya akan menulis tentang related post dengan gambar, untuk membuat related post dengan gambar seperti di bawah caranya hampir sama seperti pada postingan yang terdahulu, namun ada sedikit penambahan script.

Desgin Blog 9

Oke sekarang kita langsung saja, langkah pertama untuk membuat related post dengan thumbail/gambar yaitu : Sobat Login ke akun Blogger Terus Sobat masuk ke area Design/Rancangan Blog Langkah Selanjutnya Klik Tab Edit HTML

lutfietutor.blogspot.com

Terus jangan lupa sobat centang Expand Widget Templates Terus sobat cari tag </head>, setelah ketemu tag </head> sobat copy kode di bawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> .rthumbail{ zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 4px #AAAAAA; box-shadow: 0 1px 2px rgba(0,0,0,.2); } #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; background-color:#d4eaf2; } </style> <script type='text/javascript'>

lutfietutor.blogspot.com

var defaultnoimage=&quot;http://1.bp.blogspot.com/djv2KDm4i1E/TnbxoZXbtpI/AAAAAAAAAOI/9faexSy8uZU/s746/noimages.gif&quot;; var maxresults=12; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;&quot;; </script><script src='http://bloggertutorial.googlecode.com/files/related-thumbail.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

Setelah itu sobat cari tag/kode <div class='post-footer-line post-footer-line-1'> atau yang menyerupai atau sobat juga bisa meletakannya di bawah tag <data:post.body/>, silahkan yang mana saja boleh yang penting bisa dipasang, setelah itu sobat copy kode di bawah ini dan letakan di bawah kode <data:post.body/> atau kode <div class='post-footerline post-footer-line-1'>.
<div class='rthumbail'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-inscript&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> </b:if> </div>

Langkah terakhir sobat save template blog nya, dan lihat hasilnya 2. Cara Menyisipkan Widget Flash Analog Oke untuk membuat widget flash analog caranya mudah sekali pertama sobat kunjungi alamat ini http://www.widgetbox.com/widget/digitalflashclock setelah itu sobat pilih gadget mana yang sobat sukai, langkah selanjutnya, sobat klik tulisan get widget nanti akan keluar kode JavaScriptnya setelah itu sobat copy dan masukan kedalam gadget HTML/JavaScript dan vaste kode tadi pada form, terus sobat save dan lihat hasilnya.

lutfietutor.blogspot.com

Desgin Blog 10

Selain dari situs widgetbox.com sobat bisa memasang jam di blog dengan mengambil script dari situs http://www.clocklink.com/ caranya hampir sama dan jam nya pun berbagai macam. pertama sobat kunjungi alamt tadi, terus sobat klik Gallery dan pilih style jam yang ada diatarnya : Jam Analog Jam Animal Jam Animation Jam Digital dan yang lainnya Sampai disini dulu artikel yang bisa saya sharing semoga bermanfaat Salam Blogger Muhammad Lutfi My Blog lutfietutor.blogspot.com