Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Jumat, 29 April 2016

Script Auto Generate Content Blogspot Gratis

Download Script AGC Blog Gratis - Jika sebelumnya saya pernah menulis tentang Cara Membuat AGC Blogspot, maka untuk sekarang saya akan membagikan Script Auto Generate Content secara Gratis!!. Mungkin di blog lain scriptnya dijual sebesar 50 ribu rupiah, namun saya berani membagikannya secara cuma - cuma. Namun sebelumnya mungkin ada yang baru pernah mendengar apa itu AGC, maka dari itu saya akan mengulasnya sedikit disini.

Download Script Auto Generate Content Blogspot Gratis
Script Auto Generate Content Blogspot Gratis


Pengertian AGC

Auto Generate Content, sesuai namanya teknik ini bisa membuat blog anda menghasilkan konten secara otomatis. Maksudnya bagaimana? maksudnya adalah blog anda akan otomatis mempublikasikan artikel, tanpa perlu anda menulis artikel tersebut. Lho kok bisa gitu? iya, karena dengan cara ini anda akan membuat blog anda menghasilkan konten dari Feed blog lain.

Penjelasan Cara Kerja AGC

Cara kerja AGC adalah blog anda akan menghasilkan sebuah konten/artikel sama persis dengan blog yang RSS Feed-nya (anggap saja) anda curi. Konten Sebuah Blog akan memiliki Duplikat di RSS Feed lalu anda AGC RSS Feed blog itu sehingga Konten RSS Feed tersebut akan otomatis Terpublikasikan di blog Anda.

Bagaimana Cara Membuat AGC?

Cara membuatnya sudah pernah saya tulis di http://masterbama.blogspot.com/2014/10/agc-blogspot.html. Jadi silakan Anda mempelajari dulu di artikel tersebut. Setelah itu Anda dapat mengunduh script dari saya agar artikel Anda menjadi lebih mantab lagi dan SEO Friendly.


Download Script AGC


Lakukan Skip AD berulang - ulang untuk mendapatkan script ini. Karena memang saya bagikan gratis, maka untuk mendapatkannya butuh tantangan. Lakukan seperti yang biasa Anda lakukan ketika mendownload software seperti biasa.


Sekian tentang artikel Download Script AGC Gratis, selamat mencoba. Terimakasih.

Rabu, 23 Maret 2016

15 Cara SEO On Page Paling Ampuh

SEO On Page Terlengkap dan Terampuh - Berikut ini akan dijelaskan secara lengkap mengenai Cara Melakukan SEO On Page pada blog atau website. Apa sih SEO On Page itu? Sebelum mempraktekkannya kita akan menjelaskan lebih dulu sedikit mengenai Apa itu SEO On Page.

Cara SEO Onpage
Cara SEO Onpage

SEO On Page pada dasarnya merupakan sebuah cara yang bisa membuat halaman website menjadi lebih SEO Friendly. SEO Friendly adalah sebuah istilah dimana suatu halaman dapat diindex (direcord/direkam) dengan mudah oleh google, agar muncul dihalaman utama google, pastinya ketika halaman website tersebut sudah memenuhi kriteria Seo On Page. Hal tersebut seperti yang dijelaskan pada Wikipedia tentang SEO.

Lalu bagaimana cara melakukan SEO On Page? Caranya cukup mudah, kita hanya perlu sedikit bermain-main dengan blog kita, membuatnya lebih cantik di mata google. Apakah susah? Tentu tidak. Caranya sangatlah mudah, jadi saya menyarankan agar Anda menikmati secara keseluruhan apa yang akan saya jelaskan mengenai SEO On Page.

Cara SEO OnPage

1. Judul Artikel (Title) Harus Mengandung Keyword

Judul Artikel merupakan hal yang sangat vital dalam SEO, dan juga merupakan hal yang teramat vital dalam menarik pengunjung untuk datang lalu membacanya. Sehingga pembuatan judul artikel selain harus mengandung keyword yang ditargetkan, haruslah betul-betul mampu menarik emosi dari para pembacanya. Entah itu emosi yang langsung membuat penasaran, senang, gembira dan tertawa, sedih, maupun kesal dan marah. Usahakan di awal kata sudah mengandung keyword. Karena kita sebelumnya bereksperimen dengan keyword madu, lalu menghasilkan kata manfaat madu, khasiat madu dan lain-lain maka judul pun harus memicu rasa penasaran orang, misalkan “Manfaat Madu Mencegah Penyakit Akut Mematikan!” atau misalkan “Khasiat + Manfaat Madu Memperpanjang Usia”. Atau yang lebih ekstrem lagi “Manfaat Madu Membuat Wajah Ganteng”. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

2. Keyword Muncul Di Awal Kalimat Paragraph Pertama

Dalam hasil eksperimennya terhadap algoritma googlebot, SEO Pressor akhirnya membuat sebuah kesimpulan bahwa keyword harus muncul pada awal kalimat paragraf pertama dari suatu artikel. Tidak harus benar-benar kata pertama di awal kalimat, namun diusahakan keyword di letakkan pada awal kalimat di paragraf pertama dari sebuah artikel. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

3. 10 Kata Pertama Mengandung Keyword

Kalau memang keyword itu tidak bisa diletakan di kata pertama, maka di usahakan keyword muncul di sepuluh kata pertama. Mengapa seperti itu? karena pada faktanya ketika Anda mencari sesuatu di google dan mengetikan suatu keyword maka google akan menampilkan hasil pencariannya berikut dengan kalimat pertama mengandung keyword yang dicari. Sehingga semakin didepan keyword yang diletakkan maka semakin memperkuat kedudukan halaman Anda untuk ditampilkan di halaman pertama google untuk keyword tersebut. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

4. Beri style Bold (B), Underline (U) dan Italic (I)

Keyword yang muncul di awal kalimat tadi dianjurkan untuk diberikan style bold (B), underline (U) maupun italic (I). Saran ini dianjurkan oleh Mac Famous, Mac famous adalah blogger yang sudah sering menang kontes SEO dalam negeri. Dan pernah juga menang di kontes SEO skala internasional. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

5. Keyword Dengan Style Bold (B), Underline (U) dan Italic (I) Muncul Lebih Dari Sekali

Dalam keseluruhan artikel diusahakan keyword dengan style bold (B), underline (U) dan italic (I) muncul lebih dari sekali. Untuk memenuhi kriteria tersebut dan agar tidak merusak pemandangan pembaca, bagusnya ambil 2x saja setiap satu postingan. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

6. Heading Tag H1,H2 dan H3 Mengandung Keyword

Disetiap artikel diusahakan di dalamnya terdapat heading artikel H1, H2 dan H3, biasanya heading tag H1 itu sudah pasti tentu diberikan kepada Judul Artikel, namun h2 dan h3 digunakan pada sub sub judul pada artikel tersebut. Pastinya trik ini digunakan untuk artikel yang lumayan panjang pembahasannya. Silahkan mengaakali untuk artikel yang pendek. Bagaimana mengaplikasikannya akan dijelaskan di bab ini.

7. Capai Keyword Density Dalam Satu Postingan 3 – 5 Keyword

Keyword yang paling baik, adalah keyword yang terdapat dalam sebuah artikel. Suatu kata bisa disebut sebagai keyword ketika kata tersebut diulang lebih dari 1 kali pada artikel tersebut. Paling tidak Anda perlu mengulang keyword yang ditargetkan itu minimal 3, dan maksimal adalah 5 untuk setiap kali artikel dibuat. Dan untuk ngecek keyword density silahkan menuju keyworddensity.com. Atau anda bisa menggunakan SEO Quake untuk plugin browser Anda , yakni Chrome maupun Firefox. Perihal bagaimana mengaplikasikannya akan dijelaskan di bab ini

8. Jumlah Kata Usahakan Minimal 500 Kata

Untuk search engine google,500 kata merupakan hal yang cukup dianggap penting bagi google untuk melirik postingan Anda. 500 kata ini tentunya juga bukan kata-kata yang diaduk sembarangan, tapi juga bermanfaat untuk user yang membacanya. Jika setiap postingan Anda mampu membuat minimal 500 kata, maka bukan hanya google yang dengan mudah datang terus untuk mengindex website Anda, namun orang-orang pun akan menganggap artikel Anda bermanfaat sekaligus solutif sehingga jangan heran jika orang-orang terus berdatangan untuk betah berlama-lama membaca artikel yang Anda buat.

9. Link Ke Trusted Site

Usahakan salah satu kata keyword yang ingin Anda capai mengandung outbond link ke situs terpercaya, tentunya dengan bahasan yang sama. Contohnya bisa Wikipedia. Mengapa harus bahasan sama? Karena google mengeluarkan algoritma terbaru yang bila Anda tidak melink ke situs yang bahasannya sama maka situs Anda kemungkinan akan mendapatkan blacklist, atau prediket di mata google menjadi turun. Contohnya misalkan seperti ini, saya membuat artikel madu, kemudian orang datang untuk mencari informasi mengenai madu, namun dalam artikel tersebut melink ke halaman yang berisi informasi mengenai senapan angin, yang jelas pembahasan jauh berbeda. Apa yang dilakukan olah pengunjung tersebut? Akan kabur bukan? Karena tidak nyambung pembahasannya. Perihal bagaimana mengaplikasikannya kita akan membahasnya di bab ini.

10. Buat Internal Link

Berikan internall link ke postingan anda yang lain, yang bahasannya itu mirip-mirip, atau kalau postingan tidak mengandung bahasan yang sama dengan keyword silahkan link ke postingan itu sendiri. Ini dimaksudkan agar google itu terus menerus berkeliling diwebsite Anda, dan mengindex halaman kalau-kalau ada halaman yang baru.

11. Keyword Muncul Di Kalimat Terakhir

Peletakkan keyword tidak hanya di awal paragraf dan ditengah-tengah artikel, namun juga biasanya keyword yang diberi style bold (B), underline (U) dan italic (I) itu diletakkan di paragraf akhir, di akhir kalimat. Begitulah kriteria untuk algoritma google saat ini

12. Gambar Mengandung ALT

Artikel yang baik itu memiliki gambar yang relevan berkaitan dengan artikel tersebut, hal ini juga dilakukan untuk meningkatkan daya tarik pembaca, dan pembaca tidak melulu diperlihatkan teks semata, namun gambar mata bisa sedikit beristirahat, di google gambar juga sangat diperhitungkan, terutama pada ALT yang mengandung keyword diletakkan pada atribut gambar. Bagaimana menerapkannya akan dijelaskan di bab ini.

13. Meta Description Mengandung Keyword

Usahakan keyword berada di awal kata meta description. Selain judul artikel, meta description pun harus memancing hasrat orang yang mencari itu untuk mengklik. Bagaimana cara mengaplikasikannya akan dijelaskan dibab ini.

14. Meta Tag Mengandung Keyword

Meta tag harus mengandung keyword. Usahkan keyword yang di targetkan berada di awal kata meta tag. Bagaimana cara mengaplikasikannya akan dijelaskan dibab ini.

15. URL Mengandung Keyword

Biasanya apabila judul sudah mengandung keyword maka secara otomatis url akan sama dengan judulnya. Ini seperti fitur permalink pada wordpress. Bagaimana cara mengaplikasikannya akan dijelaskan di bab ini.

 KESIMPULAN

Bagaimana, apakah Anda bisa dan sudah melakukan serta mempraktekkan semuanya? Jika Anda masih bilang ini susah, maka Anda telah melakukan kesalahan besar!. Sekarang coba lihat artikel yang habis Anda baca barusan, iya artikel tentang Cara SEO On Page ini, saya sudah berhasil mengaplikasikan sebagian besar SEO On Page di artikel yang sedang Anda baca ini. Jadi bagaimana? mudah bukan. Silakan di praktekkan sendiri dan rasakan sendiri apa hasil yang Anda dapatkan.

Jumat, 14 November 2014

Gambar Thumbnail Tidak Muncul Di Blog, Inilah Cara Mengatasinya!

Cara Mengatasi Gambar Thumbnail Yang Tidak Muncul Pada Blogger - Baru-baru ini pihak google melakukan update yaitu semua gambar yang diupload memiliki link dengan awalan https:// padahal dulu saat kita mengupload gambar, linknya berawalan http://. Oleh sebab inilah masalah thumbnail ini muncul, karena perubahan alamat pada link gambar.

Dari masalah itu, banyak blogger yang mengeluh akibat gambar thumbnail tidak muncul pada postingan di homepagenya, kadang gambarnya terpotong, dan kadang pula error. Tentu hal ini sangat menyulitkan bagi seorang blogger, terutama saya.

Masalah Thumbnail Blog
Thumbnail Fixed

Untuk memperbaiki masalah tersebut tentu ada banyak cara, namun saya akan menunjukkan cara yang paling mudah dan simple tanpa harus mengotak-atik template. Mungkin masih ada cara lain yang lebih bagus, dan karena masalah ini baru, maka belum banyak cara untuk masalah ini. Jadi tidak ada salahnya mencoba cara alternatif yang saya berikan.

Cara Memperbaiki Thumbnail

  1. Buka/Edit Postingan yang error.
  2. Pindah dari mode Compose ke mode HTML.
  3. Cari URL gambar yang ingin diperbaiki.
  4. Ganti URL tersebut dari https:// menjadi http://
Itulah cara memperbaiki thumbnail blog yang error/tidak muncul. Mungkin tidak semua blogger mengalami masalah ini, sebab template yang digunakan berbeda-beda. Jika ada kesulitan atau ada yang perlu ditanyakan, silakan berkomentar ^_^

Jumat, 07 November 2014

Artikel Panjang Lebih Disukai Google

Artikel yang Panjang Lebih Disukai Oleh Google - Telah terungkap bahwa google lebih menyukai artikel-artikel panjang, seperti artikel yang memiliki lebih dari 800 kata. Tentunya bukan artikel panjang saja, namun artikel tersebut haruslah berkualitas untuk bisa mendapatkan pageone google.

Artikel Yang Disukai Google
Artikel Yang Disukai Google

Artikel yang panjang dan berkualitas maksudnya adalah artikel tersebut membahas suatu topik/hal secara lengkap. Google lebih menyukai artikel yang lengkap daripada artikel pendek yang isinya hanyalah cuplikan-cuplikan saja.

"Apakah artikel yang panjang dan berkualitas bisa mendapatkan pageone google?" "bagaimana cara membuat artikel yang panjang dan berkualitas?" 2 Pertanyaan itulah yang akan kita bahas pada artikel ini. Selengkapnya silakan baca dibawah ini.

Artikel Yang Disukai Google

Artikel yang disukai google adalah artikel yang panjang dan berkualitas, berkualitas tidak hanya pada topik/pembahasannya saja namun juga penataannya. Penggunaan tag, bold, italic sangat berpengaruh pada kualitas artikel dan untuk kerapian bisa menggunakan Justify agar tulisan rata kanan dan rata kiri.

Apakah Artikel Yang Panjang Bisa Mendapatkan Pageone?

Jawabannya tentu saja bisa, namun saya tidak menjamin. Pageone bisa terjadi apabila sebuah blog memiliki SEO yang tinggi. Tapi tetap saja, content is king jadi artikel-lah yang nomor satu daripada yang lain.

Kalau ada yang tanya, pageone itu apa? Artikel Anda bisa dikatakan pageone bila berada di halaman pertama pencarian google dengan keyword tertentu.


Bagaimana Cara Membuat Artikel Yang Panjang Dan Berkualitas?

Caranya gampang-gampang susah. Namun, akan terasa mudah bila sering dipelajari.

Langkah Pertama

Anda harus pintar merangkai kalimat dan memilih kosa kata yang tepat agar mudah dipahami dan dimengerti oleh pembaca. Jangan bilang sebuah artikel berkualitas jika penulisnya saja bingung.

Langkah Kedua

Setelah bisa merangkai kalimat. Selanjutnya Anda harus memilah kata mana yang harus diberi Bold, Italic dan sebagainya. Ini bertujuan untuk meningkatkan SEO pada artikel.

Langkah Ketiga

Aturlah Text Align dengan membuat text atau tulisan menjadi rata kanan dan rata kiri dengan Justify. Atau bisa Anda sesuaikan dengan gaya kerapian artikel Anda sendiri.

Langkah Keempat

Membaca dan mengoreksi kembali artikel Anda. Cek lagi apakah ada huruf yang salah, pengejaan yang salah, dan coba perbaiki kesalahan tersebut. Meskipun Anda penulis, Anda juga harus memposisikan diri Anda sebagai pembaca. Segera perbaiki kalimat yang menurut Anda kurang enak untuk dibaca. Pengecekan kembali merupakan hal yang harus dilakukan seorang blogger sebelum mempublikasikan artikel.


Semua cara itu adalah untuk menambah kualitas artikel sekaligus memberikan nilai SEO yang lebih pada artikel. Dengan begitu bisa dikatakan bahwa artikel Anda adalah Artikel SEO Friendly. Tentunya setelah mempublikasikan artikel, Anda juga harus mensubmit artikel tersebut agar cepat diindeks oleh mesin pencari google.

Kesimpulannya adalah, jika Anda ingin membuat artikel yang panjang, Anda harus tetap fokus dan konsentrasi dan jangan sampai kehabisan ide ingin menulis apa. Segera tulis apa yang ada di pikiran Anda terlebih dahulu, untuk masalah kerapian itu adalah yang nomor 2.

Dan perlu diingat, artikel yang panjang jika isinya cuma basa-basi saja atau tidak penting sama sekali, maka lebih baik membuat artikel pendek namun bermutu daripada panjang tapi kebanyakan basa-basi. Basa-basi seperti candaan memang perlu untuk bisa berinteraksi dengan pembaca tapi jangan sampai kebanyakan dan malah membuat pembaca menjadi bosan.

Kita sudah mempelajari cara membuat artikel panjang dan berkualitas. Sebagai contoh artikel saya yang panjang adalah artikel ini, namun jika Anda ingin melihat artikel saya yang lebih panjang lagi, silakan baca artikel 'Cara Memiliki Banyak Followers Facebook' Itu adalah artikel saya yang paling panjang pada blog ini.

Mungkin sampai disini saja tentang 'Artikel Panjang Lebih Disukai Google' Selamat mencoba membuat artikel yang berkualitas, dan semoga bisa Pageone ^_^

Sabtu, 01 November 2014

Mengenal Menu Komentar Pada Blogger

Mengenal Menu Komentar Pada Blogger - Menu komentar atau dalam bahasa inggris disebut comment merupakan sebuah menu untuk menampilkan semua komentar yang ada dalam suatu blog. Komentar yang telah diterbitkan, komentar yang menunggu moderasi, bahkan komentar spam juga ada pada menu ini.

Pada post ini saya akan memperkenalkan Anda kepada Menu Komentar. Silakan perhatikan baik-baik gambar dibawah ini.

Menu Komentar "Diterbitkan"
Menu Komentar "Diterbitkan"

Fungsi Berdasarkan Nomor :

1 = Diterbitkan. Jumlah komentar yang telah diterbitkan.
2 = Menunggu moderasi. Komentar yang masih dalam tahap moderasi / belum disetujui oleh pemilik blog.
3 = Spam. Semua komentar yang dianggap spam akan berada disini.
4 = Hapus konten. Menghapus komentar, dapat dimunculkan kembali.
5 = Hapus. Menghapus komentar secara permanen.
6 = Spam. Masukkan komentar ke folder spam.
7 =  Kolom Centang Komentar. Berfungsi untuk Penyeleksian komentar untuk tindakan pada nomor 9.
8 = Kolom Centang Semua Komentar. Memilih semua komentar Anda.
9 = Pada fitur ini Anda dapat melakukan Hapus komentar, Hapus komentar permanen, dan tandai komentar sebagai spam.
10 = Artikel/Pos yang dikomentari.
11 = Menunjukkan bahwa komentar adalah sebagai balasan dari komentar sebelumnya.
12 = Balasan komentar sebelumnya.
13 = Jumlah komentar balasan.
14 = Nama komentator.
15 = Tanggal komentar.
16 = Banyaknya komentar yang ditampilkan pada Menu Komentar.
17 = Back Page < Halaman > Next Page
18 = Menampilkan komentar sesuai jumlah pilihan.


Menu Komentar "Spam"
Menu Komentar "Spam"

19 = Pada fitur ini Anda dapat melakukan Bukan spam dan Hapus.
20 = Bukan spam. Komentar akan dipublikasikan kembali dan tidak dianggap sebagai spam.


Menu Komentar "Menunggu moderasi"
Menu Komentar "Menunggu moderasi"

21 = Pada fitur ini Anda dapat melakukan Publikasikan komentar, Hapus komentar, dan Tandai komentar sebagai spam.
22 = Publikasikan | Hapus | Spam. Anda dapat mempublikasikan komentar, menghapusnya, atau memasukkannya ke spam.


Saya rasa itulah semua fitur tentang Menu Komentar. Bila masih belum lengkap atau kurang jelas silakan berkomentar. Semoga bermanfaat dan sukses selalu!

Kamis, 23 Oktober 2014

Mengenal Menu Laman Pada Blogger

Mengenal Menu Laman Pada Blogger - Menu Pages atau dalam Bahasa Indonesia disebut dengan Menu Laman merupakan sebuah menu yang dapat memudahkan kita untuk membuat sebuah Halaman. Tentunya dalam membuat blog selain membuat Pos kita juga harus membuat Laman.

Pada post ini saya akan memperkenalkan Anda kepada Menu Laman yang ada pada Blogger. Silakan Anda perhatikan baik-baik gambar dibawah ini!

Menu Laman
Menu Laman

Fungsi Berdasarkan Nomor :

1 = Semua. Jumlah semua laman yang ada pada blog Anda.
2 = Draf. Jumlah laman yang belum Anda publikasikan akan tersimpan dalam draf.
3 = Diimpor. Jika sebelumnya Anda pernah mengimpor laman melalui Menu Setelan, maka laman tersebut akan di masukkan ke dalam menu ini.
4 = Diterbitkan. Semua laman yang sudah diterbitkan pada blog Anda.
5 = Nama Laman.
6 = Edit. Tombol untuk mengedit laman Anda.
7 = Lihat. Tombol untuk melihat laman Anda langsung di blog Anda.
8 = Berbagi. Tombol untuk melakukan Share sebuah laman ke Akun G+ Anda.
9 = Hapus. Tombol untuk menghapus laman Anda.
10 = Kolom Centang Laman. Berfungsi untuk Penyeleksian laman untuk tindakan pada nomor 13.
11 = Kolom Centang Semua Laman. Memilih semua laman Anda.
12 = Nama orang yang menulis suatu laman yang ada di blog Anda.
13 = Pada fitur ini Anda bisa melakukan Penggantian nama label, Penghapusan label, Mempublikasikan laman, Mengembalikan laman ke draf, Hapus laman.
14 = Banyaknya laman yang ditampilkan pada Menu Laman.
15 = Jumlah orang yang mengomentari suatu laman Anda.
16 = Jumlah tayangan pada suatu laman.
17 = Tanggal penerbitan laman.
18 = Back Page < Halaman > Next Page
19 = Menampilkan laman sesuai jumlah pilihan.

Itulah sedikit informasi mengenai fungsi dan kegunaan yang dapat saya berikan pada Menu Laman. Saya mohon maaf apabila ada kesalahan, semoga bermanfaat!

Jumat, 17 Oktober 2014

Kriteria Blog Yang Tidak Akan Pernah Sepi Pengunjung

Kriteria Blog Yang Tidak Akan Pernah Sepi Pengunjung - Bagaimanakah kriteria blog yang selalu ramai? Seperti apa blog yang tidak akan pernah sepi pengunjung? Pada artikel ini saya akan menjawab pertanyaan-pertanyaan itu. Silakan anda baca dengan baik.

Kriteria Blog Yang Tidak Akan Pernah Sepi Pengunjung

Awalnya saya membuat artikel ini berdasarkan hasil pengamatan saya saat menjadi blogger. Tentunya saat awal mula ngeblog blog saya juga sepi, sangat sepi bahkan yang mengunjungi hanya saya saja. Waktu demi waktu telah berlalu dan sepertinya saya sudah berhasil membangun Blog Masterbama ini.

Dari berbagai macam pengamatan berdasarkan pengalaman yang saya miliki, saya akan menyimpulkan apa yang saya pelajari selama ini. Inilah kriteria blog yang tidak akan pernah sepi pengunjung. Seperti apa blog tersebut?

Kriteria Blog Yang Tidak Akan Pernah Sepi Pengunjung

1). High Quality Content
Kualitas konten menjadi yang utama, dimana-mana konten yang selalu menentukan peringkat blog anda di search engine, sampai-sampai ada istilah Content Is King atau Konten Adalah Raja, ini membuktikan bahwa konten blog yang terpenting dari segalanya. Bisa dibilang blog yang memiliki konten berkualitas yang selalu ramai dan tidak akan pernah sepi pengunjung.

2). Up To Date
Blog yang terupdate. Saya yakin blog yang secara rutin memberikan konten yang baru tidak akan pernah sepi. Ini sudah saya buktikan sendiri pada blog Masterbama milik saya ini, dan hasilnya alhamdulillah sampai sekarang masih ramai dan malah lebih ramai dari minggu-minggu sebelumnya.


Saya rasa hanya 2 itu saja, tidak perlu yang namanya SEO - SEOan asal kan konsisten dan niat ngeblog. Konten adalah utama, SEO adalah pelengkap. 

Minggu, 12 Oktober 2014

Mengenal Menu Posts Pada Blogger

Mengenal Menu Pos Pada Blogger - Menu Posts atau dalam Bahasa Indonesia disebut dengan Menu Pos merupakan sebuah menu yang dapat memudahkan kita untuk membuat sebuah Artikel/Post/Konten. Tentunya dalam membuat blog kita juga harus membuat Post.

Pada post ini saya akan memperkenalkan Anda kepada Menu Posts yang ada pada Blogger. Silakan Anda perhatikan baik-baik gambar dibawah ini!

Menu Pos
Menu Pos

Fungsi Berdasarkan Nomor :

1 = Semua. Jumlah semua post yang ada pada blog Anda.
2 = Draf. Jumlah post yang belum Anda publikasikan akan tersimpan dalam draf.
3 = Terjadwal. Post yang Anda jadwalkan tanggal berapa post tersebut dipublikasikan akan masuk pada menu ini.
4 = Diimpor. Jika sebelumnya Anda pernah mengimpor postingan melalui Menu Setelan, maka post tersebut akan di masukkan ke dalam menu ini.
5 = Diterbitkan. Semua post yang sudah diterbitkan pada blog Anda.
6 = Edit. Tombol untuk mengedit postingan Anda.
7 = Lihat. Tombol untuk melihat postingan Anda langsung di blog Anda.
8 = Berbagi. Tombol untuk melakukan Share sebuah post ke Akun G+ Anda.
9 = Hapus. Tombol untuk menghapus post Anda.
10 = Judul Postingan Anda.
11 = Label Postingan Anda.
12 = Nama orang yang menulis suatu post yang ada di blog Anda.
13 = Jumlah orang yang mengomentari suatu post Anda.
14 = Jumlah tayangan pada suatu post.
15 = Tanggal penerbitan post.
16 = Jumlah +1 pada suatu post.
17 = Kolom Centang Post. Berfungsi untuk Penyeleksian Post untuk tindakan pada nomor 19.
18 = Kolom Centang Semua Post. Memilih semua post Anda.
19 = Pada fitur ini Anda bisa melakukan Penggantian nama label, Penghapusan label, Mempublikasikan post, Mengembalikan post ke draf, Hapus post.
20 = Menampilkan post berdasarkan label.
21 = Menampilkan post sesuai jumlah pilihan.
22 = Kotak Pencarian. Gunakan untuk mencari suatu post pada blog Anda.
23 = Banyaknya Post yang ditampilkan pada Menu Post.
24 = Back Page < Halaman > Next Page

Itulah sedikit informasi mengenai fungsi dan kegunaan yang dapat saya berikan pada Menu Pos. Saya mohon maaf apabila ada kesalahan, semoga bermanfaat!

Sabtu, 11 Oktober 2014

Mengenal Menu Overview Pada Blogger

Mengenal Menu Ikhtisar Pada Blogger - Menu Overview yang biasa disebut sebagai ikhtisar berfungsi sebagai Menu Ringkasan yang ada pada suatu blog. Sesuatu yang dianggap penting akan muncul pada menu ini dalam bentuk ringkasan.

Pada post ini saya akan menjelaskan fungsi-fungsi dan apa saja yang terdapat pada Menu Overview atau Ikhtisar. Silakan Anda perhatikan gambar di bawah ini.

Menu Ikstisar
Menu Ikstisar

Fungsi Berdasarkan Nomor :

1 = Jumlah penayangan blog Anda dalam 12 hari terakhir.
2 = Sumber lalu lintas teratas. Maksudnya adalah pengunjung blog Anda paling banyak didapatkan dari situs tersebut.
3 = Komentar menunggu moderasi. Jika Anda mengaktifkan fitur moderasi pada Menu Setelan. Maka, setiap ada orang yang berkomentar di blog Anda, komentar tersebut akan memasuki tahap moderasi terlebih dahulu. Anda harus menyetujui komentar tersebut sehingga bisa muncul di bagian komentar yang ada di Pos Anda.
4 = Komentar yang diterbitkan. Jumlah keseluruhan komentar yang telah diterbitkan pada blog anda.
5 = Penayangan hari ini. Total tayangan blog Anda pada hari ini.
6 = Pos. Jumlah semua Pos pada blog Anda.
7 = Pengikut. Orang yang melakukan Join atau Follow pada blog Anda.
8 = Dapatkan Blogger seluler. Fitur Blogger yang dapat memudahkan anda untuk melakukan aktifitas blogging dengan seluler atau Handphone Anda.
9 = Statistik lainnya. Jika anda mengklik ini, maka anda akan dibawa ke Menu Statistik.

Itulah sedikit informasi mengenai fungsi dan kegunaan yang dapat saya berikan pada Menu Ikhtisar. Saya mohon maaf apabila ada kesalahan, semoga bermanfaat!

Auto Generate Content Blogspot

Cara Membuat Blog Menjadi AGC - Pada post ini saya akan membahas mengenai Auto Generate Content. Mungkin Anda sedikit bertanya-tanya apakah itu. Baiklah, saya akan menjelaskannya sedikit, selanjutnya langsung to the point saja.

Pengertian AGC

Auto Generate Content, sesuai namanya teknik ini bisa membuat blog anda menghasilkan konten secara otomatis. Maksudnya bagaimana? maksudnya adalah blog anda akan otomatis mempublikasikan artikel, tanpa perlu anda menulis artikel tersebut. Lho kok bisa gitu? iya, karena dengan cara ini anda akan membuat blog anda menghasilkan konten dari Feed blog lain.

Penjelasan Cara Kerja AGC

Cara kerja AGC adalah blog anda akan menghasilkan sebuah konten/artikel sama persis dengan blog yang RSS Feed-nya (anggap saja) anda curi. Konten Sebuah Blog akan memiliki Duplikat di RSS Feed lalu anda AGC RSS Feed blog itu sehingga Konten RSS Feed tersebut akan otomatis Terpublikasikan di blog Anda.

Cara Membuat Blog AGC

Siapkan bahan-bahan di bawah ini :
  • Akun Gmail baru
  • Blog baru yang didaftarkan di blogger.com
Cara membuat :
Step 1 (Blogger.com)
1. Masuk ke dashboard blog baru anda, selanjutnya masuk ke Setelan > Seluler dan email.
2. Pada secretWords silakan masukkan kata yang mudah anda ingat, sebagai contoh saya mengisinya dengan kata "Auto" lalu pada kotak di bawahnya, anda isi dengan alamat email anda. Lihat gambar di bawah!
3. Klik Simpan Setelan.

Setting Email di Blogger
Setting Email di Blogger


Step 2 (RSS Feed)
Sekarang kita harus mengarahkan RSS Feed blog target ke blog kita, caranya adalah :
2.Masukkan URL blog target. Sebagai contoh saya masukkan blog milik Rina Nuraeni yaitu ohnya.net dengan URL http://www.ohnya.net/. Kebetulan dia adalah teman Facebook saya dan blognya juga sering update artikel meskipun semua artikelnya itu hasil Copy/Paste(kalau gak salah).

RSS Feed Blog Target
RSS Feed Blog Target

3. Klik Get started.
4. Silakan isi data-data anda sesuai dengan Gambar di bawah!
Send email to : Isi dengan email anda.
With updates from : Kalau cuma ada 1 ya jangan diapa-apain, kalau ada 2 silakan pilih salah satu.
Delivery frequency : Normal.
5. Klik Subscribe!

Berlangganan RSS Feed melalui Email
Berlangganan RSS Feed melalui Email


Step 3 (Akun Gmail)
Pada tahap ini anda harus mengarahkan RSS Feed yang dikirim ke Akun Gmail Anda ke Blogger.com.
1. Masuk ke Gmail Anda > Setelan/Setting > Forwarding and POP/IMAP > Add a forwarding address.
2. Masukkan Email Blogger Anda, sebagai contoh ; "jamaldoy.auto@blogger.com".
3. Klik Proceed.
4. Sekarang buka blog dan masuk pada menu Posts. Disana akan ada post baru, silakan anda buka dengan cara klik Edit.
5. Copy Confirmation Code yang Anda dapatkan.

Membuka Post yang berisi Confirmation Code pada blogger.com
Membuka Post yang berisi Confirmation Code pada blogger.com

6. Sekarang Verify Gmail Anda dengan kode tersebut, lalu klik Verify. Lihat gambar!

Memasukkan Verify Code pada Gmail
Verify Gmail

7. Masih tetap pada Gmail. Sekarang masuk ke Filters lalu buat Filter baru dengan cara klik Create a new filter.
8. Pada From/Dari, isi dengan "donotreply@rssforward.com"
9. Klik Create filterwith this search.

Membuat Filter
Membuat Filter

10. Centang Forward it to. Klik add forwarding address dan isikan dengan Email Blogger Anda, sebagai contoh ; "jamaldoy.auto@blogger.com". Lihat gambar di bawah!
11. Klik Create filter.

Membuat Filter
Membuat Filter

Semua step sudah selesai. Sekarang kita harus menunggu blog target mempublikasikan post barunya, dan tak lama kemudian duplikat post tersebut langsung otomatis terpublikasikan di blog AGC milik anda.

Cara ini bisa disebut dengan Teknik BlackHat karena secara tidak langsung kita sudah mencuri konten dari blog tersebut. Disini saya hanyalah berbagi ilmu, saya sama sekali tidak bertanggung jawab atas apa yang telah anda perbuat!

Penting :
Jangan melakukan Teknik AGC di blog utama anda, karena kemungkinan blog anda akan dihapus oleh google.

Tips Mencegah AGC :
Apakah anda sempat berpikir kalau orang-orang diluar sana juga bisa mencuri konten anda dari RSS Feed?. Baiklah, jika tadi saya memberikan Cara Mencuri Konten atau biasa disebut dengan AGC. Maka, saya juga akan memberikan Tips agar blog anda tidak menjadi korban AGC. Anda bisa membacanya di Cara Mencegah Pencurian Konten Melalui RSS Feeds Pada Blog.

Sekian, saya rasa cukup. Silakan mencoba dan semoga bermanfaat.

Selasa, 07 Oktober 2014

Pengertian Google Panda

Selamat Sore semua kali ini saya akan membagikan Artikel tentang SEO, Blog. Nah untuk melanjutkan Artikel saya yang kemarin yang judulnya Algoritma-Algoritma Google yang wajib Kita perhatikan. Nah sekarang Saya akan membahas Artikel tentang Pengertian Google panda. Apa sih Google Panda itu..?? Yuks kita bahas di Dalam Artikel di bawah ini :

Gambar Google Panda

Google Panda adalah salah satu algoritma yang di pakai google. Algoritma google ini akan menyeleksi nama website yang punya konten Unik dan mana yang tidak. Jika kalian Ingin melihat contoh Artikel yang unik Anda bisa lihat Disini Artikel Unik.

Konten Yang unik itu artinya adalah artikel yang berbeda dari kebanyakan Artikel lainnya yang ada di search Engine google. Jadi kalau mau menaklukan google Panda ini Anda harus pandai-pandai membuat Artikel yang Unik dan Menarik pengunjung.

Sekian dari Artikel Pengertian Pengertian Google panda . Semoga Bermanfaat.

Minggu, 05 Oktober 2014

Cara Memperbaiki Permalink Artikel Yang Terpotong

Cara Memperbaiki Permalink Pada Blogspot - Setelah beberapa bulan lalu saya menulis sebuah post yang berjudul Cara Memaksimalkan SEO Pada Artikel Blog dan didalam artikel itu saya menyebutkan bahwa salah satu caranya adalah dengan mengatur permalink pada artikel agar tidak terpotong.

Cara Memperbaiki Permalink Artikel Yang Terpotong

Permanent Link atau biasa disebut dengan Permalink adalah sebuah alamat yang ada pada suatu blog/website dimana jika kita membukanya, maka kita akan menuju ke halaman tertentu pada website itu.

Pada artikel ini kita akan membahas masalah Permalink Artikel. Yaitu alamat link yang dimiliki oleh suatu artikel blog. Meskipun namanya Permanent Link, tapi sebenarnya permalink masih bisa diubah. Bagaimana caranya? Masa namanya Permanen tapi bisa diubah? Caranya adalah dengan mengembalikan dulu artikel tersebut ke Draft setelah itu anda Ubah Permalinknya lalu anda Publikasikan lagi artikel itu. Untuk cara lengkapnya, anda bisa menyimak tutorial dibawah.

Cara Mengganti Permalink Artikel Blog

  1. Login ke blogger.com.
  2. Pilih menu Pos.
  3. Centang pada artikel yang akan diubah permalinknya.
  4. Klik kembali ke draf.
  5. Masuk ke dalam artikel tersebut dengan cara klik Edit.
  6. Ubah Permalinknya pada menu Link yang ada pada bagian kanan Post Editor.
  7. Klik Publikasikan.
Tak banyak blogger masih kebingungan bagaimana cara mengubah permalink dimana artikel tersebut sudah dipublikasikan. Karena yang sebagian besar orang tau, ketika artikel sudah dipublikasikan maka permalink tidak akan bisa diubah lagi.

Saya rasa itu cukup jelas bagi anda. Bila masih kurang paham silakan berkomentar. Selamat mencoba!

Sabtu, 04 Oktober 2014

Algoritma-algoritma Google yang Wajib Kita Perhatikan

Algoritma-algoritma Google yang Wajib Kita Perhatikan

Apa sih Algoritma itu?
Bagi yang sudah tau langsung saja kebawah tapi bagi yang belum tahu Jangan ke bawah dolo Anda wajib membaca Apa itu Algoritma?. Okeh secara sederhana Algoritma bisa kita Artikan sebagai langkah-langkah untuk menyesuaikan masalah. Nah bicara tentang Algoritma, Google juga punya Algoritma lho di dalam mesin Pencari. Algoritma Google  ini berfungsi untuk menyeleksi halaman-halaman website yang ada di dalam Daftar Indeks google.

Jadi ketika Google hendak menyusun hasil pencarianya kepada pengguna, Algoritma-lah yang akan bekerja. Algoritma akan menyeleksi mana halaman yang sesuai dan mana yang tidak dengan kata kunci si pencari. Jika halaman Website kita bertentangan dengan algoritm milik google, maka dapat dipastikan halaman Website kita tidak akan di tampilkan oleh google di hasil pencarinya.

Ngomong-ngomong bicara tentang google Algortma, ada 4 Algoritma google yang saat ini sedang begitu populer dan sangat perlu di perhatikan.

4 Google Algoritma :

  • Google Panda
  • Google Penguin
  • Google Hummingbird
  • Google Pingeon (new) 
Nah cuman 4 Algoritma google yang wajib kita ketahui bagi yang ingin mengetahui Apa sih Google Panda?, Apa sih google Penguin itu?, Apa sih Google hummingbird itu?. Nantikan Postingan saya di Blog ini tentang Algoritma google selanjutnya.

Baca juga tentang fakta Unik :

Sabtu, 27 September 2014

Cara Membuat Footer 3 Columns Pada Template Blog

Cara Membuat Footer 3 Columns Pada Template Blog - Setelah sebelumnya kita belajar membuat Header, Sidebar, dan Dropdown Menu. Sekarang kita akan mempelajari cara membuat Footer. Footer yang akan dibuat pada tutorial ini adalah Footer 3 Kolom. Untuk tutorialnya silakan baca dibawah.

Cara Membuat Footer 3 Columns Pada Template Blog

Cara Membuat Footer :
 Sebelumnya anda harus membuat sebuah pembungkus ketiga footer tersebut. Berikan saja nama #footer-wrapper. Maka anda harus meletakkan kodenya tepat di atas
</div>
</body>

Letakkan kode dibawah ini (Pembungkus Footer) tepat di atas kode yang tadi.
<aside id='footer-wrapper'>
KETIGA B:SECTION DISINI
</aside>

Kemudian untuk membuat 3 footernya, ganti tulisan KETIGA B:SECTION DISINI dengan kode b:section berikut.
<b:section class='footer' id='footer1'/>
<b:section class='footer' id='footer2'/>
<b:section class='footer' id='footer3'/>

Seperti penerangan CSS sebelumnya, bahwa untuk membuat element tersebut bersebelahan menggunakan float. Letakkan kode berikut tepat di bawah #sidebar-wrapper
#footer-wrapper{width:100%;overflow:hidden;background:#2c3e50;padding: 20px 0;}#footer1,#footer2{float:left;width:33%;overflow:hidden;}#footer3{float:right;width:34%;overflow:hidden;}

Jika sudah, silakan Simpan Template. Apabila ada kesulitan silakan bertanya dengan cara berkomentar. Sekian, selamat mencoba dan semoga sukses.

Tutorial Sebelumnya :
- Cara Membuat Header
- Cara Membuat Sidebar
- Cara Membuat Menu Dropdown
- Cara Membuat Template Blog


Source : http://www.noval.web.id/2014/01/cara-membuat-footer-3-columns-di-blog.html

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog - Setelah sebelumnya kita belajar membuat Sidebar dan Header. Maka sekarang kita akan belajar membuat DropDown. DropDown yang akan kita buat nantinya akan berada tepat dibawah header.

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog

Cara membuatnya cukup mudah dari tutorial-tutorial sebelumnya. Untuk membuatnya cukup menambahkan CSS dan HTMLnya saja.

Cara Membuat Dropdown :

Taruh CSS dibawah ini diatas ]]</b:skin>
nav {text-transform:uppercase;position:relative;font:bold 12px Arial,Sans-Serif;}
nav * {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}
nav ul {overflow: hidden;float:left;background:#1BC7A5;margin: 5px 0;width: 100%;}
nav li {float:left;display:inline;}
nav li a {padding:3px 15px;line-height:40px;color:#fff !important;display:block;text-decoration:none;}
nav li ul{margin:0px;display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;transition:all 0.26s ease-out 0.2s;}
nav li li {display:block;float:none;width:100%;}
nav li:hover > ul {visibility:visible;width:200px;opacity:1;}nav li li ul {left:200px;margin-top:-40px;}
nav li.sub > a {position:relative;padding-right:30px;}
nav li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:20px;right:10px;}
nav li.sub li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:transparent transparent transparent #eee;position:absolute;top:16px;right:10px;}
nav li li:hover{background:rgba(0, 0, 0, 0.16);}

Dan letakkan HTML dibawah ini tepat dibawah </header>
<nav>
<ul>
<li><a href='/'>Beranda</a></li>
<li class='sub'><a href='/search/label/Blog'>Template</a><ul>
<li><a href='/search/label/CSS3'>CSS3</a></li>
<li><a href='/search/label/HTML5'>HTML5</a></li>
<li><a href='/search/label/Responsive'>Responsive</a></li>
<li><a href='/search/label/SEO'>SEO</a></li>
</ul>
</li>
</ul>
</nav>

Atur tulisan berwarna merah dengan link tujuan dan yang berwarna hijau dengan Tulisan yang akan ditampilkan. Jika sudah, silakan Simpan Template dan lihat hasilnya. Selamat mencoba.

Artikel Sebelumnya :
- Cara Membuat Header
- Cara Membuat Sidebar
- Cara Membuat Template Blogger

Artikel Selanjutnya :
- Cara Membuat Footer


Source : http://www.noval.web.id/2014/01/cara-membuat-dropdown-menu-di-bawah.html

Cara Membuat Sidebar Kanan Pada Template Blog

Cara Membuat Sidebar Bersebelahan Dengan Artikel Pada Template Blog - Artikel ini merupakan lanjutan dari artikel sebelumnya yaitu Cara Membuat Template Blog. Sekarang kita akan belajar membuat Sidebar Kanan yang bersebelahan langsung dengan artikel blog.

Cara Membuat Sidebar Kanan Pada Template Blog

Pada tutorial header, kemarin kita membuat widget tersebut bersebelahan. Kode CSS nya kurang lebih memakai float:left dan float:right. Begitu pula dengan cara membuat Sidebar. Jika anda ingin membuat artikelnya berada di kiri, gunakan css float:left dan Sidebar berada di kanan, gunakan float:right.

Sebelum membuat Sidebar, kita harus menentukan berapa ukuran artikel dan berapa ukuran sidebar. Ukurannya akan kita sesuaikan dengan ukuran kemarin yang terdapat pada artikel Cara Membuat Template, artikel berukuran 680px dan sidebar berukuran 1000-680 px = 320px. Pastinya sudah tau kan kenapa sidebarnya dibuat berukuran 320px? Sidebar dibuat dengan ukuran 320px tujuannya untuk menyesuaikan dengan iklan yang biasanya berukuran 300 x 250 px.

Kita anggap nama CSS untuk artikel yaitu #artikel-wrapper dan untuk sidebar yaitu #sidebar-wrapper. Sudah disepakati sebelumnya di atas ukuran-ukuran dan letak-letaknya. Artikel 680px berada di kiri dan sidebar 320px berada di kanan. Kurang lebih CSS nya seperti dibawah ini.
#artikel-wrapper{float:left;width:680px;overflow:hidden;}
#sidebar-wrapper{float:right;width:320px;overflow:hidden;}

Letakkan CSS tersebut di bawah #wrapper

Nah, bagaimana cara untuk meletakkan HTML-nya? Caranya mudah, sama seperti tutorial membuat header, ada pembungkus dan ada element widget (b:section). Gantikan kode <b:section class='main' id='main'>...sampai...</b:section> 

Cara Membuat Sidebar Kanan Pada Template Blog

Ganti dengan kode dibawah ini.
<aside id='artikel-wrapper'>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</aside>
<aside id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar'/>
</aside>

Maka hasilnya akan terlihat seperti gambar dibawah.

Cara Membuat Sidebar Kanan Pada Template Blog

Sekarang coba Simpan Template dan lihat hasilnya. Apabila ada kesulitan bisa bertanya dengan cara berkomentar. Selamat mencoba dan semoga sukses.

Artikel Sebelumnya :
- Cara Membuat Template Blog
- Cara Membuat Header

Artikel Selanjutnya :
- Cara Membuat Dropdown Menu
- Cara Membuat Footer


Source : http://www.noval.web.id/2014/01/cara-membuat-sidebar-bersebelah-dengan.html

Kamis, 25 September 2014

Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blog

Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blogger - Tutorial ini adalah lanjutan dari Cara Membuat Template Blog Sendiri. Pada tahap ini anda akan dibimbing untuk membuat Header beserta tempat untuk memasang banner iklan di sebelah kanannya.

Pada tutorial sebelumnya kita telah belajar membuat Pembungkus atau disana kita menyebutnya #wrapper dengan ukuran 1000px. Maka untuk membuat Header dengan ukuran 728 x 90 kita membutuhkan ruang yang berukuran 738x 100. Tentunya dalam pembuatan template blog harus di desain se rapi mungkin, alasan saya menambah ukurannya adalah supaya ada jarak antara header dan tempat banner tersebut. Sebut saja jarak itu sebagai padding.

Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blog

Pada gambar diatas adalah contoh header dan tempat banner yang sudah jadi. Setelah dilakukan pengecekan menggunakan Inspect Element maka akan terlihat jarak antara kedua header tersebut adalah 5px.

Karena kita sudah mengetahui ukuran header kanan yang tepatnya adalah 738px. Maka untuk mengetahui lebar header kiri adalah 1000px - 738px = 262px.

Untuk mulai membuat headernya pertama-tama kita membuat dulu CSS header ini. Sebut saja #header-wrapper.

Letakkan CSS berikut di atas ]]</b:skin>
#header-wrapper{width:100%;overflow:hidden;}

Sebelumnya letakkan dulu HTML pembungkus header di bawah <div id='wrapper'>
<header id='header-wrapper'>
<!-- Letak Kedua Widget (b:section) Header -->
</header>

Untuk membuat 2 widget didalam 'header-wrapper', maka letakkan 2 b:section didalam 'header-wrapper'. B:section yang dibuat kurang lebih seperti ini.
<b:section class='header' id='header-kiri' maxwidgets='1'/>
<b:section class='header' id='header-kanan' maxwidgets='1'/>

Perlu anda ketahui b:section merupakan kode bawaan blogger untuk penempatan widget. Class merupakan sesuatu yang menyamakan CSS suatu element. Id merupakan sesuatu yang membedakan CSS suatu element. Maxwidgets merupakan penentu jumlah berapa element maksimal yang boleh ditambahkan.

Kurang lebih kode HTMLnya akan seperti dibawah ini.
<header id='header-wrapper'>
<b:section class='header' id='header-kiri' maxwidgets='1'/>
<b:section class='header' id='header-kanan' maxwidgets='1'/>
</header>

Karena tadi kita sudah menentukan lebar header kanannya yaitu 738px, dan header-kiri berukuran 262px. Maka untuk membantu Element widget tersebut berdampingan, kita gunakan CSS float. Karena header-kiri berada di kiri, maka gunakan float:left dan header-kanan berada di kanan, maka gunakan float:right. Maka letakkan CSS berikut tepat di atas ]]</b:skin>
#header-kiri{width:262px;overflow:hidden;float:left;}
#header-kanan{width:738px;overflow:hidden;float:right;}

Kemudian Simpan Template. Silahkan buka menu "Tata Letak" dan lihat widget hasilnya. Tambahkan widget header di kiri dan tambahkan widget yang berisikan script iklan. Simpan. 

Hasilnya kurang lebih seperti berikut.

Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blog

Namun, hasilnya masih kurang rapi karena belum ada jarak antara isi widget dengan kulit element. Untuk membuat jarak tersebut bisa menggunakan CSS padding. Maka letakkan kode berikut tepat di atas ]]</b:skin>
.header .widget{padding:5px;}

Kurang lebih hasilnya akan seperti gambar dibawah ini.

Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blog

Itulah Cara Membuat Header Dengan Iklan 728 x 90 Pada Template Blog. Apabila kebingungan bisa bertanya pada kolom komentar. Apabila saya mampu, saya pasti akan menjawabnya. Semoga sukses.

Artikel Sebelumnya :
- Cara Membuat Template Blog Sendiri

Artikel Selanjutnya :
- Cara Membuat Sidebar
- Cara Membuat Dropdown Menu
- Cara Membuat Footer


Source : http://www.noval.web.id/2014/01/cara-membuat-header-dengan-iklan-728-x.html

Rabu, 24 September 2014

Cara Membuat Template Blog Sendiri

Cara Membuat Template Blogger - Hi sobat blogger, kali ini saya akan membagikan sebuah artikel yaitu Cara Membuat Template Blog. Sebenarnya cara ini bukan saya yang membuatnya, tetapi saya hanya re-share Tutorial yang diberikan oleh Mas Noval Bintang, tepatnya pada artikel Cara Mandiri Membuat Template Blog Sendiri.

Seperti yang kita ketahui, template merupakan dasar dari blog. Tanpa template, blog tidak akan bisa ditampilkan. Itulah pentingnya sebuah template bagi blog.

Cara Membuat Template Blog Sendiri

Membuat template sebenarnya sangat susah dan membutuhkan waktu yang lama. Namun, jika sudah terbiasa maka akan lebih mudah dan cepat untuk membuatnya. Jadi jangan salah jika beberapa orang tidak membagikan templatenya secara gratis namun dijual sebagai template premium.

Dalam membuat template anda juga perlu mendesign seperti apa template yang akan anda buat. Pada tutorial ini anda akan belajar membuat template dari design template yang sudah ada yaitu "Fast Simple 2014" Pada template ini anda akan membuat dasar-dasar dari template seperti:
  • Header
  • Artikel
  • Sidebar
  • Footer
Keempat itu menurut saya adalah dasar dari template. Pada artikel ini kita akan membuat patokan dari templatenya dulu, untuk Header, Sidebar, dan Footer akan dibahas pada artikel selanjutnya.

Cara Membuat Template Blogger

1. Siapkan blog baru untuk memulai pembuatan template.
2. Seperti biasa, masuk ke Template > Edit HTML
3. Kode dibawah ini adalah HTML dasar dalam pembuatan template.
<HTML>
<head>
</head>
<body>
</body>
</HTML>
Itu adalah sebuah HTML dasar. Namun, untuk sebuah template, anda tidak bisa hanya menggunakan HTML diatas, karena template diatas belum mengandung CSS dan Kode-kode yang seharusnya sudah ada dalam template. Template dasar dari sebuah blog yaitu seperti yang ada dibawah ini. Template dasar ini sudah dirancang dengan CSS, meta tag yang paling dasar dan hanya memiliki widget artikel saja.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
<meta content='YOUR KEYWORD1, YOUR KEYWORD2, YOUR KEYWORD3' name='keywords'/>
</b:if>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:title='data:blog.title + &quot; - Atom&quot;' href='/feeds/posts/default' rel='alternate' type='application/atom+xml'/>
<link href='https://plus.google.com/YOUR-GPLUS-ID' rel='author'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='mas.bintangblog' property='fb:admins'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
<b:else/>
<meta content='index,follow' name='robots'/>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Mobile Version</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive for <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title>
<meta content='5;/' http-equiv='refresh'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
/*
NAME : Template Percobaan
DESIGNER : Masterbama
URL : www.masterbama.blogspot.com
*/
#navbar-iframe{height:0;visibility:hidden;display:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
a:link,a:visited{color:#1BC7A5;text-decoration:none;margin-left:0px;margin-right:0px;}
a img{border-width:0;}
img{max-width:100%;vertical-align:middle;border:0;height:auto;}
.quickedit{display:none;}
.clear{clear:both;}
body{background:#eaeaea;margin:0;padding:0;font-family: calibri;color:#2c3e50;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</body>
</HTML>
4. Sekarang coba Simpan dan lihat hasilnya.
5. Pasti hasilnya masih jelek, untuk membuatnya lebih rapi maka perlu dibuat pembungkus pada artikel, sebut saja #Wrapper. Untuk membuatnya anda harus memberikan CSS berikut tepat diatas ]]</b:skin>
#wrapper{width:1000px;margin:0 auto;overflow:hidden;background: #fff;}
Dan memberikan kode dibawah ini tepat di bawah <body>
 <div id='wrapper'>
 Jangan lupa untuk menambahkan penutupnya tepat diatas </body>
</div>
6. Simpan template, dan sekarang lihat hasilnya.

Template ini masih sangat sederhana dan belum memiliki Header, Footer, ataupun Sidebar. Untuk tutorial selanjutnya akan segera saya post. Dibawah ini adalah lanjutan dari Tutorial ini :
- Cara Membuat Header
- Cara Membuat Sidebar
- Cara Membuat Dropdown Menu
- Cara Membuat Footer


Source : http://www.noval.web.id/2014/01/cara-mandiri-membuat-template-blog.html