Blogspot Tutorial | Blogger Template | SEO Blog

Cara Membuat atau Menambahkan 2 Kolom Dibawah Header

2012-02-23T07:41:00.000-08:00

Sudah hampir satu bulan blog ini tidak di update dan sekarang mumpung lagi ada kesempatan jadinya saya duduk sejenak untuk berbagi informasi tetang cara membuat atau menambahkan 2 kolom di bawah header. Seblumnya Dapur Tutorial Blogspot Sudah Pernah Menyampaikan Tetang tutorial Cara Menambahkan Elemen Halaman Baru Dibawah Header Blog dan Cara Menambahkan Elemen Halaman Baru Di Atas Header Blog

Nah...Untuk menambahkan 2 kolom dibawah header tidak begitu sulit kita hanya memodifikasi sedikit dari kode tersebut.

Berikut langkah-langkah yang harus anda lakukan :

Login menggunkan akun blog anda
Setelah anda masuk ke Dashboard pilih Menu "Template"

Klik Tombol Edit HTML

Klik Tombol Proceed atau Tombol Lanjutkan kemudian akan muncul halaman Edit HTML seperti berikut

Centang Expand Template Widget.

Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca caranya Disini
Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }

Sekaran Anda cari Kode <div id='main-wrapper'> atau <div id="main-outer">
Apabila sudah ketemu copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">

</div>
<div id='box-kolom-widget'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>

Lankah terakhir klik Tombol Simpan Template

Selesai dan lihat hasilnya

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar

Demikian Tutorial Kali ini tetang Cara Membuat atau Menambahkan 2 Kolom Dibawah Header Semoga bisa bermanfaat

Cara Menambahkan Elemen Halaman Baru Dibawah Header Blog

2012-02-12T08:51:00.000-08:00

Setelah Dapur Tutorial Blogspot sukses posting tutorial blogspot tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog kali ini Dapur Tutorial Blogspot akan kembali menyampaikan cara menambahkan elemen halaman.

Elemen halaman yang akan ditambahkan kali ini berda di bawah header blog anda seperti gambar berikut

Fungsinya tetap sama sebagai tempat untuk meletakan widget yang pada umumnya digunakan oleh banyak orang untuk meletakan Iklan atau menu horizontal.

Berikut lankah-Lankah yang Harus anda lakukan untuk menabah Elemen Halaman baru dibawah Header :

Selanjutnya akan tampil seperti halaman berikut, klik pada tombol Edit HTML

Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut

Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca caranya Disini
Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:100%;
}

Sekarang anda cari kode yang mirip dengan kode berikut ini

Kode Yang harus anda cari jika anda menggunakan template lama blogger

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

Kode yang harus anda temukan jika anda menggunkan template baru blogger

<div id='header-outer'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

Apabila sudah ketemu copas kode dibawah ini dan letakan dibawah kode diatas

<div id="under_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

Lankah terakhir klik simpan

Selesai

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak jika ada Elemen tambahan dibawah Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar

Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Dibawah Header Blog Semoga bisa bermanfaat

Cara Menambahkan Elemen Halaman Baru Di Atas Header Blog

2012-02-11T09:39:00.000-08:00

Setelah sekian lama bergelut dengan Tutorial Dasar Blogspot atau blogger kali ini akhirnya menyentuh juga ke Tutorial Hack Halaman Blogspot atau blogger. Tentunya jika anda sudah mempelajari tutorial dasar Blogspot Yang Sudah Dapur Tutorial Blogspot Sampaikan sebelumnya seperti Tutorial Mengenal Dasar-Dasar Kode HTML, Cara Mengakses Atau Masuk ke Edit HTML Pada Tampilan Baru Blogspot maupun tutorial-tutorial dasar lainnya tentu anda tidak akan kesulitan dalam melakukan editing templete.

Seperti judul diatas akan membahas tetang tehnik untuk menambakan Elemen halaman baru diatas Header blog. Yang saya maksut dari menambahkan Elemen halaman Baru Diatas Header blog adalah seperti pada gambar dibawah bagian yang ditunjuk oleh panah berwarna merah

Pastikan anda sudah masuk pada halaman blogspot anda pilih menu "Template"

Akan muncul halaman berikut dan klik pada tombol Edit HTML

Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut

Centang Expand Template Widget.
Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca ranya Disini
Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

#gadget_header{
margin:10px 0;
padding:1%;
width:100%;}

Sekaran Anda cari Kode <div id='header-wrapper'> atau <div id="header-outer">
Apabila sudah ketemu copas kode dibawah ini dan letakan diatas kode <div id='header-wrapper'> atau <div id="header-outer">

<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

Lankah terakhir klik simpan

Selesai

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar

Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog Semoga bisa bermanfaat

Gunakan Tehnik Backlink MLM Untuk Dapatkan Backlink Berkualitas

2012-02-10T13:29:00.000-08:00

Semua para blogger pasti akan berburu backlink untuk meningkatkan kwalitas blog mereka di mesin pencari terutama Search enggine google.tentunya tidak mudah untuk mendapatkan backlink yang banyak dalam waktu singkat apalagi jika anda hanya mencari backlink gratis.

Nah kali ini Dapur Tutorial Blogspot menemukan tehnik untuk mendapatkan Backlink yang sangat banyak dan berkualitas untuk itu simaklah tutorial ini dengan baik agar tidak terjadi kesalahan. Tehnik ini Dapur Tutorial Namakan Tehnik "Backlink MLM".

NB :
Keberhasialan Tehnik ini adalah Kejujuran apabila anda bukan orang jujur jangan sekali-kali mengikuti tehnik ini karena tidak akan mendapat hasil dan percuma saja

Seblum masuk ke lankah-lankahnya Dapur Tutorial Blogspot akan jelaskankan cara kerjanya (untuk mempersingkat saya jelaskan melalui tabel berikut :

Ilustrasi jumlah backlink yang diperoleh

Pada Saat anda berada Pada Level 1 jumlah Backlink adalah "0" ketika anda berada pada level 2 jumlah Backlink adalah "2" pada level 3 jumlah Backlink sama dengan "4" setelah pada level 3 jumlah Backlink adalah "8" sekarang bayangkan jika anda pada level 10 Jumlah Backlink yang anda dapat "Jutaan Baclink" itu hanya dengan mengajak 2 pengguna blog saja bagai mana jika mengajak lebih dari itu, jadi tunggu apa lagi segera terapkan Tehnik Backlink MLM ini

Berikut Lankah-lankah untuk Menerapkan Tehnik Backlink MLM :

Buat entri baru pada blog anda kurang lebih mirip seperti postingan ini yang perlu dirubah adalah urutan link dibwah ini.

1.Google Level 10
2.Yahoo Level 9
3.Bing Level 8
4.Facebook Level 7
5.Twitter Level 6
6. Zoomtemplate Level 5
7. Humor Lucu Dan Aneh Level 4
8. Info terunik Level 3
9. Zone Templates Level 2
10. Dapur Tutorial Blogspot Level 1

Hapus Peserta No.1 Geser Peserta No.10 ke No.9 dan seterusnya, selanjutnya tambahkan Link blog anda pada No.10 atau pada Level Satu sehingga menjadi seperti ini :

1 Yahoo Level 10
2.Bing Level 9
3 Facebook. Level 8
4.Twitter Level 7
5. Zoomtemplate Level 6
6. Humor Lucu Dan Aneh Level 5
7. Info terunik Level 4
8. Zone Templates Level 3
9. Dapur Tutorial Blogspot Level 2
10. Url Blog Anda Level 1

Perlu anda ingat , kalau anda harus mulai dari level 10 sebab apabila anda langsung berada pada No.1 maka link blog anda akan langsung hilang

Sampai disini Tugas anda selesai dan anda akan mendapatkan Backlink yang banyak jika anda semua jujur

INI AKIBATNYA JIKA ANDA TIDAK JUJUR

Anda Membuat Entri baru Seperti postingan ini dan anda tidak merubah atau menggeser urutan link Dibawah

1. ........... Level 10
2. ........... Level 9
3. ........... Level 8
4. ........... Level 7
5. ........... Level 6
6. ........... Level 5
7. ........... Level 4
8. ........... Level 3
9. ........... Level 2
10. Dapur Tutorial Blogspot Level 1

Efeknya Link Blog kita semua tidak berubah dan hanya berada pada level 1.jika url blog berada pada level satu semua, berati tidak ada backlink yang kita peroleh untuk itu Jujurlah supaya tehnik ini berhasil.

Yang ikutan Program Baclink MLM ini jangan lupa tinggalkan jejak dengan memberikan komentar anda disini

Hadiah Page Rank Pertama Dapur Tutorial dari Google

2012-02-07T20:41:00.000-08:00

Berawal dari kunjungan ke blog tetangga saya mendapatkan informasi kalau Google Update Page Rang lagi nah saya pun penasaran dengan blog Dapur Tutorial Blogspot ini apa Blog ini yang baru berusia genap 2 bulan dengan pengunjung 10-15 perhari juga mendaparkan penggharggaan dari google.

Untuk mengetahui kebenarannya saya coba cek di PR Checker.info, Ternya setelah saya cek tiba-tiba....!, hem...........tidak disangka-sangka juga mendapat page rang dari Google ya.....namun Page Rang yang di dapat masih tergolong kecil yaitu Page Rang 1 tapi cukup membuat semangat blogging saya jadi lebih tinggi dari pada semangat menyelesaikan skripsi saya ha....ha....payah.....!.

Btw gimana ni dengan blog sobat ?, saya ucapkan selamat buat blog sahabat yang Page Rank nya meningkat dan buat sahabat blogger Dapur Tutorial Blogspot yang Page Rank nya turun jangan berkecil hati terus berjuang dan koreksi kembali apa kesalahannya.

Dimana Posisi Terbaik Untuk Meletakan Link Blogroll ?

2012-02-07T02:24:00.000-08:00

Dimana Posisi Terbaik Untuk Meletakan Link Blogroll ? saya merasa hal ini sangat penting untuk dibahas karena para blogger sampai saat ini masih memiliki 2 aliran berbeda dalam meletakan link blogroll atau kode tukar link dan saya juga merasa sangat penasaran setelah saya di tolak 2 kali untuk bertukaran link dengan blog yang meletakan blogrollnya pada bagian sidebar atau footer.

Yang Pertama saya ditolak karena saya meletakan blogroll pada postingan blog tapi tidak ada lasannya dan

Yang kedua saya ditolak karena meletakan bloggrol pada postingan blog itu curang dan tidak benar

Karena dua kali saya ditolak maka saya mencari kebenarannya apakah emang benar blogroll atau link teman yang baik itu diletakan pada sidebar blog bukan pada postingan.

Saya coba cari tau dari google tapi saya tidak menemukan sama sekali blog/web yang menjelaskan posisi terbaik untuk meletakan blogroll. dan akhirnya saya cari kebenarannya sendiri dengan mengecek index back link dari Seo Tool Alexa dan google webmaster tool. dan ternyata blogroll yang di letakan pada postingan blog dan sidebar blog sama-sama terindex oleh google.

Berikut data yang bisa Dapur Tutorial Blogspot tampilkan

Letak Blogroll pada bagian sidebar dan blogroll pada postingan

Link Blogroll Blog Dapur Tutorial Blogspot didalam postingan blog

Klik gambar untuk memperbesar

Link Blogroll Blog Dapur Tutorial Blogspot Yang ada pada Sidebar blog

Klik gambar untuk memperbesar

Index back link menggunakan SEO Tool

Dilihat dari web Alexa

Klik gambar untuk memperbesar

Dilihat dari Google Webmaster Toll

Klik gambar untuk memperbesar

Jadi dari analisis data diatas tersebut kesimpulan saya apa bila kita meletakan blogroll pada bagian postingan blog dan sidebar blog akan tetap di index oleh google.

Itu hanya kesimpulan dari saya saja jika saya salah mohon untuk di perbaiki atau jika sobat blogger ada pendapat lain segera untuk disampaikan dan untuk para master blog mohon sarannya.

Dikabarkan, Google Adsense Sekarang Suport Blog Berbahasa Indonesia

2012-02-06T22:00:00.000-08:00

Tepat pada taggal 1 Februari 2011 sebuah perusaaan Advertising yang terbesar didunia yaitu Google Adsense memberitaukan bahwa Adsense sekarang suport bahasa indonesia. Hem......ini merupakan kabar yang sangat mengembirakan tentunya menambah semangat kita semua. Berita ini langsung di samapaikan di blog resmi Google Adsense dan bisa langsung anda saksikan dengan mengunjunginya di Adsense.blogspot.com

Gambar diatas adalah gambar yang saya ambil langsung dari blog Google adsense.

Ya...mendengar kabar tersebut pastinya anda juga menginginkan akun adsense google termasuk saya, tapi saya terpaksa menunda untuk menghubungkan blog saya ke google adsense karena jumlah trafik yang masih jelak. dari pada nantinya berujung dengan band dari adsense sebaiknya sa mengurungkan niat saya terlebih dahulu.

Ok ni sekedar info buat sobat yang ingin membuat akun google adsense :

Untuk mengetahui situs seperti apa yang bisa diterima sebagai publizer silahkan baca pada panduan google adsense dengan klik DISINI
Lebih baik anda memiliki akun google terlebih dahulu sebelum mendaftar google adsense. Silahkan kunjungi langsung Form pendaftaran google adsense Disini
Apabila anda sudah mendaftar, maka tunggulan beberapa hari karena Tim adsense akan mereview apakan blog atau web anda memenuhi syarat untuk dipasang ikalan Google adasesnse

Demikian sekedar info mengenai adsense google kali ini semoga bermanfaat busa sahabat-sahabat blogger.Oh ya sebelumnya buat sobat yang sudah memiliki akun google adsense, sobat bisa langsung meletakan kode adsense pada blog sobat tanpa merubah kode didalamnya agar bisa tampil pada blog yang berbahasa indonesia.

Tehnik Membuat Menu Navigasi Breadcrumb Blogspot

2012-02-06T07:46:00.000-08:00

Apa Itu Navigasi Breadcrumb ?, Pertanyaan itulah yang akan kita selesaikan kali ini.Ok akan sya jelaskan apa yang dimaksut dengan Navigasi Breadcrumb. Navigasi Breadcrumb yaitu sebuah tautan link internal yang terletak diatas atau dibawah halaman situs Web/Blog yang digunakan untuk mempermudah para pengunjung untuk kembali kehalaman sebelumnya.

Biar Lebih Jelas anda bisa lihat gambar berikut :

Perhatikan pada bagian gambar yang ditunjuk oleh warnah merah, itu lah yang saya maksut dengan Navigasi Breadcrumb. Pastinya ada sudah sering melihat menu Navigasi Breadcrumb ini di blog-blog yang lain dan untuk melihat demo aslinya anda bisa coba pada halaman blog Dapur Tutorial Blogspot yang juga sudah dilengkapi dengan Navigasi Breadcrumb ini.

Sekarang kita bahasa langkah-langkah untuk membuat menu Navigasi Breadcrumb.

Pastikan ada sudah login kehalaman blog anda
Pilih Template

Klik Pada Menu Edit HTML

Kemudian Klik Pada Tombol Lanjutkan

Selanjutnya anda akan menjumpai halaman berikut

Sebelum Melakukan Edit HTML sebaiknya anda Download Template Lengkap Terlebih Dahulu.
Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F3 untuk mempermudah mencari kode)
Copy dan Letakan kode dibawah ini dibagian atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Apababila sudah selesai sekarang cari kode <div class='post hentry uncustomized-post-template'>
Copy kode dibwah ini dan letakan diatas kode tersebut

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>

Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

Kemudian klik pada tombol simpan
Sekarang lihat pada halam postingan blog anda jika menu Navigasi Breadcrumb muncul berarti anda sudah berhasil melakukan langkah-lankah diatas jika belum jangan menyerah dan berhenti mencoba

Demikian sekilas tetang Tutorial Blogspot tetang cara membuat Membuat Menu Navigasi Breadcrumb Blogspot semoga berhasil dan bermanfaat.

Dapur Tutorial Blogspot Luncurkan Zonetemplates, Blog Untuk Template Blogger

2012-02-05T22:24:00.000-08:00

Apakabar Sahabat Blogger Dapur Tutorial ?, Hem....Pastinya baik-baik semua kan !. Sudah Hampir 2 bulan ni Dapur Tutorial Blogspot Tidak Update akhirnya kali ini berkesempatan untuk update tetapi bukan menyampaikan informasi tetang tutorial blog tapi hanya sekedar Info kalau Dapur Tutorial Blogspot sekarang luncurkan Zonetemplate, Blog khusus Template Blogger.

Zonetemplates resmi di luncurkan Tepat tanggal 1 januari 2012 sebagai blog khusus penyedia template blog. beberapa fasilitas mungkin masih belum berfungsi namun buat sahabat yang ingin mendowload template dari Zonetemplate sudah bisa dinikmati.

Untuk berkunjung ke Zonetemplates silahkan klik link www.zonetemplates.com

Buat sahabat-sahabat Blogger Dapur Tutorial Blogspot yang sudah bersedia membaca sekedar info ini mohon dukungannya dengan memberikan tanggapannya mengenai zonetemplate ini. Semoga dengan tanggapan tersebut dapat membantu perkembangan zonetemplates kedepannya.Trimakasih.......

Salam blogger......!

Cara Mudah Membuat Postingan Artikel Blog Cepat Terindex Search Engine terutama Google

2012-01-07T03:44:00.000-08:00

Tentunya anda menginginkan artikel anda cepat terindek oleh search enggine tetapi sayangnya masih banyak blog yang membutuhkan waktu berhari hari untuk membuat artikel blognya terindex di Search Engine trutama google. Tentuya hal ini akan membuat potensial pembaca artikel blog anda dari search engine akan tertuda, Jadi Apa artinya ?,

Jika sebuah makanan dan makanan itu terlalu lama tersimpan maka makanan tersebut akan basi.

Seperti itulah yang terjadi pada artikel anda jika terlalu lama terindex oleh search engine apa lagi blog anda menyediakan berita yang up to date pasti akan sangat terasa efeknya. Jadi jangan biarkan artikel blog anda di benci oleh search engine terutama google.

Nah disini saya akan share beberapa cara yang sudah Dapur Tutorial Blogspot lakukan untuk membuat postingan blog cepat terindex oleh search engine. Dibawah ini bukti artikel blog Dapur Tutorial Blogspot Terindex dalam waktu 4 menit.

Usia Blog ini pada saat saya memulis artikel blog tetang cara membuat daftar isi otomatis tersebut berusia 1 bulan, Merupakan Usia blog yang masih muda tapi mampu membuat artikel blog terindex dengan cepat.

Berikut Lankah-Langkah Yang dapat Anda Ikuti untuk membuat artikel Blog Cepat terindex.

Buat artikel asli karya anda sendiri

Pasang Meta tag pada blog anda

Submit URL Blog anda Ke Search engine

Kirim Site map blog anda ke Google Web master

tutorial cara submit a Site Map di Google web master tool

Jangan Suka menyimpan Link Eror

Gunakan Ping Service Blog

Ke-6 lankah diatas sangat mujarap jika dijalankan dengan benar dan yang paling perlu diingin pada poin no satu. selamat mencoba dan semoga bermanfaat trimakasih

Cara Membuat Read More Atau Baca Selengkapnya Pada Postingan Blog

2012-01-07T00:52:00.000-08:00

Read More Atau Baca Selengkapnya banyak dimanfaatkan oleh para blogger untuk memotong atau menyembunyikan sebagian artikelnya yang bertujuan untuk menghemat halaman di bagian beranda, Label ataupun hasil pencarian. Dari Hasil Survey di search Engine banyak yang membahas mengenai cara membuat read more itu berarti masih banyak dari kita yang belum tau cara membuat read more di postingan blog.

untuk membuat read more di artikel blog anda sekarang anda tidak perlu lagi repot-repot edit HTML untuk membuat read more karena Blogger sekarang sudah menyediakan Fasilitas pada toolbar read more postingan artikel blog anda.

Berikut Lankah-Langkah membuat read more di potingan blog :

Silahkan anda login ke akun blogger anda
Buat Postingan Baru
Jika anda sudah selesai membuat Postingan Letakan Kursor mouse anda pada bagian artiel yang akan di beri read more

Kemudian Insert Jump break pada toolbar diatas postingan anda

Setelah anda klik maka akan muncul garis pembatas seprti berikut

Dengan Demikian Read More Di Artikel Blog anda sudah selesai tinggal lankah terakhir
Klik Publikasikan
Selesai

Gimana Mudahkan untuk membuat Read more atau membuat baca selengkapnya di postingan blog. Demikian yang bisa Dapur Tutorial Blogspot sampaikan semoga bermanfaat.

Membuat Daftar Isi Otomatis keren Pada Blog Dengan JQuery

2012-01-05T11:47:00.000-08:00

Pengen punya daftar isi blog yang keren ?, Pastinya maudong...!. Kali ini Dapur Tutorial Blogspot Akan Shere lagi tetang cata Memasang Daftar Isi Otomatis di Halaman Blog sedikit berbeda dengan Daftar Isi Blog Otomatis Yang sebelumnya, Daftar Isi Blog Otomatis kali ini sangat keren Seperti ini

Demonya bisa anda cek di daftar ini blog ini

Sebelum masuk langkah lankahnya kita tinjau sekilas Manfaat daftar isi pada blog. Daftar ini pada blog bukan hanya sekedar hiyasan saja tetapi masih memiliki manfaat lain untuk orang yang mengunjungi blog anda ataupun untuk SEO Blog. Bagi orang yang mengunjungi halaman blog anda akan diberikan kemudahan untuk mencari artikel yang mereka butuhkan dengan demikian berpengaruh pada SEO blog anda sebagai sarana Untuk meningkatkan Page View blog anda.

Yup's langsung saja ke langkah-langkahnya :

Lankah 1 : Obtimasi Kode CSS

Tetap seperti biasa, Silahkan Masuk Keakun Blog anda
Pilih Template

Klik Tombol Edit HTML

Klik Tombol Next/Lanjutkan

Cari Kode ]]></b:skin> (Gunakan tombol ctrl + f untuk memudahkan pencarian kode)

Copy kode berikut dan letakan di Atas kode ]]></b:skin>

#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(http://1.bp.blogspot.com/-Q0gQpqnpwdw/TggUQZh1y3I/AAAAAAAAANg/-9rHKcaz5JU/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(http://2.bp.blogspot.com/-SlHI9wfcEy0/TggUQSS6hBI/AAAAAAAAANY/osNWdKWUfZQ/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(http://3.bp.blogspot.com/-x7WFTrEvdnY/TggUQNCYIkI/AAAAAAAAANQ/i8ZH9H_K_bg/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

Sekarang Cari Kode </head>

Copy dan paste kode berikut Diatas Kode </head>

<script src='http://dapurtutorial8.googlecode.com/files/Scriptdaftarisi1.js' type='text/javascript'/>

Jika Sudah Klik Tombol Simpan Template

Anda Dapat Menampilkan daftar ini baik di postingan seperti pada Blog ini ataupun di kolom Sidebar blog anda.

Lankah 2 : Menampilkan daftar isi pada postingan

Buat Entri Baru atau postingan baru
Pilih mode Entri Pada Bagian HTML

Copy kode berikut

<script type="text/javascript" src="http://dapurtutorial9.googlecode.com/files/Scriptdaftarisi2.txt"></script>
<script src="http://tanpa-isi.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Ket :

Paste Kode tersebut di halaman Entri Pada Mode HTML tadi

Klik Tombol Publikasikan

Lankah 3 : Menapilkan daftar isi kolom sidebar

Pilih Tata Letak

Klik Tambah Gadget/Widget

Pilih HTML JavaScript

Copy Kode Berikut

<script type="text/javascript" src="http://dapurtutorial9.googlecode.com/files/Scriptdaftarisi2.txt"></script>
<script src="http://tanpa-isi.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Ket :

Paste kode Pada box HTML/JavaScript tadi

Klik Simpan
Selesai

Demikian tutorial kali ini tetang cara membuat daftar isi blog otomatis keren dengan JQuery semoga bermanfaat. jangan lupa berikan tanggapan anda tetang daftar isi otomatis ini dan silahkan ajukan pertanyaan anda jika anda kesulitan untuk memasang daftar isi blog otomatis ini.

Cara Menginstall Toolbar Alexa Pada Browser Mozilla anda

2012-01-05T10:29:00.000-08:00

Senang bisa kembali menulis kali ini, Walau sebenarnya tulisan Dapur Tutorial Blogspot Kali ini sudah sangat banyak dibahas di internet oleh para-para master blog tapi gk masalahlah Bagi Dapur Tutorial Blogspot karna Dapur Tutorial Blogspot punya ciri tersendiri dalam menulis.

4 tutorial sebelumnya tetang alexa sudah dibahas di Dapur Tutorial Blogspot kini kembali lagi membahas alexa mungkin sahabat blogger bosan dan malas untuk membacanya. Gak masalah karena dulu saya juga seperti itu setelah sekian lama blogging akhirnya menyadari bahwa hal terkecil seperti ini sangat penting dan memang harus dketahui salah satunya yaitu pentingnya alexa toolbar untuk perkembangan blog ada.

Alexa Toolbar beberapa fungsi utamanya sama seperti Alexa Widget yaitu memberikan informasi tetang kemajuan blog anda. informasi inilah yang dapat membuat anda menentukan apakah blog anda ini populer atau atau tidak dengan demikian anda akan dapat menentukan apa yang harus anda lakukan nanti jika blog anda belum atau sudah populer.

Yuk langsung saja ke lankah-lanakah menginstall Toolbar Alexa di Browser Mozilla anda :

Pastikan Browser yang anda gunakan sekarang adalah Browser Mozilla
Kunjungi Halam Web Alexa di http://www.alexa.com/

Klik pada Menu Toolbar kemudian Klik pada Tombol Install Alexa Toolbar

Klik Tombol Accept And Install

Akan Muncul tombol Allow dibawah tap browser anda seperti berikut :

Allow

Tunggu beberapa saat akan mucul kotak baru dihalaman browser anda dan klik Install Now

Tunggu Proses Install sampai selesai

Setelah Proses Install Selesai anda diminta untuk Restart Browser Mozilla anda, Klik Tombol Restrat Firefox

Setelah Browser anda di Restart maka akan muncul Toolbar Alexa pada Browser anda seperti ini

Proses Intall Alexa Toolbar selesai

Dengan Menggunakan Alexa Toolbar anda dapat memantau Pekembangan blog anda ataupun blog teman anda. Semoga Bermanfaat

Cara Memasang Widget Alexa Pada Halaman Blog

2012-01-02T22:57:00.000-08:00

Sudah 3 hari berturut turut Dapur Tutorial Blogspot Membahas tetang Alexa Web, mungkin sobat akan bertanya kenapa Alexa Web Perlu di bahas ?. Untuk menjawabnya silahkan sobat baca Tutorial dibawah ini

Karena pada tutorial kali ini Dapur Tutorial Blogspot tidak akan menjelaskan apa itu alexa maka dari itu anda semua wajib mengetahui ke-3 tutorial diatas Sebab Tutorial Cara memasang widget alexa di halaman blog kali ini berkaitan dengan tutorial-tutorial tersebut. Tanpa anda mendaftar di alexa web anda tidak akan bisa memasang alexa widget.

Nah......! Setelah anda mengetahui ke-3 Tutorial diatas sekarang kita bahas langkah memasang widget alexa pada halaman blog:

Lankah 1 : Cara mendapatkan kode Widget alexa

Silahkan anda kunjungi Alexa web disini http://www.alexa.com/
Klik login

Set Email dan Pasword kemudian klik login

Setelah anda Login Pilih menu Site Tool >> Alexa Site Widget

Masukan Url Blog anda dan kelik Build Widget

Kemudian anda akan diberikan kode widget Alexa, Nah Copy kode tersebut

Langkah 2 : Meletakan Kode Alexa Widget di halaman blog

Pertama masuk ke akun Blog anda
Pilih Tata Letak

Klik Tambah Gadget/Widget

Pilih HTML/JavaScript

Letakan kode pada Box HTML/JavaScript seperti berikut

Terakhir Klik Simpan
Selesai dan lihat hasilnya

Demikian Tutorial Cara memasang Widget Alexa di halaman blog semoga bermanfaat.

Cara Verifikasi URL Blog Pada Alexa Web

2012-01-02T08:32:00.000-08:00

Masih Membahas Tetang Alexa. Sebelumnya Dapur Tutorial Blogspot Sudah sukses posting artikel tetang Apa itu alexa, Alexa rank dan manfaat alexa untuk Blog ? dan Cara daftar atau registrasi di Alexa Web, Jadi yang belum tau apa itu alexa dan bagaimana cara mendaftar alexa web silahkan baca tutorial tersebut karena disini Dapur Tutorial Blogspot tidak Akan menjelaskannya lagi.

Sekarang kita akan bahas Cara Verifikasi URL Blog Pada Alexa Web.Manfaat dari anda memverifikasi blog anda di alexa web yaitu untuk memudahkan alexa web menemukan blog anda.

Berikut Lankah-lankah yang harus anda lakukan :

Silahkan Login ke akun Alexa anda.

Set Email dan Pasword anda dan klik Login

Setelah anda Login ke akun Alexa anda pilih menu Site Tool >> Claim Your Site

Masukan Url Blog anda kemudian Klik Tombol Claim Your Site

Jika berhasil anda kan dibawa kehalaman berikut :

Sign-Up

Mucul Halaman Berikut :

4VboOvG_TPY6Sq98WkdiiqS0JAo

<meta content='4VboOvG_TPY6Sq98WkdiiqS0JAo' name='alexaVerifyID'/>

Selanjutnya silahkan anda Masuk ke akun blogger anda dan pilih Template

Klik HTML

Klik Pada Tombol Next/Lanjutkan

Cari Kode <head> (Gunakan ctrl+f untuk mempermudah pencarian kode )
Paste kode tadi dibawah kode <head>

Jika Sudah Klik Tombol Save atau Simpan Template
Kembali lagi ke Alexa Web kemudian klik tombol Verify my ID

Tunggu beberapa saat dan jika berhasil akan ada pemberitahuan seperti berikur ini : ( Lihat yang ada didalam kotak merah) kemudian Klik Continue

Klik Continue dan anda akan dibawa kehalaman awal
Selesai

Demikian tutorial tetang Cara Verifikasi URL Blog Pada Alexa Web .Ditutorial berikutnya akan kita bahas tetang cara menambah alexa widget kehalaman blog.

Cara Daftar atau Registrasi Di Alexa Web

2012-01-02T04:32:00.000-08:00

Gak kerasa Sudah 1 bulan Dapur Tutorial Blogspot didunia maya dan sekarang merupakan Postingan Dapur Tutorial Blogspot yang ke 38. Semua orang ingin menjadi lebih baik bergitu juga Dapur Tutorial Blogspot di awal tahun baru 2011 berharap banyak bisa mengembangkan blog ini menjadi yang terbaik bagi pengunjung tapi itu semua tetap tidak lepas dari dukungan teman-teman Dapur Tutorial Blogspot.

Hem Malah Jadi Curhat ni...!. Ok topik kali ini Dapur Tutorial akan melanjutkan postingan sebelumnya tetang Apa Itu Alexa, alexa rank dan Manfaatnya untuk Blog. kini kita akan membahas cara mendaftar di alexa web.

Berikut lankah-Langkah Mendaftar atau registrasi di alexa web :

Kunjungi halaman Alexa web disini http://www.alexa.com/

Perhatikan Tanda Panah Klik Creat an account

Anda Diminta Untuk Mesukan data keperluan registrasi jadi silahkan masukan data yang diminta dengan benar seperti gambar berikut :

Registrasi

Jika data anda benar anda akan mendapat pesan sebagai berikut

Masuk ke email anda dan buka email konfirmasi untuk mengaktifkan akun alexa anda

Setelah anda klik email konfirmasi tersebut anda akan dibawa kehalaman berikut

Set Pasword :

Verify Pasword :

Setelah anda selesai membuat Pasword klik Submit Pasword jika berhasil anda akan mendapatkan pesan Succes seperti berikut

Sekarang Akun anda sudah jadi dan anda bisa langsung Login ke akun alexa anda
Untuk Login silahkan klik Tombol Login

Masukan Email dan Pasword yang sudah anda buat sewaktu registrasi tadi dan klik tombol Login

Selesai

Demikian Tutorial tetang cara registrasi alexa web berikutny akan Dapur Tutorial Blogspot Jelaskan tetang Cara Memasang Widget Alexa Pada Halaman Blog

Sejarah Perkembangan Blogger Dari Awal Sampai Saat ini

2012-01-01T22:43:00.000-08:00

Sudah berapa lama anda mengenal dan menggunakan Blogger? dan apakah anda tau bagai mana blogger saat pertama loncing didunia maya?. Dapur Tutorial Blogspot rasa tidak semua orang tau akan hal ini, untuk itu Dapur Tutorial Blogspot akan perkenalkan Sejarah perkembangan Blogger dari awal loncing sampai saat ini.

Blogger pertama kali diluncurkan didunia maya pada tanggal 23 agustus 1999 oleh Pyra Laps. Domain yang merupakan salah satu sumber yang menghasilkan jutaan artikel baru setiap harinya ini memiliki tampilan yang tidak seperti saat ini dimana tampilan blogger warna putih dan oranye. Pada awal loncing ke dunia maya Blogger lebih di dominasi oleh warna biru dengan tampilan yang sangat sederhana dan bahkan lebih sederhana dari tampilan Blog anda saat ini.

Berikut Foto Blogger pertama kali :

Sumber : Google Image

Sebelum Google mengelola blogger tidak semua fasilitas bisa anda gunakan untuk dapat menggunakan fasilitas seperti upload template dan edit HTML anda harus upgrade akun anda kepremium terlebih dahulu Barulah Kemudian semenjak blogger dibeli oleh google pada Februari 2003 semua fasilitas premium digratiskan 100% oleh google. Setahun kemudian setelah google mengambil alih Blogger Pyra Laps meningal dunia.

Berlanjut pada tahun 2004 google membeli Picasa, Tujuan pastinya untuk memberikan fasilitas yang lebih baik untuk pengguna blog. Dengan dibelinya Picasa dan digabungnya Blogger dengan Picasa pengguna blogger dapat meng Upload Photo untuk kebutuhan bloggin. Selang beberapa bulan kemudian pada tanggal 9 Mei 2004 Blogger menambahkan beberapa Fitur-Fitur baru kedalam blogger Seperti Arsive untuk posting, Komentar, dan Post Via email.

Pada bulan Agustus 2006 google kemudian berhasil meluncurkan versi terbarunya blogger tetapi luncuran Blogger masih dalam versi beta yang diberikan kode "Invader". Peluncuran ini juga sekalian memindahkan semua pengguna ke Servernya Google serta menambahkan Fitur-Fitur terbarunya. Kemudian pada Desember 2006 Blogger sudah tidak lagi dalam versi Beta dan tepat pada bulan Mei 2007 Blogger Pindah ke Server Google secara keseluruhan (Wikipedia).

Kemudian Pada Tahun 2010 blogger blogger mengalami lonjakan yang sangat signifikan yaitu lebih dari 400 juta orang didunia menggunakan blogger yang dahulu pengguna blogger hanya 250 ribu orang.

Blogger pun berjanji akan mengulang kesuksesanya pada tahun 2011 dan blogger juga akan memberikan perubahan besar-besaran pada 2011 demi kenyamana para pengguna.

Berikut Cuplikan Janji Blogger

Dan Akhirya Sebtember 2011 Bloggerpun menepati janjina yang saat ini tampilan baru blogger yang dijanjikan blogger sudah bisa anda akses.

Berikut Hasil akhir janji blogger yang sudah ditepati

Blogger memang sangat memperhatikan kenyamanan bagi setiap penggunanya. Semoga blogger menjadi pilihan terbaik untuk kita semua Khususnya Dapur Tutorial Blogspor hanya ada mampu diucapkan bahwa :

Saya Bangga menjadi Blogger

Demikian Yang bisa Dapur Tutorial Sampaikan Tetang Sejarah perkembangan blogger semoga dengan kita mengetahui sejarah perkembangan blogger ini kita semua menjadi tau seluk beluk blogger dan menjadikan kita blogger yang terbaik. Salam Dan Sukses Blogger

Layanan Free/Gratis dari shoutMix Dihentikan dan Cbox menjadi pilihan

2012-01-01T09:16:00.000-08:00

Layanan Gratis chat box dari shoutMix tepat pada pembukaan tahun baru 2012 yaitu tanggal 1 janiari 2012 ShoutMix resmi menutup layanan chatBox gratisnya, Tentunya ini menjadi hal yang buruk bagi pengguna layanan gratis chat box dari shoutMix termasuk Dapur Tutorial Blogspot. Tapi apa boleh buat jika kita hanya mengharapkan gratisan mau tidak mau harus pasrah jika suatu saat ditarik.

Berikut pernyataan ShoutMix tetang penutupan layanan gratis Chat box

Disitu disebutkan bahawa akun anda adalah gratis dan kami tidak akan lagi menggunakan layanan gratis. informasi lebih lengkapnya bisa anda baca di sini :

http://www.shoutmix.com/v3/openletter.php

Memang ShoutMix sedikit merasakan kekecewaan dengan layanan gratis yang mereka berikan sebelumnya karena sudah hampir 99,9 % lebih memilih layanan gratis dari pada upgrad. akibatnya ShoutMix tidak bisa mengembangkan layanan mereka. dengan alasan itulah akhirnya chat Box gratis ShoutMix ditutup.

Berikut paket Premium yang ditawarkan ShoutMix saat ini :

Nah buat anda yang masih ingin menggunakan layanan Dari ShoutMix dapat Upgrad akunya ke premiumnya.

Untuk Dapur Tutorial Blogspot Masih belum bisa untuk Upgrade akun ke premium karena masih belum ada penghasilan tetap.he...he....

Buat Sahabat yang sehati dan sepenanggungan dengan Dapur Tutorial Blogspot juga jangan bersedih kita dapat beralih menggunakan Layanan Gratis Dari CBox. Hem............. lagi-lagi gratisan, memang payah ya.....! Sema pada suka yang gratisan. dan semoga saja CBox juga Tidak menutup layanan Free atau gratisan.

Lebih Jelas Mengenai CBox dan cara mendapatkan Widget Chat box dari CBox silahkan baca tutorial Cara Cara Menambah Widget Chatbox atau Buku Tamu Ke Halaman Blog

Apa itu Alexa, Alexa Rank dan Apa Manfaat Alexa untuk Blog ?

2012-01-01T08:46:00.000-08:00

Apa itu Alexa dan Apa manfaat Alexa itu sendiri ?, Pertanyaan itulah yang kali ini akan kita jawab. bayak orang yang sudah membicarakan tetang Alexa begitu juga Dapur Tutorial Blogspot juga akan menjelaskan Alexa dan Manfaatnya.

Pertama-tama akan kita jelaskan tetang Apa itu Alexa ?, Alexa Menurut Dapur Tutorial Blogspot adalah sebuah Website yang memberikan informasi tetang Ranking setiap Website atau WebBlog serta memberikan informasi jumlah link yang menuju ke halaman blog anda. tidak hanya itu Alexa juga banyak digunakan oleh pengguna website dan webblog sebagai alat tolak ukur untuk menentukan trafik dari sebuah websitenya.

Terus apa yang dimaksut dengan Alexa Rank ?. Seperti yang sudah Dapur Tutorial Blogspot Paparkan diatas bahwa alexa memberikan Rank pada setiap website atau webblog jadi Alexa Rank yaitu Rengking yang diberikan oleh alexa Web berdasarkan Pengunjung Unique Alexa Toolbar. Semakin Banyak pengunjung maka Alexa Rank Blog anda juga akan semakin baik.

Rank dari alexa ini berbeda dengan Rank diberikan Google pada blog anda jika google memberikan rank dari 1-10 sedang alexa memberikan rank hingga 1-jutaan. Jadi anda jangan kaget jika melihat Alexa Rank Blog anda menunjukan angka 13.612.882 seperti Rank Alexa Blog ini. He....He....Wajarlah Alexa Rank Blog Dapur Tutorial ini masih masih belasan jutaan karena dari saya membuat Blog ini sampai saya Posting artikel ini usia blog saya Baru 2 Minggu.

Sekarang Apa Manfaatnya Untuk Website/Weblog ?, Hem.....!, Memang Sebagian orang tidak terlalu memikirkan Alexa Rank tapi Sebagiannya lagi termasuk Dapur Tutorial Blogspot Menganggap Alexa Rank Merupakan peranan penting karena menunjukan Kualitas dan populeritas sebuah blog. Berdasarkan dari informasi-informasi yang sudah dicari dimana-mana banyak yang menyebutkan kalau google tampaknya masih berpatokan dengan alexa untuk menentukan Rank pada Website/weblog. tidak hanya itu Alexa juga berguna bagi Website untuk diterima pada program make many online.

Untuk Itulah jika anda Juga merasa alexa rank sangat penting untuk mengukur kulitas dan Populeritas blog anda Dapur Tutorial sarankan untuk memasang Toolbar dan Widget alexa di blog anda. Anda Tidak Perlu Membayar karena Alexa memberikan layanan gratis dan anda juga dapat meng-Upgrad akun anda.

Ini dia Alexa Toolbar

Ini Contoh Alexa Widget

Demikian informasi mengenai alexa yang bisa Dapur Tutorial Blogspot sampaikan Semoga bermanfaat.

Sambungan Artikel Tetang Alexa :

Cara Daftar atau Registrasi di Alexa Web
Cara Memasang Widget Alexa pada halaman blog
Cara Memasang Alexa Toolbar Pada Brouwser Mozilla

Cara Menambah Widget Chatbox atau Buku Tamu Ke Halaman Blog

2011-12-30T22:17:00.000-08:00

Senang dapat Berjumpa Lagi dengan sahabt-sahabat blogger Dapur Tutorial Blogspot. Pada Tutorial kali ini kita akam mempelajari bagaimana cara menambahkan buku tamu kehalaman blog anda dan manfaatnya bagi blog.

Widget chatbox atau buku tamu ini hapir semua pengguna Blogger memasang widget chatbox ini dihalaman blognya karena chatbox sangat banyak memberikan manfaat pada blog kita terutama selain dapat mempercantik tampilan blog, chatbox atau buku tamu ini dapat mendatangkan pengunjung kehalaman blog anda dan yang paling penting menurut Dapur Tutorial Blogspot yaitu sebagai saran untuk saling berkomunikasi dan silahturahmi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi disini Dapur Tutorial Blogspot Hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog :

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox

Kunjungi halaman resmi CBox disini www.cbox.ws
Klik Sign Up

Setelah itu anda akan diminta untuk mengisi formulis pendaftaran seperti ini

Isi data yang diminta seperti gambar dibawah ini kemudian klik Create My Cbox

Klik gambar untuk memperbesar

Apabila data yang anda isi sudah benar akan ada pesan seperti berikut (lihat yang didalam kotak merah)

Kemudian buka Email yang anda gunakan untuk mendaftar Cbox Karena ada Email konfirmasi pendaftaran anda yang dikirim oleh Cbox
Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda

Setelah Email konfirmasi tersebut anda klik, anda akan mendapatkan pesan seperti berikut ini

Sekarang Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda
Setelah anda masuk anda langsung dihadapkan ke halaman berikut

Copy kode buku tamu yang diberikan

Sekarang anda sudah mendapatkan Kode buku tamu anda

NB :
Jika anda ingin melakukan pengaturan Seperti Lebar Kotak ChatBox Klik pada Bagian Look & Feel >> Layout Option kemudian untuk mengganti style cheatBox anda masuk ke Look & Feel >> Style Presents

Langkah 2 : Memasang kode kehalaman Blog

Silahkan anda masuk ke akun blogger anda
Pilih Tata Letak

Klik Tambah Gatget/Widget

Pilih HTLM/JavaScript

Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia

Klik Simpan
Selesai dan Lihat Hasilnya

Oh.......! Ternyata Yahoo Site Explorer Bergabung Dengan Bing Webmaster Tools

2011-12-30T12:20:00.000-08:00

Oh.......! Ternyata Yahoo Site Explorer Bergabung Dengan Bing Webmaster Tools !. Ternyata Saya Melewatkan informasi ini. Informasi ini saya ketahui ketika saya mengakses Yahoo Explorer untuk submit sitemap blog ini ke Search engin yahoo , duh....Muncul dah seperti ini.

Gambar diatas merupakan informasi tetang penggabungn Yahoo! Explorer dengan bing webmaster tools. Lengkapnya bisa anda ketahui lebih jelas di blog yahoo berikut ini :

http://www.ysearchblog.com/2011/09/14/site-explorer-transition-to-bing-webmaster-tools/

http://www.ysearchblog.com/2011/07/08/site-exploror-7-8-11/

Dari pemberitaan tersebut saya mengutip kalimat berikut ini :

Yahoo explorer akan ditutup dan mulai menggunakan Bing Webmaster Tool agar situs/web mereka terus mendapatkan prioritas yang tinggi di search engine Bing dan Yahoo.

Dari ungkapan diatas saya menganalisa bahwa sistem index yahoo nantinya akan mengikuti sistem index bing. Jika demikian kita tidak perlu lagi untuk melakukan optimalisasi yang berbeda untuk Yahoo dan Bing. Kita cukup fokus optimalisasi pada bing karna hasilnya akan berdampak pada search engine yahoo juga.

Semoga saja dengan bergabungnya yahoo Explorer dan Bing Webmaster Tool ini , Web/Blog kita semua benar-benar mendapatkan prioritas yang tinggi dan banyak memberikan manfaat besar bagi masyarakat luas.

Cara Menambahkan Widget Like Box Facebook Pada Halaman Blog

2011-12-29T11:27:00.000-08:00

Sebelumnya kita sudah membahas cara membuat halaman fans page Fecebook nah pada tutorial kali ini Dapur Tutorial BLogspot akan jelaskan tetang cara menambahkan like box Facebook. Sebelumnya sahabat blogger sudah tau belum seperti apa widget like bok Facebook ini ?.Hem....Pastinya udah pada tau dong !, karena sebagian besar pengguna blogger menambahkan widget ini kehalaman blognya.

Bagi yang belum tau seperti apa widget like box FB ini contohnya bisa anda ihat pada gambar disamping atau demonya yang ada di halaman blog Dapur Tutorial Blogspot. Widget ini selain dapat mempercantik tampilan blog juga akan memberikan kemudahan pada pengunjung blog untuk Menekan tombol like yang tampil pada blog anda.

Gak usah nunggu lama langsung saja kita bahas lankah-lankahnya :

Lankah 1 : Mendapatkan Code Like Box FB

Silahkan anda masuk ke akun facebook anda
Jika sudah kunjungi alamat berikut http://developers.facebook.com/docs/plugins/
Anda akan menjumpai Halaman dibawah ini kemudian klik Like Box

Berikutnya akan muncul pengaturan untuk widget like box seperti berikut

Klik Gambar Untuk Memperbesar

Ket :

Facebook Page URL :

Width :

Height :

Color Scheme :

Show Faces :

Border Color :

Selanjutnya Klik Get Code
Kemudian Copy Semua kode yang diberikan

Sekarang anda sudah mendapatkan Kode untuk menampilkan Widget Like Box di blog anda sekarang lanjut ketahan berikutnyanya

Langkah 2 : Menambahkan Widget like Box kehalaman Blog

Silahkan anda masuk kehalaman blog anda
Pilih Tata Letak

Klik Tambah Gadget/Widget

Pilih HTML/JavaScript

Paste Code Like Box FB yang sudah anda Copy tadi Ke box HTML/JavaScript

Trakhir Klik Simpan
Selesai

Tutorial Cara Membuat Halaman Fans Page/Penggemar Facebook

2011-12-28T21:06:00.000-08:00

Halaman Fans Page/Penggemar Facebook sangat tidak asing lagi bagi kita. hampir semua komunitas, selebrity, marketing dll termasuk para blogger mania menggunakan halaman Fans Page/Penggemar Facebook sebagai tolak ukur seberapa banyak orang yang menggemari mereka.Nah kali ini kita akan membahas tetang cara membuat halaman Fans Page Facebook dan fungsinya untuk blog.

Salah satu Fungsinya untuk Blog seperti yang sudah disebutkan diatas yaitu sebagai salah satu tolak ukur seberapa banyak orang yang menyukai blog anda sedangkan fungsi lainnya yaitu kita dapat memperkenalkan Web/Blog kita di facebook dan blog anda juga akan mendapatkan Backlink nyata dari facebook dan fungsi yang terakhir menurut Dapur Tutoral Blogspot yaitu untuk sarana silaturahmi antara pemilik blog dengan pengunjung.

Berikut langkah-langkah untuk membuat halaman Fans/Penggemar Facebook :

Silahkan anda sign in menggunakan akun Facebook anda
Kunjungi halaman berikut ini http://www.facebook.com/pages/create.php
Anda akan dihadapkan pada halaman seperti dibawah. Pilih ktegori blog anda (disini Dapur Tutorial Blogspot memilih Perjungan dan komunitas)

Setelah anda Memilih anda akan diminta memasukan beberapa informasi seperti judul halaman Fans Facebook

Mulai

Anda akan dibawa ke langkah 1

Setelah selesai unggah poto klik Lanjutkan untuk ke lankah berikutnya

Pada langkah Dua diatas merupakan informasi apakah anda ingin mengundang teman anda untuk bergabung dengan halaman anda sekarang atau tidak dan apakah anda ingin membagikan halaman ini di didinding facebook anda atau tidak. Jika tidak anda juga langsung bisa klik lanjutkan untuk ke langkah brikutnya
Berikutnya anda akan dibawa ke lankah terakhir seperti gambar dibawah

Jika semua sudah anda isi klik Lanjutkan , bila berhasil anda akan langsung dibawa kehalaman fans Page Facebook anda seperti gambar berikut

Untuk melakukan pengaturan lebih lanjut pada halaman fans Page Facebook anda silahkan klik tobol Suting Halaman yang ada pojok atas sebelah kanan halaman Fans pade Facebook anda
Selesai

Cara Menambah Widget Label (Kategori) Pada Halaman Blog

2011-12-27T21:10:00.000-08:00

Sebenarnya tutorial kali ini berkaitan dengan tutorial sebelumnya tetang Cara Untuk Mengisi Label (Kategori) Pada Sebuah Artikel Blog. bedanya dengan tutorial sekarang dengan sebelumnya yaitu kita menambahkan widget label kehalaman blog supaya judul lebel yang sudah anda buat dapat ditampilkan pada halaman blog anda seperti pada gambar dibawah ini pada sisi kanan yang ditunjuk oleh anak panah berwarna merah

Buat sahabat yang belum tau apa yang dimaksut dengan label bisa baca pengertiannya di tutorial minggu lalau tetang Pengaruh Judul Label Atau Kategori Terhadap SEO

Lankah-lankah untuk menambahkan widget label adalah sebagai berikut :

Silahkan anda masuk ke akun blogspot/blogger anda
Klik Tata Letak

Klik Tambah Gadget/widget

Pilih Label.

Klik Simpan

Selesai

Cara Untuk Mengisi Label (Kategori) Pada Sebuah Artikel Blog

2011-12-27T07:03:00.000-08:00

Label atau lebih banyak dikenal oleh orang dengan kategori yang fungsinya untuk mengelompokan postingan artikel dengan artikel-artikel yang sama atau satu pembahasan. Label juga memiliki pengaruh terhadap SEO blog Seperti yang sudah dibahas Dapur Tutorial Blogspot pada tutorial sebelumnya tetang pengaruh judul label (kategori) terhadap SEO blog.

Mengisi label atau kategori pada sebuah artikel sangatlah mudah tapi lain halnya dengan pemula besar kemungkinannya dia tidak tau cara mengisi lebel tersebut pada sebuah artikel, untuk itu jangan sampai hal terkecil ini terlewatkan Dapur Tutorial Blogspot akan sampaikan caranya mengisi label (kategori) pada sebuah artikel.

lankah-lakah yang perlu anda lakukan adalah sebagai berikut :

Pastikan anda sudah sign in ke akun blogger anda
Klik pada tombol Entri Baru untuk membuat artikel baru pada blog anda

Buat tulisan baru pada halaman entri baru

Selesai menulis artikel lihat kesisikanan Klik Label

Akan mucul kotak untuk membuat judul label. Tulis judul lebel yang anda inginkan (disini diambul contoh judul label yaitu "Tutorial Blog" dan klik Selesai

Selanjutnya posting artikel blog anda dengan mengklik Publikasikan

Selesai lebel pada blog anda sekarang sudah ditambahkan.

Untuk memastikan apakah label pada postingan artikel anda sudah ditambahkan silahkan anda lihat di list artikel anda. Jika pada ujung artikel anda terdapat tulisan label yang anda buat tadi seperti gambar dibawah ini berarti anda sudah benar dan berhasil menambahkan label pada artikel blog anda.

Terus bagaimana menambahkan lebel pada artikel blog yang sudah diposting sebelumnya ?

Mudah berikut langkah-langkahnya :

Silahkan anda masuk ke list postingan artikel blog anda
Centang artikel yang ingin anda beri lebel

Perhatikan gambar dibawah. klik pada pada tempat yang ditunjuk oleh anak panah

Buat judul label yang anda inginkan kemudian klik OK

Selesai

Demikian tutorial kali ini. Yang baik silahkan diambil yang jelek mohon diperbaiki. Kesempurnaan hanya milik Allah SWT dan kita hanya terus berusaha jangan sampai menyerah.Semoga bermanfaat dan terimakasih.........!

Pengaruh Judul Label Atau Kategori Terhadap SEO

2011-12-26T18:10:00.000-08:00

Selama ini kita hanya mengetahui fungsi label adalah untuk mengelompokan artikel sejenis atau artikel yang saling terkait atau mengelompokan artikel kategori yang sama. Ternyata tidak hanya itu widget lebel yang anda tambahkan kehalamn blog anda memiliki pengaruh terhadap SEO.

Kenapa bisa seperti itu ?. ya.......karena pada lebel pada halaman blog anda memiliki kesamaan dengan anchor link pada Search Engine Optimazation terutama pada search engine google.

Terus bagainama label bekerja ?

Lebel dapat menjadi sebuah navigasi blog untuk googlebot untuk melakukan crawl dan visitor untuk membaca postingan lain yang saling terkait atau membaca postingan yang memiliki pembahasan sama dengan demikian akan meningkatkan Page View dan menurunkan bounce rate.
Lebel juga mampu meningkatkan keyword density pada lavel blog dari halaman-halaman label yang berasal dari postigan-postingan yang dimasukan kedalam lebel itu sendiri
Lebel merupakan salah satu internal link dengan achor text yang spesifik Anda harus mempertimbangkan judul untuk lebel anda karena bila anda tidak begitu memperhatikan judul label yang anda buat maka akan membuat internal link didalamnya tidak bekerja dengan efektif

Melihat pengaruh label terhadap seo kembali lagi kita harus memperhatikan cara pembuatan judul label pada blog kita.sedikit pengalaman saat membuat link sebagai label di blog dengan ancho text sebagai target keyword pada serp google membuat peringkat target keyword tersebuat kurang baik dan saat anchor text tersebut dilakukan modifikasi akhirnya target keyword tersebut membaik

Sedikit contoh membuat judul label agar internal link didalamnya bekerja epektif :

Disini saya memiliki pembahasan tetang SEO dan ingin memasukan tulisan ini kedalam lebel tetang SEO dengan target keyword di serp google adalah "SEO Blog" maka anda jangan membuat label dengan judul "SEO Blog" tepai rubahlah sedikit keyword tersebut misalnya menjadi "SEO Dasar Blog "

Kenapa demikian ?, mungkin sedikit kesulitan Dapur Tutorial Blogspot untuk menjelaskannya tetapi dari hasil percobaan tersebut semenjak Dapur Tutorial Blogspot mengubah anchor text label dari "SEO blog" yang awalnya ada pada posisi tidak terlihat di search engine kemudian anchor text tersebut dirubah menjadi "SEO Dasar Blog" tidak disangka lebih sering terlihat di SERP google. Itulah alasannya Dapur Tutorial menyarankan seperti itu.

Sekian ulasan mengenai pengaruh Judul label terhadap SEO Blog ini semoga informasi ini dapat memberikan manfaat untuk kita semua. yang baik silahkan diambil yang kurang baik silahkan diperbaiki kesempurnaan hanya milik Allah SWT dan kita harus terus berusaha. thank's.........!

Cara Kirim atau Submit a Site Map Di Google Webmaster Tools

2011-12-26T08:13:00.000-08:00

Tutorial sebelumnya Dapur Tutorial Blogspot sudah pernah menyinggung tetang Apa fungsi dari Google Webmaster Tools. nah kali ini Dapur Tutorial Blogspot akan membahas salah satu fungsinya nyaitu Fungsi Site Map.

Pada tutorial sebelumnya disebutkan bahwa fungsi site map di Google Webmaster Tool yaitu untuk mengetahui dan membuat informasi adanya peta blog anda sehingga akan memudahkan search engine google menemukan artikel-artikel didalam blog anda.

Fungsi lain dengan menambahkan site map blog anda, anda dapat mengetahui berapa jumlah artikel blog anda yang sudah terindex oleh search engine google.Sekarang kita akan bahas caranyanya menambahkan map atau peta blog anda tersebut di Google Webmaster Tool.

Berikut langkah-lankah untuk submite a site map blog di google webmaster tool :

Kunjungi halaman google webmaster tools disini https://www.google.com/webmasters/tools/

ADD A SITE

Masukan Url Blog anda dan klik pada tombol Continue

Jika berhasil anda akan dibawa kehalaman berikut. perhatikan tanda panah klik Submite a Sitemap

Setelah anda klik Submite a Sitemap anda akan dibawa kehalaman berikut

Klik pada Tobol submite a site map
Copy kode site map berikut dan letakan pada kotak yang disediakan :

atom.xml?redirect=false&start-index=1&max-results=500

Jika sudah Klik Submit a sitemap :

* atom.xml?redirect=false&start-index=501&max-results=500
* atom.xml?redirect=false&start-index=1001&max-results=500
* atom.xml?redirect=false&start-index=1501&max-results=500
* atom.xml?redirect=false&start-index=2001&max-results=500

jika berhasil anda akan menemukan pesan seperti yang ada dalam kotak merah dan kode sitemap blog anda yang ditunjuk oleh anak panah:

Selesai

Demikian Tutorial Cara Kirim Sitemap blog di google webmaster tool semoga bermanfaat. apabila anda masih bingung dan penuh pertanyaan jangan sungkan untuk menanyakannya

Apa Manfaat Google Webmaster Tools Untuk Blog ?

2011-12-25T10:30:00.000-08:00

Apakah sobat blogger sudah pernah mendengar google webmaster tools ?, Pastinya bagi kita seorang pemula akan terasa asing sekali dengan google webmaster tool, Untuk itulah Dapur Tutorial Blogspot kali ini menyampaikan tulisan tetang Apa Manfaat Google Webmaster Tools Untuk Blog ?

Google Webmaster Tools ternya banyak sekali manfaatnya untuk blog kita. Salah satu manfaat yang paling banyak digunakan orang adalah untuk membuat artikel blog mereka cepat terindex tapi tidak hanya itu masih banyak manfaat lagi dari Google Webmaster Tools yang harus anda ketahui.

Google Wemaster Tool dapat anda akses melalui web resmi google dibawah ini :

https://www.google.com/webmasters/tools/

Namun untuk dapat mengaksesnya anda harus memiliki akun e-mail google terlebih dahulu. Silahkan bacara Cara membuat akun e-mail google

Ok !, kita tinjau apa saja Manfaat-manfaat penting lainnya dari Google Webmaster tools

Search queries
links to your site/inbound links
Sitemap
Srawl errors
Keywords

5 Fungsi google webmaster tools diatas adalah fungsi yang sangat penting dan akan membatu meningkatkan index blog anda pada search enggine. Semua Fungsi tersebut nantinya akan kita bahas pada tutorial berikutnya. Dapur Tutorial Blogspot Mohon maaf tidak dapat langsung untuk membahas ke lima fungsi diatas karena membutuhkan banyak waktu untuk membuat shootcut dan upload gambarnya.

Demikianlah sekilas ulasan mengenai Apa Itu Google Webmaster Tool Untuk Blog semoga bermanfaat sebagai dasar panduan teknik SEO.

Cara Submit URL Blog Ke Search Engine Bing dan Yahoo

2011-12-24T10:51:00.000-08:00

Jumpa lagi kita ditutorial kali ini. Pada tutorial sebelumnya Dapur Tutorial Blogspot telah sukses posting artikel tetang Cara Submit URL Blog ke Search Enggine Google dan sekarang kita akan pelajari bagai mana Cara Submit URL Blog Ke Search Enggine Bing dan Yahoo.

Update :
Sistem index blog Yahoo sekarang bergabung dengan bing. anda tidak bisa lagi menggunakan Yahoo Site Explorer karena Yahoo Site Explorer sudah dinon aktifkan dan beralih ke Bing Web Master. Untuk itu Submit URL blog Ke yahoo di jadikan satu paket dengan dengan Submit URL Bing. Artinya dengan anda submit URL blog Anda ke bing anda sudah mengirim URL blog anda ke Yahoo

Berikut ini Informasi dari yahoo tentang penggebungan-nya dengan Bing

http://www.ysearchblog.com/2011/09/14/site-explorer-transition-to-bing-webmaster-tools/

http://www.ysearchblog.com/2011/07/08/site-exploror-7-8-11/

Mengenai Manfaat dari anda Submit URL blog anda Ke Search Engine silahkan anda baca pada tutorial Cara Submit URL Blog Ke Search Engine Google.

Ok langsung saja kita bahas lankah-lankah untuk submit URL blog ke search engine Bing.

Kunjungi Halaman Berikut https://ssl.bing.com/webmaster/SubmitSitePage.aspx
Anda akan menjumpai halaman seperti dibawah ini

Gulir mous anda sedikit kebawah akan ada tampilan seperti ini

Masukan Kode Verifikasi dan URL Blog anda seperti pada gambar dibawah

Klik Tombol Submit URL dan tunggu proses loading Selesai
Apabila berhasil anda akan menjumpai pesan seperti ini (lihat yang ada dalam kotak merah)

Selesai

Cara Mendaftarkan Atau Submit URL Blog Ke Search Engine Google

2011-12-23T09:19:00.000-08:00

Seperti judul diatas kali ini kita akan mengetahui bagaimana cara Submit URL blog ke Search Engine ternama baik Google, Yahoo, dan Bing, Namun semua cara tersebut akan kita bahas satu persatu dan saat ini kita akan mempelajari cara submit URL ke Search Google.

Tutorial kali ini merupakan salah satu Tutorial SEO dasar.Hem..... Apa itu SEO?.
Apabila anda baru dalam dunia blogging pasti akan menanyakan apa itu SEO ?.Ok, Dapur Tutorial Akan jelaskan Sekilas pengertian SEO.

SEO merupakan singkatan Dari Search Enggine Optimization jika diartikan kedalam bahasa tercinta kita yaitu bahasa Indonesia artinya adalah memaksimalkan mesin pencari. Dengan anda memaksimalkan kerja dari search engine ini akan dapat membuat artikel blog anda terindex dengan cepat bahkan lebih dari itu kebanyakan orang memaksimalkan kerja dari search engine ini yaitu untuk berlomba-lomba memposisikan blognya di urutan teratas hasil pencarian. Coba anda bayangkan apabila blog anda selalu berada di urutan pertama search engine, Akan sangat banyak sekali orang yang mengunjungi blog anda.

Nah sekarang anda Pasti sudah paham mengapa kita perlu mendaftarkan URL blog anda ke search engine. Ya.....dengan mendaftarkan URL blog ke search engine terutama ke Search engin ternama seperti Google Yahoo, dan Bing akan membantu search engine mengindeks atau menemukan Blog anda.

Berikut lankah-langkah mendaftarkan URL Blog ke Search Engine Google :

Kunjungi halaman submit URL Google Disini https://www.google.com/webmasters/tools/submit-url

Masukan Url Blog Anda Seperti berikut :

Klik Pada Tombol Submit Request tunggu sampai proses selesai. Jika berhasih akan ada pesan seperti ini

Selesai

Dengan demikian besar kemungkinan mesin pencari google akan mudah mengindek blog anda. Pada Tutorial berikutnya Dapur Tutorial Blogspot akan sampaikan tetang cara menggunakan Web Master Tool. Apa itu Web Master Tool ?, Akan dijelaskan nanti

Cara Membuat Daftar Isi Otomatis Pada Blog

2011-12-23T00:51:00.000-08:00

Sudah hampir semua tutorial dasar blogspot dibahas di blog Dapur Tutorial Blogspot. Tutorial dasar tersebut akan sangat membantu anda ke tutorial berikutnya yang sedikit lebih susah dari tutorial dasar ini. Nah kali ini Dapur Tutorial Blogspot akan menyampaikan cara membuat daftar isi blog secara otomatis. Tanpa andanya daftar isi pada blog Dapur Tutorial Blogspot merasa belum lengkap makanya tutorial ini perlu disampaikan

Contohnya daftar isi otomatis ini bisa anda lihat pada blog ini, semua artikel yang dibuat akan langsung terindeks dengan sendirinya sehingga anda tidak perlu susah-susah memasang judul artikel satu-persatu pada halaman blog anda. Daftar isi otomatis ini bisa anda letakan didalam postingan artikel seperti daftar isi Dapur Tutorial Blogspot dan anda juga dapat meletakannya dibagian sidebar blog anda.

Sebelum kita membahas lebih jauh tetang cara membuat daftar isi otomatis ini anda harus tau terlebih dahulu tetang cara mengisi label pada artikel karena apabila artikel anda belum diberi label (kategori) maka artikel anda tidak bisa terindex sebab daftar isi otomatis ini berdasarkan label (kategori). Silahkan baca Cara Untuk Mengisi Label (Kategori) Pada Sebuah Artikel Blog

Cara membuat daftar isi otomatis ini adalah sebagai berikut :

[-] Membuat daftar isi pada postingan blog

Login terlebih dahulu ke akun blog anda
Setelah anda login Klik Entri Baru

Pilih mode entri pada Bagian HTML

Copy kode berikut

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

<script style="text/javascript" src="http://dapur-tutorial-blogspot.googlecode.com/files/daftar%20isi%20otomatis.js">

</script>
<script src="http://www.dapur-tutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

</div>

Width;250 px;

height:220px;

http://www.dapur-tutorial.blogspot.com

Paste kode pada halaman yang tadi sudah anda pilih pada mode HTML seperti pada gambar berikut

Kemudian Klik Publikasi atau Terbitkan Entri dan lihat hasilnya

[-] Membuat daftar isi pad bagian Sidbar blog

Seprti diatas anda Login terlebih dahulu ke akun blogger anda
Pilih Tata letak

Klik Tambah Gadget/Widget

Pilih HTML/JavaScript

Copy Kede Berikut

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

<script style="text/javascript" src="http://dapur-tutorial-blogspot.googlecode.com/files/daftar%20isi%20otomatis.js">

</script>
<script src="http://www.dapur-tutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

</div>

Width;250 px;

height:220px;

http://www.dapur-tutorial.blogspot.com

Paste pada Box HTML/JavaScript yang tadi sudah anda pilih seperti pada gambar berikut

Jangan Lupa Isi judul widget dengan daftar isi blog
Terakhir klik simpan dan lihat hasil

Cara Posting Artikel Pada Tampilan Baru Blogspot

2011-12-21T03:08:00.000-08:00

Sudah hampir satu minggu Dapur Tutorial Blogspot tidak menulis artikel dan alhamdulillah hari ini diberi kesempatan lagi untuk menulis. Kembali Kali ini Dapur Tutorial Blogspot akan menyamaikan tutorial dasar blogspot. Hem..buat sahabat yang bosan dengan tutorial dasar dan pengen cepat ke tutorial lanjut sabarya.....!, Kasian pada sahabat blogger kita yang baru mengenal blogspot.

Sebelumnya Dapur Tutorial Blogspot sudah pernah menyampaikan tetang tutorial serup yaitu tetang cara membuat postingan artikel pada tampilan clasic blogspot. Sekarang kita pelajari bagaimana cara membuat postingan pada tampilan baru blogspot.

Ok, Sebelumnya buat anda yang masih menggunakan tampilan clasic blogspot anda harus mengakses terlebih tampilan baru blogspot terlebih dahulu.

Silahkan baca Cara mengakses Dashboard baru atau tampilan baru blogspot DISINI

Setelah anda berada di dashboard baru blogspot atau ada pada tampilan baru blogspot, anda pasti akan menjumpai halaman seperti dibawah ini :

Lankah berikutnya yang harus anda lakukan adalah

Klik Pada Tombol Entri Baru yang bergambar Pensil

Selanjutnya anda akan dibawa ke halaman untuk menulis artikel seperti berikut

Nah apabila anda selesai menulis artikel Klik Pada Tombol Publikasikan untuk mempuliskan artikel anda
Selesai

Daftar Isi Dapur Tutorial Blogspot

2011-12-13T23:48:00.000-08:00

Dapur Tutorial Blogspot akan selalu memberikan kemudahan kepada pengunjung salah satunya dengan menyediakan fasilitas Daftar Isi. Semua artikel dari Dapur Tutorial Blogspot akan terindeks disini, Dengan demikian sahabat Dapur Tutorial Blogspot akan lebih mudah mencari artikel yang diperlukan.
============================================================================================

Mengenal Widget-Widget Standar Blogspot dan Cara Menambahkannya Kehalaman Blog

2011-12-12T20:28:00.000-08:00

Apakah anda sudah pernah mendengar Sebutan Widget ?, Ya Widget atau sering disebut orang dengan sebutan plugin, badge, Module , Snippet dan yang lainnya yang banyak digunakan pada Web berbasis DHTML, JavaScrip, dan Flash. Fitur-Fitur dari Widget Sangat Beragam dan Sangat banyak sekali jumlahnya yang dapat anda gunakan untuk mempercantik tampilan Blog anda.

Namun kali ini Dapur Tutorial Blogspot Hanya akan membatasi permasalahan pada Widget Stadar Blogger dan cara menambahkannya pada Blog anda. Blogger menyediakan 20 lebih widget satandar yang dapat ada gunakan secara gratis. Dapur Tutorial Blogspot Sudah membuatkan Scrienshoot beberapa Widget standar blogger seperti dibawah ini :

Terus bagaimana cara menambahkan Widget tersebut kehalaman Blog ?

Untuk menambahkan widget sangatlah mudah, Disini Dapur Tutorial Blogspot mengambil Contoh dengan Menambahkan Widget Laman

Berikut lankah-langkahnya :

Anda harus login terlebih dahulu masuk ke akun blogger anda
Pilih Tata Letak

Klik Tambah Widget/Gadget

Setelah anda klik Tambah Widget Akan Tampila halaman seperti dibawah ini :

Perhatikan gambar Diatas Klik Pada Tanda + seperti yang ditunjuk tanda panah
Maka Widget tersebut akan tampil pada halaman Blog anda
Selesai, semoga bermanfaat

NB :
[-] Untuk menambahkan widget standar blogger lainnya, cara yang digunakan sama seperti diatas
[-] Cara menambahkan widget gratis selain widget standar blogger akan dibahas pada tutorial berikutnya

Cara Upload dan Back-Up Template pada Tampilan Baru Blogspot

2011-12-09T11:24:00.001-08:00

Sebelumnya Dapur Tutorial Blogspot sudah sampai kan tentang cara mengakses halaman Edit HTML pada tampilan terbaru blogspot. Pada kesempatan kalai ini kembali Dapur Tutorial Akan menyampaikan Tutorial dasar sebelum anda beranjak lebih jauh mengenai tutorial blogspot yang lebih sulit tentu tutorial dasar ini akan sangat membantu anda.

Seperti pada judul diatas kita akan membahas bagaimana cara upload dan back-up template blog. Jelas ketika anda ingin mengganti template anda dengan template baru anda harus upload template tersebut dan anda juga perlu back-up template blog anda saat anda sedang meng-edit template blog anda atau jika terjadi sesuatu hal yang tidak terduga pada blog anda, anda masih simpan template blog anda sehinga dapat anda anda gunakan sewaktu-waktu

Berikut langkah-langkah untuk upload dan back-up template blog anda pada tampilan baru blogspot:

Pastikan anda sudah Login ke akun blogger anda
Klik Tempalte

Anda akan dibawa kehalaman seperti pada gambar berikut :

Cadangan/Pulihkan

Tombol Backup/Restore

Setelah anda klik tombol tersebut anda akan dihadapkan ke halaman berikut

Klik pada Tombol Unduh Template Lengkap untuk Download Template anda dan klik pada tombol Browser untuk upload template blog anda
Selesai

Demikian tutorial dasar tetang cara download dan Upload template pada tampila baru blogspot/blogger semoga bermanfaat.

Cara Mengakses Atau Masuk ke Edit HTML Pada Tampilan Baru Blogspot

2011-12-09T09:52:00.001-08:00

Sedikit-demi sedikit akhirnya sampi membahas ke Edit HTML walaupun pada tutorial ini Dapur Tutorial Blogspot baru menyampaikan tetang cara mengakses atau masuk ke area edit HTML pada tampilan baru blogspot atau blogger.

Tutorial ini Dapur Tutorial Blogspot sampaikan karena kita akan banyak bermain pada tampilan baru blogspot. Untuk mengeakses area edit HTML pada tampilan baru blogspot ini ada sedikir perbedaan dari tampilan clasic blogspot untuk itu juga alasannya Tutorial ini perlu disampaikan.

Ok langsung saja kita ke inti pembahasan. Untuk masuk ke area Edit HTML yang harus anda lakukan adalah sebagai berikut :

Apabila anda masih menggunakan tampilan Clasic blogspot sebaiknya ada beralih terlebih dahulu ke tampilan baru blogspot. Bacara cara Mengakses tampilan baru blogspot
Setelah anda berada di tampilan baru blogspot pasti anda akan berhadapan dengan halaman seperti dibawah ini :

Template

Anda akan dibawa kehalaman berikut ini

Klik pada Edit HTML dan akan ada tampilan jendel baru seperti pada gambar berikut :

Klik pada Tombol Lanjutkan maka anda akan dibawa ke area Edit HTML seperti ini

Seperti inilah tampilan area Edit HTML dan disinilah tempat anda Mengedit kode-kode HTML blog anda

Cara Mengatur Elemen Halaman atau Mengetur Tata Letak Pada Blog anda

2011-12-08T11:52:00.000-08:00

Dikesempatan ini Dapur Tutorial Blogspot akan menjelaskan tetang bagaimana cara mengetur Elemen halaman pada Blog anda. Mungkin bila anda adalah orang yang baru mengenal blog akan bertanya apa yang dimaksut denga Elemen Halaman tersebut !.

Sedikit Dapur Tutorial Blogspot Akan menjelaskan apa yang dimaksut dengan Elemen Halaman Blog. Elemen Halaman yaitu bagian-bagian penyusun tampilan pada blog anda.Pada umumnya Elemen halaman Blogspot terdiri dari 4 elemen diantanya yaitu :

Elemen Header
Elemen Outher
Elemen Sidebar
Elemen Footer

Gambaran secara jelas perhatikan Gambar Dibawah ini :

Setalah Elemen halaman tersebut anda isi dengan widget maka widget tersebuat dapat anda pindahkan sewaktu-waktu sesuai dengan keinginan anda, anda bisa meletakan nya di bagian elemen sidebar,Footer ataupun header

Sebagai Contoh :
Disisni Dapur Tutorial Memiliki Widget Dengan Judul Tutorial Blogspot dan SEO yang berada disebelah kiri seperti gambar dibawah ini

Sekarang Widget tersebut ke Elemen Halaman lain seperti ini :

Gambar tampak berbeda dari gambar diatas .

Untuk memindah Widget tersebut anda cukup klik kiri, tahan dan drak ke arah elemen yang anda ingikan untuk lebih jelas silahkan anda lihat Gambar dibawah ini

Itulah sekilas Tutorial mengenai Cara Mengatur Elemen Halaman atau Mengetur Tata Letak Pada Blog anda. Semoga bisa bermanfaat

Cara Masuk atau Mengakses Dashboard Baru Blogger

2011-12-08T01:56:00.001-08:00

Anda bosan dengan tampilan klasik blogger !, jangan khawatir blogger sekarang sudah meng-Update tampilannya ketampilan terbaru. banyak orang lebih memilih menggunakan Dashboar lama blogger tapi berbeda dengan Dapur Tutorial Blogspot lebih memilih untuk menggunakan tampilan baru dari blogger ini.

Menurut dari sisi pandangan Dapur Tutorial Blogspot Dashboard baru blogger ini terlihat lebih elegan, tampil sederhana dan panel menu yang mudah diakses dengan sistem Droup Down Menu. loding web juga lebih cepat dibanding dengan Dashboard klasik blogger.

Itu menurut pangangan dari Daput Tutorial Blogspot tentang Dashboard baru blogger tidak sama halnya dengan yang lain.

Buat sahabat yang belum pernah mengakses atau belum tau cara mengakses dashboard baru blogger, Dapur Tutorial Blogspot akan membantu anda untuk masuk ke Dasboard baru blogger ini.

Brikut lanakah-lankah yang harus anda lakukan :

Seperti biasanya anda harus masuk keakun blogger anda
Setelah anda masuk lihat pada sisi kanan atas blog anda seperi gambar dibawah ini

Klik pada Tulisan Coba Antar Buka Blogger Yang Diperbaharui
Kemudian anda akan dibawa ke halaman Dashboard Baru Blogger Seperti pada Gambar Dibawah ini

Apabila anda ingin kembali ke Dashboard lama blogger kli pada tulisan Alihkan Kembali
Selesai

Demikian cara untuk mengakses dashboard baru blogger semoga bermanfaat

Cara Membuat Potingan Artikel Pada Blog di Template Clasic Blogger

2011-12-07T10:49:00.000-08:00

Akhirnya kita sampai juga ke-pembahasan tetang cara membuat postingan artikel. Ditutorial sebelumnya Dapur Tutorial Blogspot telah mengulas tetang Pengenalan blog dan kemudahan kemudahan yang dimiliki web blogspot serta mengenal pasilitas untuk memudahkan anda dalam posting blog. Semua Tutorial yang sedah dibahas tersebut akan sangat membantu anda dalam mengelola blog anda.

Posting artikel merupakan peranan utama dalam mengelola blog, apalah artinya apabila anda membuat sebuah blog tanpa adanya artikel dalam sebuah blog anda, Jika demikian dipastikan tidak akan ada pengunjung yang akan menghampiri blog anda. Untuk itulah Perlunya ada ketahui bagaimana membuat postingan pada blog anda.

Tutorial ini memang sangat simpel dan sederhana mungkin banyak orang tidak ingin mengetahui hal ini. Tapi Dapur Tutorial Blogspot tetap akan menjelaskan hal ini karna Dapur Tutorial Blogspot ingin anda mengetahui tetang hal terkecil dari kegitan blogging.

Berikut langkah-lngkah untuk membuat postingan artikel pada blog anda :

Masuk ke akun blogger anda dan anda akan menjumpai halaman seperti ini

Klik pada Tombol Entri Baru dan anda akan dihadapkan kehalaman seperti ini

Perhatikan gambar diatas, Disana adalah area postingan artikel untuk blog anda
Setelah anda selesai menulis artiel lihah kearah bawah terdapat tulisan Terbitkan Entri maka Klik pada Tombol Terbitkan Entri seperti pada gambar dibwah ini

Sekarang artikel ada sudah diposting dan lihat hasilnya
Selesai

Demikian tutorial Blogspot kali ini semoga bermanfaat

Mengenal Fasilitas Untuk Memudahkan Posting Artikel di Blogspot

2011-12-07T01:54:00.000-08:00

Tutorial sebelumnya anda sudah mempelajari tetang pengetahuan dasar mengenai kode-kode HTML. Pengetahuan dasar kode-Kode HTML yang sering diguanakan dalam Blog penting dan harus anda ketahui. Pada Tutorial saat ini Dapur tutorial akan menyampaikan tetang kemudahan yang diberikan blogspot untuk anda melakukan posting artikel pada blog anda

Seperti apa kemudahan yang dapat anda gunakan untuk posting artikel ?, perhatikan gambar dibawah ini.

Area yang berada didalam kotak merah adalah Tool bar atau kontrol panel yang dapat anda gunakan untuk :

Undo dan unundo untuk kembali ke sebelumnyadan sebaliknya
Untuk mengubah jenis huruf
Mengubah ukuran huruf
Modifikasi tulisan bercetak tebal,miring dan bergaris bawah
Upload Foto dan vidio
Mengatur rata kiri tengah atau rata kiri kanan
dll

Dengan hadirnya Tool bar anda sangat mudah untuk mengatur tulisan artikel pada blog anda.

Mengenal Dasar-Dasar dari Kode-Kode HTML

2011-12-06T10:36:00.000-08:00

Sebagai Misi dari Daput Tutorial Blogspot yaitu memberikan Tutorial tentang cara membuat sebuah blog profesional, Dapur Tutorial Blogspot akan menyampaikan dari tehnik paling dasar mengenai sebuah blog. Seperti yang sudah Dapur Tutorial Blogspot sampaikan Sebelumnya Mengenai Hal-Hal yang harus anda ketahui sebelum membuat sebuah blog, Persiapan untuk membuat sebuah blog, Mengenal kemudahan yang dimiliki blog/blogspot sampi pada pendaftaran akun blogger.

Kita akan membahas satu persatu dari bawah sampai atas dan sekarang pembahasan kita sudah sampai pada Pengenalan dasar kode HTML. Pengenalan tentang kode HTML ini Dapur Tutorial rasa sangat penting kerana anda akan banyak berhubungan dengan namanya kode HTML ini , Untuk itu Dapur Tutorial Blogspot akan menyampaikan mengenai dasar-dasar pengetahuan kode HTML ini.

Mungkin anda bertanya apa sih HTML itu ?, HTML (Hyper Text Markup Languange) merupakan suatu standar bahasa progam yang digunakan untuk menampilkan dokumen-dokumen web. HTML ini berupa kode-kode tag yang memberikan instruksi pada browser untuk menghasilkan tampilan sesuai dengan yang kita pilih.

Ok kita langsung saja lihat Seperti apa HTML kode dan kenerjanya :

HTML kode pada umumnya terdiri perintah sebagai berikut :

<HTML>
<BODY>

Mengenal Dasar-Dasar dari Kode-Kode HTML

</BODY>
</HTML>

Coba perhatikan kode diata, kode kode HTML selalu di batasi dengan tag pembuka dan penutup <....>

Sekarang bagaimana tampilan tag untuk membuat Title pada Sebiah blog atau web ?. Untuk membuat title pada sebuah web atau blog anda harus menambahkan kode <HEAD><TITLE>..........</TITLE></HEAD>
Diantara kode <HTML> dan <BODY>

Contohnya seperti ini :

<HTML>
<HEAD>
<TITLE>Dasar-Dasar dari Kode-Kode HTML</HEAD>
</HEAD>
<BODY>

Mengenal Dasar-Dasar dari Kode-Kode HTML

</BODY>
</HTML>

Ok Berikutnya Dapur Tutorial Blogspot akan jelaskan bagaiman mengatur sebuah text menggunakan HTML Kode.

Kode-kode HTML yang banyak digunakan untuk memanipulasi text dalam sebuah web/Blog

<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan
<i>.....</i> kode ini digunakan untuk membuat text miring pada tulisan
<u>.....</u> Kode ini digunakan untuk membuat garis bawah pada tulisan
<b><i><u>.......</u></i></b> ini dalah kode kombinasi yang menghasilkan text seperti ini

Selain Kode Diatas anda jugadapat menggunakan kode berikut ini :

<strong>........</strong> Kode ini untuk membuat cetak tebal pada tulisan
<em>..............</em> kode ini untuk membuat text miring

Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna dan besar huruf pada Text :

<FONT SIZE=”....” COLOR=”.....” FACE=”......”>
........</FONT>.

SIZE untuk mengatur ukuran huruf
COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf

Misalnya anda ingin mengatur warna pada sebuah Text :

<FONT COLOR="blue"> text akan berwarna biru </FONT>
<FONT COLOR="red"> Text akan berwana merah </FONT>
<FONT COLOR="white"> text akan berwanar putih </FONT>

Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :

<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”2″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”3″>Ukuran 1 akan seperti in.</FONT>

Bagaimana jika ingin memilih jenis text :

<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”Gorgia”>Ini memakai font Impact.</FONT>

Bagaimana jika ingin di kombinasikan ?. mudah adan culkup menggabungkan kode-kode diatas :

Contoh :

Dapur tutorial menggabungkan kode warna besar huruf dan jenis hurup, cetak tebal , miring dan bergaris bawah seperti ini.

<FONT SIZE=”3” COLOR=”read” FACE=”Arial”><b><i><u>Hasilnya seperti ini</u></i></u></FONT>.

Bagaiman mudah dan tidak ada masalahkan untuk mengkombinasikan kode-kode HTML tersebut ?

Ok selanjutnya kita bahas cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1> merupakan ukuran huruf yang paling terbesar dan <h6> adalah ukuran huruf terkecil

Perhatikan huruf yang menggunakan <h2> dan <h3>

<h2>ukurannya seperti ini </h2>
<h3>ukurannya seperti ini </h3>

Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur paragraf :

<p> Untuk membuka paragraf
</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center> Untuk membuat tulisan berada di tengah </center>

Contohnya :

<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</b></FONT></P>

Hasilnya akan seperti ini :

Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal

tag ini membuat tulisan ini dalam baris baru

<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>

Hasilnya :

Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah

tag ini membuat tulisan ini dalam baris baru

Ok kita lanjut pada pembahasan berikutnya.Dengan HTML kode anda juga dapat membuat sebuah link didalam text:

Kode yang digunakan adalah sebagai berikut :

<a href=”Link yang dituju”>Link yang dimaksud/anchor text</a>

Contohnya disini anda memasukan ling http://www.dapur-tutorial.blogspot.com

maka hasilnya adalah sebagai berikut :

Belajar tutorial blogspot di Dapur Tutorial Blogspot

sekarang pada Tulisan FDapur Tutorial Blogspot terdapat link http://www.dapur-tutorial.blogspot.com untuk mengecek silahkan letakan kursor mouse anda diatas Dapur Tutorial Blogspot dan klik maka text tersebut akan membawa anda kehalaman HOME blog Dapur Tutorial Blogspot.

Anda juga dapat mengatur text link tersebut terbuka pada jendela baru dengan menambahkan kode

TARGET=”_Blank”

Contoh:

<a HREF=”http://www.dapur-tutorial.blogspot.com” TARGET=”_Blank”>Belajar tutorial blogspot<a>

Hasilnya:

Belajar tutorial blogspot

Nah itulah pengenalan dasar mengenai kode-kode dasar HTML dalam sebuah web atau blog. sekian tutorial kali ini dan akan kita lanjutkan ketutorial berikutnya.

Pengenalan Blogspot Dan Kemudahannya

2011-12-06T06:10:00.000-08:00

Pada Tutorial sebelumnya anda sudah mempelajari bagaimana mendapatkan akun blogger nah sekarang anda perlu mengetahui kemudahan-kemudahan yang terdapat di dalam blogger

Blogger memang merupakan salah satu situs penyedia blog terbesar didunia dimana blog adalah website interaktif yang dapat digunakan oleh setiap orang dengan mudah sehingga penggunanya dapat menata isi web sendiri sesuai keinginan kita.

Blogger saat ini memiliki 2 tampilan yaitu tampilan klasic dan tampilan Moderen terbaru dari blogger. Mungkin sebagian orang ada yang menyukai tampilan classic blogger dan ada yang menyukai tampilan moderen dari blogger itu semua tergantung dari karakter mereka masing masih.

Sesuai dengan tema kita kali ini Daput Tutorial Blogspot akan membahas mengenai kemudahan yang terdapat di blogger atau blogspot

Berikut kemudahan-kemudahan yang terdapat didalam Blogspot atau blogger

3 Lankah mudah untuk membuat akun Blogger

Creat a my accound : adalah langkah menciptakan sebuah account blogger yang nanti akan kita gunakan untuk login
Name Your Blog : adalah langkah memberikan nama blog anda termasuk judul blog dan url untuk blog anda
Choose a tamplate : adalah langkah terakhir memilih desain template awal yang akan digunakan untuk blog anda

Dashboard pengaturan blogger yang mudah digunakan

GB : 1 Dasboard Clasic Blogger

Gb 2 : Dashboard Baru Blogger

Desain Yang Sangat Mudah dan Menarik

Koleksi template
Pengaturan Huruf dan warna yang sangat mudah

Edit HTML yang mudah

Dan masih banyak lagi ke mudah-kemudahn yang dimiliki blogspot yang memmungkinkan anda untuk berkeryasi dengan libih mudah

Itulah sekilas pengenalan mengenai Blogspot dan kemudah. Semoga dengan pengenalan terlebih dahulu akan membantu anda untuk memahami blogspot lebih mudah lagi.

Cara Membuat Blog Di Blogger Dengan 3 langkah Mudah

2011-12-05T23:18:00.000-08:00

Persiapan untuk membuat blog mulai dari :

Sudahdisiapkan semua, itu berarti kita sudah siap untuk Mendaftar blogger untuk membuat blog. membuat blog dengan blogger sangat mudah hanya memerlukan 3 langkah dan blog anda jadi. Berikut tiga langkah mudah membuat blog di blogger :

Langkah 1 : Membuat akun Blogger

kunjungi halaman blogger/blogspot di www.blogger.com
Setelah anda mengunjungi halaman WeB Blogger/Blogspot anda akan menjumpai halaman sebagai berikut :

Perhatikan tanda panah pada gambar diatas klik pada tombol Get Started atau Mulai dan anda akan dibawa kehalaman berikut

Setelah anda megengisi data yang diminta dengan baik dan benar klik Pada tombol Next atau lanjutkan maka anda kan dibawa ke Lankah 2 yaitu Memberi nama pada Blog anda

Langkah 2 : Memberi nama pada Blog

Perhatikan Gmabar dibawah ini. anda diminta untuk memberi nama judul blog anda dan memasukan Alamat blog sesuai keinginan anda.

Isilah data tersebut setelah anda merasa benar klik lanjutnkan atau Next berikutnya anda akan dibawa lagi ke Lankah terakhir

Lankah 3 : Memilih tampilan awal blog anda

Pilih salah satu Templte sebagai tampilan awal untuk Blog anda

Setelah Anda pilih Klik lanjutkan atau Next dan akan muncul halaman seperti berikut ini :

Pada gambar diatas anda bisa lihat, disitu dinyatakan Blog anda sudah jadi. Sekarang anda sudah Bisa untuk mulai Blogging klik saja Tombol Mulai Blogging,. Nantinya anda akan dibawa ke dashboard blogger seperti gambar dibawah

Untuk melihat tampilan awal blog anda klik pada tulisan lihat blog.
Nah sekarang blog anda sudah jadi.

NB : Blog anda saat ini sedang menggunakan tampilan Awal atau Standar yang anda pilih sebelumnya. Pada tutorial Selanjunya kita akan bahas bagai mana cara Upload atau memasukan Template Hasil Downlotan anda dari internet

Cara Extract File Template Blogger dari File Rar/Winrar

2011-12-05T09:46:00.000-08:00

Masih ingat tutorial cara mencari dan download template blogger sebelumnya ?.Pada Tutorial tersebut disebutkan "Bisanya hasil downlotan template blogger berufa file rar dan harus di extract atau dikeluarkan terlebih dahulu baru dapat digunakan".

saya yakin sudah banyak yang mengetahui bagaimana cara meng-Extract file dari Rar/Winrar tapi saya juga yakin masih ada yang belum mengetahui cara extract file dari Rar.

Berikut lankah-langkah extract file dari Rar/Winrar :

Untuk dapat membuka dan meng-Extract file dari rar anda harus memdownload aplikasi Nya terlebih dahulu Klik Disini Untuk Download Download WinRAR 32-bit from FileHippo.com
Setelah di download Install aplikasi Winrarnya bila sudah ter-Install
Buka File Rar hasil Downlotan Template anda sebelumnya

Setelah terbuka anda akan menemui kotak yang muncul seperti berikut :

Klik file dengan Format .xml (Lihat tanda panah No 1) kemudian klik gambar dengan tulisan Extract To (Lihat tanda panah 2) dan anda akan diminta memilih tempat extract fili seperti gambar berikut

Silahkan Pilih tempat Extract File misalkan seperti contoh diatas memilih Drive E. sudah dipilih langsung saja klik OK
Tunggu Proses extrak selesai. Biasanya untuk Extrak Template Blogger tidak membutuhkan waktu lama
Sekarang Silahkan Lihat di Drive E File .xml yang sudah anda extrak muncul disana.

File template tersebut sudah siap anda Upload untuk tampilan Blog anda

Selesai...!

Cara Mencari dan Download Template Gratis Diinternet

2011-12-05T06:29:00.000-08:00

Di tutorial sebelumnya Tutorial Blogspot sudah menyampaikan hal apa saja yang harus anda lakukan dan anda ketahui untuk membuat sebuah blog kini Dapur Tutoial Blogspot akan sampaikan bagaimana cara mudah untuk mencari dan mendownload template gratis di internet.

Template blogspot sangat banyak sekali bahkan template premium bloggerpun banyak disediakan diinternet. Semua template-template itu sangat mudah anda dapatkan . Untuk mencari dan download template gratis tersebut anda bisa serching di Bah Google Dengan Kata kuncu "Template blogger gratis" atau "Free Blogger template "

Maka anda akan banyak menemukan hasil dari kata kunci yang anda gunakan seperti pada gambar dibawah ini :

Pilih salah satu dari hasil pencarian tersebut setelah anda pilih maka anda akan dibawa kehalam web tersebut disini Dapur tutorial Blogspot memilih Top 1 dari hasil pencariaan google yaitu www.zoomtemplate.com. tampilan halaman zoomtemplate kurang lebih seperti ini :

Carilah salah satu template sesuai kategori pembahasan blog anda atau sesuai keiinginan anda kemudian klik pada Judul template tersebut. setelah anda klik anda akan dibawa kerincian Fitur template tersebut seperti berikut :

Perhatikan tanda Panah klik pada Tombol Download Tersebut setelah diklik anda akan dibawa kehalaman download seperti gambar berikut.

Klik lagi pada Tombol download tunggu sapai muncul kotak seperti ini :

Pilih Save file dan klik tombol Ok Tunggu sampai sampai Proses download selesai. template Downlotan biasanya berufa Rar. anda harus extrak atau mengeluarkan File tersebut dari dalam Rar baru template tersebut dapat ada gunakan sebagai template blog anda.

Cara ini tidak jauh berbeda jika anda mendownload template blogger di web lain selain Zoomtemplate.Nah Sekarang gimana ?, mudah kan untuk mendapatkan template menarik sesuai keinginan anda sediri.

Untuk anda yang belum tau bagaimana cara Extrak file dari winrar, Silah kan palajari Tutorial Cara Extract File Rar

Cara mudah membuat email yahoo dengan panduan lengkap

2011-12-04T08:38:00.000-08:00

Masih ingat dengan panduan membuat email Google sebelumnya pernah dibahas ?.Nah dikesempatan kali ini dapur tutorial juga akan memberikan panduan lengkap membuat email yahoo. Mengenai kegunaan email disini tidak saya jelaskan lagi karena di tutorial sebelumnya tetang cara mudah membuat email Google sudah Dapur tutorial blogspot jelaskan tentang manfaat dari email.

Langsung saja kita bahas langkah-langkah membuat email yahoo dengan mudah :

Kunjungi halaman yahoo di www.yahoo.com atau www.yahoo.co.id
Nanti anda akan menjumpai halaman mirip seperti dibawah ini

Perhatiakan tanda panah pada gambar diatas klik pada tulisan Buat Account dan anda akan dibawa kehalaman berikut

Buat Account Saya

Apabila data anda benar Setelah anda klik pada tombol Buat Account Saya , anda akan dibawa kehalaman berikutnya seperti pada gambar dibawah ini

lanjutkan

Biasanya anda akan dibawa kembali ke Home/Branda Yahoo. Nah coba anda lihat di pojok kiri atas disana terdapat nama anda (seperti gambar dibawah dengan kotak warna merah ) itu berarti akun email yahoo anda sudah jadi dan dapat dugunakan.

Untuk masuk ke dalam akun email ada cukup anda klik tulisan email pada menu sebelah kanan (lihat tanda panah pada gambar diatas)
Tampilan akun email yahoo anda kurang lebih seperti pada gambar dibawah ini

Sekarang akun email yahoo anda sudah jadi dan siap untuk di gunakan. anda juga dapat menggunakan akun email yahoo untuk membuat akun blogger.

Itulah sekilas tetang cara membuat email yahoo. semogo tutorial ini bermanfaat.

Cara Membuat Akun Email Google Dengan Cepat Dan Mudah

2011-12-04T04:29:00.000-08:00

Email Berfungsi sebagai alat komunikasi yang murah mudah dan Cepat email juga dapt kita gunakan untuk mengirim dokumen-dokumen kita seperti program, Gambar, dan file-file lainnya dan akun email ini nanti akan kita gunakan untuk membuat akun Blogger.

Seperti yang sudah dijelaskan diatas Dalam kesempatan ini Dapur Tutorial Blogspot akan membantu anda untuk membuat Email dengan mudah baik yahoo atau pun google, Tapi untuk saat ini Dapur Tutorial Blogspot akan membahas cara membuat email Google Terlebih dahulu.

Berikut Langkah-langkah mudah untuk membuat akun email Google :

Kunjungi Halaman Google di www.Google.com

Perhatikan Tanda Panah klik pada tulisan Gmail tersebut
Anda akan dibawa kehalaman sebagai berikut Selanjutnya klik Tombol Creat my Account

Akan muncul tampilan mirip seperti dibawah ini.

Jika data sudah di isi lenkap klik creat my account atau Buat Akun
Apabila Berhasil anda akan dibawa kehalaman berikut dan klik pada tombol Show Me My Account

Anda akan di bawa ke halaman akun email anda seperti ini

Dengan anda masuk ke akun gmail anda berati akun email anda sudah jadi dan siap untuk digunakan untuk membuat akun Blogger

Persiapan awal untuk membuat blog

2011-12-04T02:14:00.000-08:00

Untuk membuat blog ada beberapa hal yang yang perlu disiapkan untuk membuat sebuah blog diantaranya adalah sebagai berikut :

Internet Conection

e-mail

Memilih template yang cocok denga topik blog anda

free blogger template

Template Blog Gratis

Ok jika 3 hal diatas sudah mencukupi sekarang anda siap untuk membuat sebuah blog.

Tukar link bersama Dapur Tutorial Blogspot

2011-12-03T12:54:00.000-08:00

Banyak manfaat yang dapat diambil oleh kedua belah pihak dari bertukar link apa bila dilakukan dengan baik dan benar.

Menurut Dapur Tutorial Blogspot yang paling penting dalam tukar link adalah sebagai sarana untuk menjalin silahturahmi untuk mengingatkan kita pada blog-blog sahabat sehinga dapat berkunjung kapanpun dan dimanapun selama masih terhubung dengan internet.

Buat sahabat yang ingin bertukar link dengan Dapur Tutorial Blogspot, Berikut aturan untuk bertukar link

Blog anda tidak berisi konten Spamming seperti berisi hal-hal pornografi,pornoaksi,kekerasan,permusuhan,hinaan dan yang lainnya
Silahkan Pasang Link Dapur Tutorial Blogspot Terlebih dahulu diblog anda

Title :

Url

Atau langsung copy kode dibawah ke blog anda

<a href="http://www.dapur-tutorial.blogspot.com/" target="_blank"title="Panduan tutorial blogspot"><b> Dapur Tutorial Blogspot</b></a>

Setelah Link Dapur Tutorial Blogspot terbasang segera kirim konfirmasi
Setelah Dapur Tutorial Blogspot menerima konfirmasi dari anda, Dapur Tutorial Akan langsung Visite ke blog anda dan segera memasang link anda di blog Dapur Tutorial
Pertukaran harus jujur, yaitu bila Link Dapur Tutorial Hilang Link anda juga hilang

Semoga dengan bertukar link hubungan kita sesama blogger menjadi lebih baik

Update :
Bagi yang tidak menemukan link blognya disini silahkan dicek pada bagaian Footer blog.

============================================================================================

====> Link Sahabat Dapur Tutorial Blogspot<====

Dapur Tutorial Blogspot

I Like Blogging and Sharing

M e d i a B l o g

Next Your Link

Yang Harus Anda Ketahui Sebelum Membangun Sebuah Blog

2011-12-03T11:07:00.000-08:00

Topik ini sangatlah penting untuk diketahui oleh semua orang yang ingin membangun blog sehingga Dapur Tutorial Blogspot sampaikan dibagian awal tutorial sehingga tidak ada kesalahan konsep dalam membangun sebua blog yang profesional.

Jika anda salah sedikit dalam menentukan langkah anda maka dapat mengakibatkan gangguan pada diri anda yang dapat membuat ada mengakhiri masa-masa blogging anda didunia blogger. Dapur Tutorial Blogspot mengatakan demikian karena berdasarkan pengalaman yang sudah pernah dialami setengah tahun didunia blogging.

Apabila anda benar-benar serius untuk menjadi seorang blogger yang profesional, anda harus mengetahui beberapa hal berikut ini :

Tentukan tujuan anda

Fokus Pada Satu Topik

Anda Harus Aktif

Buatlah Karya asli pemikiran anda sendiri

Akan mematikan pikiran anda untuk membuat karya unik dari yang lain
Search enggine sangat tidak menyukai adanya duplikat konten atau konten yang sama Terutama Bah Google
Blog anda tidak akan mendapat kepercayaan jika anda memuat konten milik orang lain
Banyak orang akan bosan mengunjungi blog anda karena banyak konten yang serupa

Mulailah dari kecil dimana menurut anda tidak penting

Setelah anda memahami point-point diatas anda dipastikan dapat menjadi blogger sejati

Siapa Dapur Tutorial Blogspot ?

2011-12-03T08:19:00.000-08:00

Dapur Tutorial Blogspot muncul Tepat pada tanggal 01 Desember 2011 yang dimanfaatkan sebagai sarana untuk saling berbagi informasi seputar hoby blogging. Hoby blogging sudah diekuni semenjak awal 2011 namun banyak halangan yang membuat hoby blogging menjadi lenyap dipertengahan 2011 karna temakan dengan janji-janji palsu yang bertebaran di dunia maya dan kesalahan-kesalahan konsep yang sudah dibuat pada blog-blog sebelumnya.

Untuk itu Dapur Tutorial Blogspot akan menyampaikan semua Pengalaman Blogging yang lebih dari setengah taun mengalami pasang surut kepada sahabat-sabat blogger supaya nantinya sahabat-sahabat blogger tidak bernasif sama Selain itu Dapur Tutorial Blogspot juga menberikan informasi hasil belajar mengenai BlogMastering, SEO Blog dan Template Desain yang akan membantu anda membangun sebuah blog profesional

Terus siapa dibalik Dapur Tutorial Blogspot ?

Saya..........!
Sangat akrap disapa dengan panggilan "ALDI "oleh sabat-sahabat saya. Saya adalah seorang pelajar di Perguruan Tinggi Negri Yogyakarta program S1 Pendidikan Tehnik otomotif.

Insyaallah pertengahan 2012 saya menyelesaikan masa study saya di UNY.

Bagi Saya Blogging sama seperti dunia Otomotif yang selalu memunculkan pertanyaan kenapa dia bisa kok aku gak jadi-jadi membuatnya?.

Pertanyaan ini lah yang selalu membuat saya berusaha untuk menjadi bisa seperti mereka para master.

Itulah saya sebagai orang yang ada dibalik Dapur Tutorial Blogspot. dan saya ucapkan selamat datang di Dapur Tutorial Blogspot mohon dukungannya dalam pengembangan blog ini.

Salam
Dapur Tutorial Blogspot
http://dapur-tutorial.blogspot.com/

Contact

2011-12-03T07:26:00.000-08:00

Powered byEMF Web Forms Builder

Terms of Use

2011-12-03T05:41:00.000-08:00

Memuat dan mengakui karya milik orang lain adalah sebuah pelanggaran hukum dan norma yang dapat dikenakan sanksi berdasarkan ketentuan yang berlaku. Terutama di dunia maya yang sangat banyak memuat konten hasil copy,paste tanpa mencantumkan URL sumber. Tidakan seperti itu tidak layak untuk ditiru dan dapat mematikan kreativitas menulis.Dengan demikian Dapur Tutorial memberlakukan Terms of Use dalam menjelajah isi yang ada didalam Dapur-Tutorial Blogspot.

Hak Jelajah

Copy/Paste

Comment

Tidak berkomentar dengan bahasa yang kasar atau menyinggung
Tidak berkomentar diluar topik pembahasan
Tidak meninggalkan link yang tidak penting pada komentar

NB : Semua ketentuan yang sudah dimuat dapat berubah sewaktu-waktu tampa pemberitauan terlebih dahulu.

Contact Form Gunakan Form dibawah ini sebaik-baiknya (gunakan kata-kata yang sopan)
Name *

Email *

Pilihan

Subject *

Message *