How To Make Blogger Seo Friendly: Membuat

Cara Membuat Custom Permalink Blogspot

<a name="6899748866003717923"></A>Cara membuat custom permalink di blogspot atau blogger new interface. Sesuatu yang baru dari blogger sekarang salah satunya adalah adanya opsi untuk merubah/membuat custom permalink blogspot ketika kita akan membuat sebuah posting baru. Dulu, sebelum adanya fitur Custom Permalink Blogger jika kita melihat blog flatform selain blogspot misalnya wordpress. Struktur permalink yang dibuatnya sesuai dengan panjang judul atau bisa dibuat terserah pengguna, dan sebagian bilang bahwa permalink berpengaruh terhadap seo dan bisa jadi menaikan kualitas seo, tapi semua itu perlu kita buktikan dan rasakan sendiri karena kalo cuma dengar kayanya kagak puas.Nah, bagaimana cara menggunakan atau membuat dan merubah permalink blogspot melalui opsi Custom Permalink? Kalo begitu silakan lihat cara membuat custom permalink blogger/blogspot berikut ini:Pastikan anda membuka blogger dengan versi new interface/tampilan baru blogger saat iniPada saat ketika sobat membuat posting baru, coba lihat menu Post settings yang ada disebelah kanan post editor, disitu ada menu Labels, Schedule, Links, Location, Search Description, dan Options.Buat judul post baru, kemudian arahkan mata sobat kekanan post editor dan klik Links, dan pilih Custom Permalink.Isi form yang tersedia dengan custom permalink yang sobat inginkan, contohnya halaman artikel  Cara Membuat Custom Permalink Blogspot ini saya buat dengan custom permalink seperti ini: cara-merubah-membuat-custom-permalink-di-blogspot, maka hasilnya akan menjadi http://diarykudiblog.blogspot.com/2012/08/cara-merubah-membuat-custom-permalink-di-blogspot.htmlKemudian klik done, jadi deh permalinknya. Lihat contoh gambarnya dibawah ini. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjws5F8skAnHhvdiqtCITvwphwoTftKRCvCC88Vxu5XDMUCH3p7JLQ4RGmjV_oxJOHSJ9sNEQ6hiJjLtBEZ5jIfvnAM7raDWbf4-Fd4hfj4qQ0xeHMAVzyvErnrmHqn8CsavUShUIFMWn0/s1600/custom-permalink.png"><img border="0" height="233" src="/custom-permalink.png" width="320"></A>Cara ini baru saya gunakan belum lama ini dan dimulai pertama kali pada halaman artikel <a href="http://diarykudiblog.blogspot.com/2012/08/thesisseoforblogspot.html" target="_blank">thesis seo blogspot</A>, <a href="http://diarykudiblog.blogspot.com/2012/08/iklan-internet-murah-efektif-berkualitas-indonesia.html" target="_blank">Iklan Internet Murah Efektif Berkualitas Indonesia</A>, dan seterusnya. Demikianlah artikel mengenai cara custom permalink blogger/blogspot ini, semoga bermanfaat dan selamat mencoba. <a href="http://www.zaenudin.com/2012/08/cara-merubah-membuat-custom-permalink-di-blogspot.html" rel="nofollow" target="_blank">View the original article here</a>

Cara Membuat Custom Permalink Blogspot

Cara membuat custom permalink di blogspot atau blogger new interface. Sesuatu yang baru dari blogger sekarang salah satunya adalah adanya o...

Baca selengkapnya »

Membuat Efek Blink Pada HTML dengan CSS3

<a name="37389241954307225"></A>Bagaimana cara Membuat Efek Blink Pada HTML dengan CSS3 - Setelah sekian lama vacum dari aktivitas blogging rasanya kangen juga dengan blog saya yang sudah lama tidak terurus ini sampai-sampai pagerank googlenya juga lenyap. Kebetulan dikampus pada ribet membuat efek blink dengan tag yang biasa dilakukan yaitu dengan tag <BLINK>....</BLINK> ternyata tidak ada efek apapun yang terjadi pada saat dijalankan di browser. <a href="E:\aaaaa\has'\1\data\How To Make Blogger Seo Friendly\diary\blink.png" imageanchor="1"><img alt="membuat blink teks html css3" border="0" height="308" src="/blink.png" title="Membuat Efek Blink Pada Teks HTML dengan CSS3" width="320"></A> Kalau menurut informasi yang saya dapat dari situs luar ketika browsing ternyata tag blink tersebut hanya sudah tidak support lagi dengan browser versi terbaru sekarang ini dan hanya disupport oleh browser versi lama. Karena sekarang ini sedang musimnya pengembangan dalam penerapan css3, maka untuk mengatasi blinking tag tersebut bisa menggunakan css3 properti seperti dibawah ini. Silakan Anda buat file html dengan coding berikut ini:<BLOCKQUOTE> <html> <head> <title>Efek Blink Dengan CSS3</title> <style type="text/css"> .blink { -webkit-animation: blink .75s linear infinite; -moz-animation: blink .75s linear infinite; -ms-animation: blink .75s linear infinite; -o-animation: blink .75s linear infinite; animation: blink .75s linear infinite; } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } </style> </head> <body> <h1>Contoh Penerapan Efek Blink dengan CSS3</h1> Ini adalah contoh efek blink dengan css3 Browser suport: Firefox, chrome, kalo yang lain belum saya tes. Coba sendiri aja ya! </body> </html></BLOCKQUOTE>Simpan dengan nama efek-blink.html atau terserah Anda dan silakan lihat hasilnya. Untuk Browser supportnya ini sudah bisa berjalan pada browser-browser berikut: IE10+, Firefox 5+, Chrome, Safari 4+ Atau Anda juga bisa melihat videonya dibawah ini: Selamat mencoba dan semoga bermanfaat. <a href="http://www.zaenudin.com/2014/03/membuat-efek-blink-pada-html-dengan-css3.html" rel="nofollow" target="_blank">View the original article here</a>

Membuat Efek Blink Pada HTML dengan CSS3

Bagaimana cara Membuat Efek Blink Pada HTML dengan CSS3 - Setelah sekian lama vacum dari aktivitas blogging rasanya kangen juga dengan blog...

Baca selengkapnya »

Membuat Recent Posts Blogspot dengan Feed2js

<a name="3507095421419058969"></A>Cara Membuat Recent Posts Blogspot dengan Feed2js dengan jumlah link semaunya. Apa kabar sobat blogger mania? Sudah lama rasanya Saya tidak membuat postingan baru lagi, di bulan maret 2012 ini Saya baru sempat membuat artikel lagi mulai kemaren yaitu artikel <a href="http://diarykudiblog.blogspot.com/2012/03/membuat-seo-friendly-html-sitemap.html">Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label</A>. Dan kebetulan belum lama ini Saya menemukan situs yang dapat menconvert feed ke javascript, yaitu feed2js.org. Jadi kali ini Saya dapat ide deh untuk ngeposting hari ini. Dengan feed2js kita dapat menampilkan feed blog kita dalam jumlah yang kita inginkan atau semaunya deh. Tapi Saya masih belum tahu seberapa banyak feed to javascript conversion tool ini dapat menampilkan feed content, yang pasti pada tool ini ada opsi jumlah link/feed item yang ingin ditampilkan. Nah, salah satu keuntungan adanya feed2js ini dapat kita manfaatkan untuk membuat widget menu recent posts di blog kita, javascript yang digunakan oleh feed2js ini asli dari google, dan link-link yang ditampilkan oleh javascript ini pun dapat dimengerti/terbaca oleh bot nya si search engine, mau google kek, yahoo kek, dan bing juga saya rasa bisa membacanya. Contohnya bisa sobat lihat pada widget recent post yang ada di sidebar blog Saya ini, jika tertarik silakan ikuti cara berikut ini untuk Membuat Recent Posts Blogspot dengan Feed2js: Pertama kunjungi <a href="http://feed2js.org/index.php?s=build" rel="nofollow" target="new">feed2js</A> siteSelanjutnya masukan feed url blog sobat pada form/kolom pertama, seperti ini: http://diarykudiblog.blogspot.com/feeds/posts/defaultGanti url warna merah dengan url blog sobatKemudian pada form "Show channel?...", pilih "no"Pada form "Number of items to display..." masukan angka jumlah feed item yang sobat inginkan, jika ingin menampilkan 10 saja, masukan angka 10 atau masukan angka nol untuk menampilkan semua feed item nyaPada form "Show/hide item descriptions?..." masukan angka nol agar feed item yang muncul hanya judulnya saja tanpa deskripsiPada bagian "Show item author?..." mendingan "no" aja biar terlihat lebih rapiPada form "Use HTML in item display?..." pilih "no" aja juga atau yes juga tidak apaPada "Show item posting date?..." pilih "no" jugaPada bagian "Target links in the new window?..." pilih "n" atau "y" juga booleh!!!Pada bagian "UTF-8 Character Encoding..." biarin aja disilangPada bagian "Podcast enclosures For RSS 2.0..." biarin "no" aja, kecuali blog sobat isinya tentang daftar lagu-lagu/musik maka di "yes" juga bolehPada form "Custom CSS Class (advanced users)..." kalo kagak ngerti CSS biarkan kosong aja hehe!!!Udah belom? Kalo udah, klik Preview Feed, kelihatan kan? Kalo udah cocok langsung aja klik Generate JavaScript Selanjutnya, ambil kode javascript yang di generate tadi dan habis itu, pasang deh javascriptnya di sidebar blog sobat dengan judul "Recent Posts". Mudah kan? Selamat mencoba Membuat Recent Posts Blogspot dengan Feed2js. <a href="http://www.zaenudin.com/2012/03/cara-membuat-recent-posts-blogspot.html" rel="nofollow" target="_blank">View the original article here</a>

Membuat Recent Posts Blogspot dengan Feed2js

Cara Membuat Recent Posts Blogspot dengan Feed2js dengan jumlah link semaunya. Apa kabar sobat blogger mania? Sudah lama rasanya Saya tidak...

Baca selengkapnya »

Membuat Efek Blink Pada HTML dengan CSS3

Membuat Efek Blink Pada HTML dengan CSS3

Bagaimana cara Membuat Efek Blink Pada HTML dengan CSS3 - Setelah sekian lama vacum dari aktivitas blogging rasanya kangen juga dengan blog...

Baca selengkapnya »

Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label

Post by Zaenudin Saja on Sabtu, 17 Maret 2012 Cara Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label. Setiap blogger pasti memahami arti pentingnya sitemap terhadap search engines, blog dan pengunjungnya. HTML Sitemap sangat penting di tempatkan pada blog agar dapat terlihat oleh pengunjung untuk kemudahan dalam mengetahui seluruh isi postingan yang ada dan memudahkan search engine dalam melakukan crawling all pages. Dari kebanyakan blogger pengguna blogspot yang saya kunjungi, sitemap atau daftar isi yang dipakai selalu menggunakan javascript, baik berdasarkan arsip maupun label. Cara tersebut memang praktis dan visible karena dapat menciptakan sitemap atau daftar isi secara otomatis dalam satu halaman. Meskipun sitemap tersebut visible (dapat dilihat pengunjung) dan mudah untuk navigasi ke setiap halaman. Tetapi, search engine tidak bisa membaca content yang ter generate oleh javascript sehingga isi atau link-link yang ada didalam sitemap tersebut pun tidak bisa terbaca oleh search engine.Karena itulah, kali ini Saya menyajikan artikel dengan tema "Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label", contohnya lihat Blog Archive saya yang ada disidebar. Coba buka salah satu link bulannya, setiap bulan archive berisi sejumlah ordered list of links yang hanya menampilkan judulnya saja. Setiap Archive berdasarkan bulan ini adalah cara yang Saya gunakan sebagai HTML Sitemap blog ini, karena cara ini tidak hanya visible pada pengunjung saja tetapi juga isinya dapat dibaca dan dimengerti oleh search engine pada saat crawling.Langkah atau cara membuat seo friendly html sitemap blogspot berdasarkan archive dan label tersebut dapat Anda buat dengan cara berikut:Login ke blogger.com, klik design, kemudian klik Edit HTMLDownload Full Template nya untuk backup Anda, kemudian centang "Expand Template Widget" dan cari kode berikut: <BLOCKQUOTE><b:include data='post' name='post'/></BLOCKQUOTE>ganti dengan kode ini: <BLOCKQUOTE><b:if cond='data:blog.searchLabel'> <ul><li><a expr:href="data:post.url" expr:title="data:post.title"><data:post.title/></a></li></ul> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <ul><li><a expr:href="data:post.url" expr:title="data:post.title"><data:post.title/></a></li></ul> <b:else/> <b:include data='post' name='post'/> </b:if> </b:if></BLOCKQUOTE>Save template Selanjutnya buat widget Blog Archive pada sidebar Anda, caranya dari Page Element, klik Add Gadget, kemudian pilih Blog Archive, pilih opsi Flat Menu dan Monthly sehingga hasilnya sama persis dengan Blog Archive blog Saya. Done, and happy trying! <a href="http://www.zaenudin.com/2012/03/membuat-seo-friendly-html-sitemap.html" rel="nofollow" target="_blank">View the original article here</a>

Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label

Post by Zaenudin Saja on Sabtu, 17 Maret 2012 Cara Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label. Setiap blogger pas...

Baca selengkapnya »

Membuat Recent Posts Blogspot dengan Feed2js

Post by Zaenudin Saja on Minggu, 18 Maret 2012 Cara Membuat Recent Posts Blogspot dengan Feed2js dengan jumlah link semaunya. Apa kabar sobat blogger mania? Sudah lama rasanya Saya tidak membuat postingan baru lagi, di bulan maret 2012 ini Saya baru sempat membuat artikel lagi mulai kemaren yaitu artikel Membuat SEO Friendly HTML Sitemap Blogspot Berdasarkan Archive/Label. Dan kebetulan belum lama ini Saya menemukan situs yang dapat menconvert feed ke javascript, yaitu feed2js.org. Jadi kali ini Saya dapat ide deh untuk ngeposting hari ini. Dengan feed2js kita dapat menampilkan feed blog kita dalam jumlah yang kita inginkan atau semaunya deh. Tapi Saya masih belum tahu seberapa banyak feed to javascript conversion tool ini dapat menampilkan feed content, yang pasti pada tool ini ada opsi jumlah link/feed item yang ingin ditampilkan. Nah, salah satu keuntungan adanya feed2js ini dapat kita manfaatkan untuk membuat widget menu recent posts di blog kita, javascript yang digunakan oleh feed2js ini asli dari google, dan link-link yang ditampilkan oleh javascript ini pun dapat dimengerti/terbaca oleh bot nya si search engine, mau google kek, yahoo kek, dan bing juga saya rasa bisa membacanya. Contohnya bisa sobat lihat pada widget recent post yang ada di sidebar blog Saya ini, jika tertarik silakan ikuti cara berikut ini untuk Membuat Recent Posts Blogspot dengan Feed2js: Pertama kunjungi feed2js siteSelanjutnya masukan feed url blog sobat pada form/kolom pertama, seperti ini: http://diarykudiblog.blogspot.com/feeds/posts/defaultGanti url warna merah dengan url blog sobatKemudian pada form "Show channel?...", pilih "no"Pada form "Number of items to display..." masukan angka jumlah feed item yang sobat inginkan, jika ingin menampilkan 10 saja, masukan angka 10 atau masukan angka nol untuk menampilkan semua feed item nyaPada form "Show/hide item descriptions?..." masukan angka nol agar feed item yang muncul hanya judulnya saja tanpa deskripsiPada bagian "Show item author?..." mendingan "no" aja biar terlihat lebih rapiPada form "Use HTML in item display?..." pilih "no" aja juga atau yes juga tidak apaPada "Show item posting date?..." pilih "no" jugaPada bagian "Target links in the new window?..." pilih "n" atau "y" juga booleh!!!Pada bagian "UTF-8 Character Encoding..." biarin aja disilangPada bagian "Podcast enclosures For RSS 2.0..." biarin "no" aja, kecuali blog sobat isinya tentang daftar lagu-lagu/musik maka di "yes" juga bolehPada form "Custom CSS Class (advanced users)..." kalo kagak ngerti CSS biarkan kosong aja hehe!!!Udah belom? Kalo udah, klik Preview Feed, kelihatan kan? Kalo udah cocok langsung aja klik Generate JavaScript Selanjutnya, ambil kode javascript yang di generate tadi dan habis itu, pasang deh javascriptnya di sidebar blog sobat dengan judul "Recent Posts". Mudah kan? Selamat mencoba Membuat Recent Posts Blogspot dengan Feed2js. <a href="http://www.zaenudin.com/2012/03/cara-membuat-recent-posts-blogspot.html" rel="nofollow" target="_blank">View the original article here</a>

Membuat Recent Posts Blogspot dengan Feed2js

Post by Zaenudin Saja on Minggu, 18 Maret 2012 Cara Membuat Recent Posts Blogspot dengan Feed2js dengan jumlah link semaunya. Apa kabar sob...

Baca selengkapnya »