30 Agustus 2013

Magazine, Responsive, and 100% SEO Friendly Blogger Template : Fastest Magz

Magazine Responsive SEO Friendly Blogger Template Fastest Magz Blogger Template :  Dari beberapa template hasil karya Mas Sugeng baru yang kali ini benar-benar membuat saya kagum. Perfect Magazine Blogspot Template, dan 100% SEO Friendly begitu menurut saya. Bagai mana tidak, selain mempunyai tampilan yang elegant, tema blog tersebut memiliki fitur yang cukup lengkap untuk bersaing di mata search enggine.

Bayangkan, template yang sudah Responsive Design ini  juga mempunyai score sangat fantastis di SEO Tools chkme
  • SEO Score for http://fastestmagz.blogspot.com/
  • 100 % - Congratulations!
 Apalagi yang engkau cari kawan???? he... he.... Template yang sudah Valid HTML5 ini juga termasuk dalam kategori Super Fast Loading. Bak seorang gadis cantik nan sexy, Fastest Magz Theme ini pasti akan di cumbui setiap saat oleh Search Enggine. Dilirik dan dimanja oleh Om Google, Bing, Yahoo, dan mesin pencari lain.  

Masih ragu? Click DemoView  Fastest Magz dulu. Serta pertimbangkan beberapa fitur dan kelebihan template ini:
  • SEO Ready
  • Responsive Design
  • HTML5 Valid
  • Cross-browser Optimization (IE8+, Opera, Firefox, Chrome, Safari)
  • Fast Loading
  • Rating and Recipe Rich Snippet
  • Banner Ads (728x90 and 160x600)
  • Facebook Comment
  • Custom 404 Page
  • Quick Search
  • Three different colors (blue, red, and green)
  • Dan masih banyak lagi yang lainnya...
Semangat kan??? Jangan terlalu bergembira. :) Fastest Magz blogger template ini sementara tidak dibagikan gratis oleh sang pengrajinnya. Ada harga bro... tapi tenang, gak terlalu mahal. Cukup murah... Nego saja sendiri disini

29 Agustus 2013

Cara memasang SeoQuake dan Pengertiannya

SEO extension for Blog
SEO extension for Blog : Masih seputar search and optimization.  Kali tentang SEOQuake, sebuah perangkat tambahan atau pengaya yang ditanam ke browser berfungsi membantu web master berhubungan dengan search engine optimization (SEO). Untuk saat ini, hanya support untuk browser mozilla firefox dan browser google chrome.

Seoquake memungkinkan para pengembang web atau blogger untuk dapat menyelidiki berbagai parameter penting berkaitan SEO.  Serta berguna dalam menyempurnakan template web/blog.

Yang akan dibahas tentang SEOQuake disini, adalah mengenai pengertian, fitur, fungsi dan kelebihan serta kelemahan yang ada didalam pengaya tersebut.

Pengertian SEOQuake

Sebagaimana telah dijelaskan diatas, bagi blogger SeoQuake merupakan alat untuk memperkirakan atau menguji efektivitas sebuah blog atau web  dimata Search Enggine. Atau dapat digunakan sebagai alat diagnosa untuk optimasi dan penyempurnaan blog/web. 

Seperti menguji/mendiagnosa;  Title Blog, Meta description, Meta keywords, serta sistem Headings tag. Sejauh mana tingkat efektivitas beberapa parameter penting tersebut dimata search enggine. Sudah sempurna atau masih ada hal-hal yang harus diperbaiki. Dan hal itu dapat dilakukan dengan sangan mudah atau dengan sekali click. Data dan berbagai parameter penting untuk SERPs akan dinilai diperlihatkan pada sebuah tabel.

SeoQuake terdiri dari dua bagian fungsional. Yang pertama adalah SeoBar. Kedua adalah perhitungan parameter untuk hasil pencarian dan dengan dimasukkan ke dalam halaman hasil mesin pencari - SERPs.

SeoBar

SeoBar dapat digambarkan sebagai toolbar tambahan, yang menunjukkan nilai-nilai parameter yang dipilih untuk halaman yang sedang dibuka di jendela browser. Set parameter yang ditunjukkan oleh SeoBar sepenuhnya dapat disesuaikan oleh pengguna.

Pencantuman parameter dalam SERPs

Setelah penyerahan query ke pengguna mesin pencari disajikan dengan SERP dengan hasil pencarian. SeoQuake menunjukkan nilai parameter untuk hasil pencarian setiap hasil pencarian ditampilkan pada SERP. Set parameter yang ditampilkan adalah sepenuhnya dapat disesuaikan oleh pengguna.


Loading parameter dapat ditangani dengan dua cara yang berbeda - bersamaan dengan pemuatan SERP atau setelah pemuatan, berdasarkan permintaan pengguna. Urutan hasil dengan parameter yang dipilih dalam menaik/ urutan dan menyimpan hasil dalam file fitur yang tersedia.

Parameter SeoQuake

Walaupun memiliki berbagai parameter default, SeoQuake juga memberikan pengguna kesempatan untuk membuat parameter mereka sendiri dan juga mengelompokkan mereka ke dalam preset dan beralih di antara preset tersebut dengan cepat, selama bekerja.

Set umum parameter yang tercantum pada bar terdiri diantaranya seperti; Google PR, Google Index,   Link Google, serta beberapa parameter untuk mesin pencari terpopuler seperi; Yahoo, MNS, Yandex, Rambler, Baidu, dan lainnya.

Semua parameter SeoQuake dapat diaktifkan / off dari tampilan SeoBar.

Dari beberapa fitur parameter tersebut, yang paling umum dibutuhkan adalah;
  • Fitur Display Pagerank Google.
  • Fitur Display Index Page Google (fungsinya melihat seberapa banyak halaman web kita di index google)
  • Fitur Display Yahoo Backlinks Page (fungsinya melihat seberapa banyak backlink yang dipantau yahoo dari salah satu halaman web kita)
  • Fitur Display Yahoo Backlinks Domain (fungsinya melihat seberapa banyak backlink yang dipantau yahoo untuk domain suatu halaman web atau halaman homepage atau halaman depan dari suatu web )
  • Fitur Keyword Density (fungsinya mengukur seberapa banyak kata atau keyword yang digunakan pada suatu halaman web)


Kelebihan SEOQuake :


  • Buat menganalisis web kompetitor yang bertarung di serp google.
  • Cepat melihat pagerank suatu halaman web
  • Cepat melihat backlink yang mengarah ke web kompetitor.
  • Tahu berapa keyword density untuk keyword yang dibidik


Kelemahan SEOQuake :


  • Sering error di display yahoo backlink.
  • Browser jadi lemot.
Note: Kelemahan tersebut mungkin diakibatkan karena terlalu banyak yang menggunakan alat SEOQuake secara bersamaan, sehingga servernya si SEOQuake atau mungkin server web yang dianalisa SEOQuake itu sendiri yang lagi down.

Cara Memasang SEOQUAKE di Web / Browser

  • Buka website SeoQuake di www.seoquake.com
  • Setelah memasuki halaman awal seoquake, klik “Install SeoQuake”

Cara Optimasi SEO On Page untuk Meningkatkan Peringkat Blog

Tips SEO On Page Blog | Search Engine Optimization (SEO) memang misterius. Namun tetap bisa dipelajari. Dan, pada dasarnya hanya ada dua langkah umum yang dilakukan untuk dapat bersaing di halaman pertama mesin pencari.

Optimasi SEO On Page untuk BloggerOptimasi SEO ini, dapat dilakukan dengan cara; mengoptimalkan halaman dalam su
atu website atau SEO on page dan halaman luar web itu sendiri atau dikenal dengan istilah SEO off page.

Di luar sana, sebenarnya juga telah banyak saran dan nasehat untuk membuat strategi tentang sistem optimasi tersebut. Namun pada Tips SEO ini, kita lebih berfokus tentang hal-hal yang berhubungan dengan Optimasi SEO On Page.

Kenapa harus lebih dahulu SEO On Page? Jika diibaratkan sebuah bangunan, membangun sebuah blog/website, maka yang harus terlebih dahulu dilakukan adalah sebuah pondasi yang kuat atau baik agar kelak bangunan tersebut menjadi kokoh serta tidak mudah tergoyahkan.

Begitu juga dengan membangun sebuah Blog, langkah awal yang harus menjadi pertimbangan adalah meneliti setiap bagian (internal) sebuah website dan berusaha untuk menjaga serta mengatur agar adanya keseimbangan sebelum melakukan Optimasi SEO Off Page.

Artinya kenapa kita harus terburu-buru dalam melakukan optimasi keluar (Off Page), jika landasan awalnya sendiri belum siap.

Untuk itu, sebelum melangkah jauh, berikut hal-hal yang harus menjadi landasan awal untuk diperhitungkan dengan baik dalam membangun blog.

Pemilihan Theme (template)

Template adalah kerangka awal dimana sebuah blog akan dibangun. Pada bagian ini kita dituntut untuk mengenal lebih dalam karakter sebuah Theme. Jangan memilih sebuah template hanya berdasarkan tampilan (layout) yang menarik, namun tidak atau kurang bersahabat dengan mesin pencari. Tips dalam memilih template blog

Pengaturan Tag Heading (H1 - H6)

Ini hal penting yang harus diatur sedemikian rupa. Sesuai dengan unsur yang dihendaki search enggine agar lebih dapat mengenali sebuah blog. Sebaiknya, hindari penggunaan dua atau lebih Tag H1 pada Single Post dan Page. Dan selanjutnya baru pada sub title kita gunakan Tag H2 (heading 2) dan begitu seterusnya hingga ke Tag H yang lebih kecil.

Sedangkan Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot dapat dilihat disini.

Konten atau Isi

Content Is King demikianlah yang sering digadang-gadangkan oleh para pakar SEO di seluruh dunia. Dan menurut saya pun ini benar. Sekarang yang menjadi pertanyaan adalah Konten seperti apa yang bisa dibilang telah masuk dalam kategori berkualitas (Raja)?

Menurut beberapa rekomendasi, yakni; Konten Unik (original) bukan copy paste itulah yang sering kita dengar mengenai penilaian konten yang berkualitas. Namun tentunya tidak cukup hanya sekedar unik (asli) masih ada beberapa faktor lagi yang akan membuat konten tersebut menjadi berkualitas dimata search enggine tentunya. So.... untuk tips berkenaan dengan hal tersebut anda bisa mengunjungi Tips Artikel (blog post) SEO Friendly

Menu Utama atau Navigasi

Menu Utama atau Navigasi dapat kita ibaratkan sebagai langkah awal penuntun sang visitor untuk melangkah lebih jauh kedalam blog kita. Kita bisa bayangkan, jika sebuah hotel mewah tanpa seorang resepsionsis penyambut tamu. Benar sang tamu sudah mendapatkan yang ia cari. Yakni sebuah hotel. Tapi ia akan lebih banyak bengong harus bagaimana. Tamu tidak akan tahu fasilitas apa yang kita sediakan untuk membuat sang tamu bisa betah berlama-lama dihotel. Dan ada kemungkinan ia akan memutuskan untuk berpikir mencari hotel lain yang mampu memberi ide atau rekomendasi tentang hal yang dia butuhkan.

Navigasi tersebut bisa berupa informasi utama seperti Halaman Kontak, Tentang, dan satu lagi yang termasuk penting (wajib) Sitemap/Daftar Isi. Lalu dapat pula ditambahkan dengan menu untuk Kategori atau lainnya.

Dengan kelengkapan pada Menu tersebut maka akan sangat membantu pengunjung dalam menemukan informasi yang dicari. Serta akan menjadi semacam rekomendasi dari kita yang akan berkembang menjadi jalan penuntun bagi pengunjung untuk terus menjelajah setiap relung blog.

Tidak hanya itu, sistim navigasi yang baik akan membuka peluang sebuah website akan ditampilkan dengan Sitelink pada SERP khususnya Google.

Judul Artikel

Judul Postingan/Artikel mempunyai peran penting. Dan harus memenuhi unsur keyword. Dalam hal ini diperlukan kreatifitas dan ide, serta kemampuan membaca trend dan potensi keyword yang akan diketik oleh calon visitor di search enggine.

Unsur lain yang tidak kalah penting dalam penentuan judul artikel, adalah harus mempunyai relevansi dengan isi artikel/konten bersangkutan. 

Navigasi Link Pada Konten

Seperti yang kita ketahui, pada sebuah blog, link (tautan) yang menghubungkan satu halaman pada kehalaman lain, sangat berperan penting meningkatkan pagerank. Fungsi sedikit mirip dengan Menu Navigasi. Link tersebut berguna sebagai penunjuk (penuntun) bagi pengunjung sewaktu mencari lanjutan informasi. Biasanya link-link tersebut dapat dibangun berdasarkan kategori atau keterkaitan tema konten. 

Navigasi Link juga dapat dibangun menggunakan widget seperti Realeted Post (Artikel Terkait) pada bagian akhir konten. Atau widget link secara acak (You might also like) sebagai rekomdasi agar visitor mengunjungi konten lain pada blog, seperti widget linkwithin.

Pemasangan widget tersebut dapat pula dilakukan dengan : Cara Membuat Related Post/Artikel terkait SEO Friendly

Pemilihan Keywords - Kata Kunci

Kata Kunci atau keywords harus disesuaikan dengan Topik serta Judul Artikel. Secara umum, kata kunci utama yang kita bidik diupayakan mengandung unsur judul artikel dan relevan dengan isi konten. Dalam hal ini sedikit penambahan kata untuk menambah peluang menangkap pengunjung yang menggunakan mesin pencari untuk menemukan Informasi. Sebaiknya hindari kata kunci tunggal, karena hampir pada semua keywords tunggal selalu akan besar (berat) persaingannya.

Pengaturan atau Peletakan Keywords pada Konten

Pada sebuah artikel biasanya akan ada beberapa Paragraf, bagi dan atur keywords utama pada setiap paragraf dengan pas dan seimbang. Jangan menumpukkan kata kunci hanya pada beberapa paragraf saja.

Robot crawl tidak bodoh kawan... Dia mampu mengindentifikasi kata kunci tersebut natural atau curang (spamer). Jadi jangan berpikir untuk mendapat lirikan robot tersebut, lalu membanjiri kata kunci pada bagian konten. Rangkailah kata kunci tersebut se-natural mungkin dan tersemat secara merata pada beberapa bagian konten.

Lagian, jika pun muncul pada search enggine jelas akan mengecewakan pengunjung. Anda mau di nista visitor yang kecewa dengan resiko tidak dikunjungin lagi. 

Note: Memaksimalkan Meta Tag untuk Konten dan Keywords, sejauh ini masih menjadi kontroversi dikalangan webmaster atau blogger diseluruh dunia. Secara langsung Google pernah menyatakan bahwa Meta Tag Keywords tidak lagi dijadikan acuan bagi Algoritma Google dengan alasan karena banyak terjadi penipuan oleh para Webmaster atau Blogger yang menggunakan Keywords yang tidak Relevan dengan isi atau konten. Namun hingga kini masih banyak yang tetap menggunakannya, jadi pada kasus ini silahkan anda tentukan sendiri mana yang menurut anda lebih baik.

Minimalist, Gallery Responsive : Aware Blogger Templates

Minimalist, Gallery Responsive : Aware Blogger Templates

Description Theme: Aware is a free blogger template with 2 columns, responsive design, right sidebar, gallery-styled, minimalist, exclusive design for Blogger, footer columns, slideshow, social bookmarking icons, posts thumbnails, tabs, breadcrumbs, pagination, emoticos, emoticons, well formatted threaded comments and neutral colors.

 

 

   DemoView   

  DownLoad Aware Theme  

 BLUE | GREEN | ORANGE | RED

Aware Blogger Theme merupakan template yang bisa dikatakan adaptasi dari wordpress. Template ini juga dari desainer ThemeWich. 



Features Aware Blogger Template

Responsive blogger Template.
JSON Search Result dengan jQuery Ajax sehingga loadingnya lebih cepat.
Costum CSS lightbox blogger.
Sidebar dikanan dan 3 kolom untuk footernya (tombol toggle pada untuk menampilkan footer).
Tab Widget pada sidebarnya
Related Post/Artikel terkait dengan Ajax sehingga loadingnya agak cepat(script dari moretechtips saya modifikasi sesuai templatenya).
Emoticon pada bagian komentar.
2 jenis Menu yaitu Normal Menu dan Mobile Menu (pada mobile menu menggunakan SelectNav)
Ajax Recent post / Artikel (dengan Animasi) dan News Ticker di atas Menu
Ajax Recent Comments / Komentar terbaru dengan fitur untuk menghilangkan komentar Admin blog(dengan Animasi)
Auto Slider dalam bentuk carausel "carouFredSel-6.1.0" dengan fitur (bisa random post, recent post, random post bedasarkan tag/label dan recent berdasarkan tag/label)
Optimasi SEO.
Support modern browser IE9, Mozilla, Chrome
Ada 5 Pilihan warna yaitu Biru, Hijau, Merah, Orange, Biru Kehijauan (Turquoise).

Clean and Responsive Gallery Style Blogger Template : ShotMag

Clean and Responsive Gallery Style Blogger Template
Descriptions Theme: ShotMag is simple responsive gallery style blogger template great for wallpapers or photo blog. If you use ShotMag, on your blog home page you will found a big slider image that you can customize for promoting your main article and to edit the social link just go to blogger layout dashboard and edit the "link list" configurations.

ShotMag use auto read more functions with image thumbnail but to show the image you must change your feed to be full (Go to : Settings - Site feed - Allow Blog Feed - Set to Full ) and one more great feature including in ShotMag responsive gallery style blogger template is this template has custom setting for mobile users ( Choose : yes Show mobile template on mobile devices and then choose custom, then you can save the change ).

If you want to change the color of this responsive blogger template, you can edit directly from blogger design dashboard, no need to open the HTML design editor, this free template also has built in threaded comments system and custom social sharing under the blog post. 

Platform Type   :  blogger.com/blogspot
Template Name :   Go Green
Author name :    bloggeritems
Designer URL  :   http://bloggeritems.com



ShotMag is a refined and responsive Blogspot template for tourists, bloggers, filmmakers, photographers, and creative professionals. With this template, you will easy to create, add new and modify your online portfolio. It’s a clean and beautiful design for every screen size.

Features ShotMag Theme:

  • Responsive
  • Big and Easy Slider
  • Separate Home and Blog template
  • SEO
  • Styled Admin Layout
  • Easy change color
  • Easy upload logo and drop-down menu
  • And more…

28 Agustus 2013

Dark, Elegant and SEO Ready Blogger Template : Bright Black Template

Dark, Elegant and SEO Friendly Blogger Template
Bright Black Blogger Template
Descriptions
Descriptions Template:
Bright Black Blogger Template with Elegant Style and the concept of SEO Friendly. In design with the simple style and page loading speed has a spectacular.


Bright Black is a free blogger template custom design with 2 Column, 1 Right Sidebar, Elegant, Fixed, Black, SEO Ready, Simple, fast loading, and auto readmore.



Nuansa gelap yang sedikit pudar, merupakan warna dominan yang membuat template blog ini terlihat elegant dan kokoh. Tidak hanya itu, aksen hijau pada title, dan orange mencolok pada judul post, membuat pengujung akan lebih betah berlama-lama berada pada blog yang menggunakan template tersebut.

Fitur-fitur Bright Black Blogger Template
  • Nivo Slider
  • Auto readmore dengan thumbnail
  • jQuery effect pada Search box
  • Social network
  • Elegant Breadcrumbs SEO Friendly
  • Related Posts
  • Tombol share
  • Custom font
  • Inside Threaded Comment

Bright Black Blogger Templates with Elegant Style and the concept of SEO Friendly. In design with the simple style and page loading speed has a spectacular.
Dark Himajie Style V.1is a free blogger template custom design with 2 Column, 1 Right Sidebar, Blogger, Elegant, Fixed, Black, SEO Ready, Simple, Black, fast loading, auto readmore and you can download Bright Black Blogger Templates for free only in ZORO Template. - See more at: http://zorotemplate.blogspot.com/2012/12/bright-black-template.html#sthash.MLBDNGvp.dpuf
Template ini menggunakan Hack Komentar Super Keren (bukan bawaan blogger) sehingga terlihat seperti komentar pada blog WordPress. Hack komentar ini dinamai Inside Threaded Comment.

Installasi: Untuk instalasi, sama seperti template yang lainnya. Anda tinggal mengupload file XML yang ada pada folder ZIP. Namun untuk memudahkan, ada beberapa pengaturan seperti di bawah ini :

Social Networking dan RSS

Untuk mengedit social networking dan RSS,  melalui Edit HTML pada template blog: Search: 
<div class='social'>
<span class='fade'><ul>
<li><a href='http://facebook.com/USERNAME'><img src='http://1.bp.blogspot.com/-FrcgEcKu-Vs/UKeZ4uDIuiI/AAAAAAAADL4/2MHEWNZqpxo/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='http://4.bp.blogspot.com/-Iapqfs8N2lE/UKeYsReaSeI/AAAAAAAADLw/J62jX3tFqGk/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://lh5.googleusercontent.com/-G6yamZXq9Cs/T4xwcdajchI/AAAAAAAAJFQ/psDy5hhHRBY/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://lh3.googleusercontent.com/-aNmSn1uWuiE/T4xwceGx9eI/AAAAAAAAJFM/dieNFLbfp-0/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://lh6.googleusercontent.com/-vzkiY70x0UQ/T4xwdUpk6fI/AAAAAAAAJFU/L1PqWrQ26O0/s57/RSS%2520Feed.png'/></a></li>
</ul></span>
</div>

Slider Menu:

<div id='SlideContainer'>
<div id='NivoSlider'>
<a href='#'><img alt='' src='http://2.bp.blogspot.com/-yCcOU7vaoqY/UKfMY77jWNI/AAAAAAAADNA/XIsmIku1efI/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
<a href='#'><img alt='' src='http://4.bp.blogspot.com/-GgnwLkh-aoU/UKfMdOiOSqI/AAAAAAAADNI/vT-r6vZc64E/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
<a href='#'><img alt='' src='http://2.bp.blogspot.com/-PtlsiyOk5_w/UKfMfwp_2SI/AAAAAAAADNQ/rggH3EwPvLg/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
</div>
 Demikian salah satu rekomendasi tempate blogger kali ini semoga bermanfaat...

27 Agustus 2013

Cara menambah kolom komentar di blogspot : Disqus widget

Cara menambah kolom komentar keren di blogspot
Cara menambah kolom komentar di Blog -  Pada dasarnya, widget komentar bawaan blogger sudah tersedia. Namun masih terkesan sederhana.

Sebenarnya, ada banyak cara agar kita dapat memasang widget komentar yang keren dan fungsional di blog. Salah satunya adalah DISQUS WIDGET. Aplikasi kolom komentar yang satu ini sangat menarik dengan dilengkapi berbagai fitur seperti, visitor dapat berkomentar menggunakan akun facebook, google, twitter atau menggunakan akun disqus itu sendiri.

Pemasangan widget disqus komentar juga sangat mudah dan dapat digunakan untuk Blogspot, WordPress, Tumblr, dan lainnya. Yakni dengan cara; mengambil code HTML yang diberikan oleh situs disqus atau menginstal aplikasi yang ada pada halaman disqus komentar tersebut.

Disqus sebenarnya merupakan widget komentar yang berbasis grup. Kemunculannya langsung disambut cukup meriah dan berkembang cukup pesat. Karena, disamping kemudahan dalam memasangnya, tampilannya juga lebih atraktif.

Berikut kelebihan dan kekurangan disqus :

  • Sangat mudah untuk menambahkan fitur ini di sejumlah platform terkenal seperti blogspot , wordpress , Thumblr , joomla , drupal dan masih banyak lagi
  • Fitur terbaru yang di-update yakni;  fitur import existing content and export anytime. Fitur ini, memungkinkan kita dapat meng- import/export dengan mudah dan gampang komentar yang lama dari kolom komentar sebelumnya. Sehingga, tidak perlu takut lagi apabila beralih menggunakan widget disqus.  
  • Simple and quick configuration. Seperti yang sudah saya jabarkan diatas, bahwa untuk pemasangan widget disqus ini tidak ribet dan dengan desain yang elegan. 
  • Fitur nya seabrek, mulai dari upload gambar, menambahkan media serta didukung banyak pengembang.
  • Menu komunitas merupakan salah satu daya tarik tersendiri dari widget disqus. Fungsinya, untuk mengetahui siapa saja pengunjung yang telah memberikan komentar seluruh halaman blog anda.
  • Untuk kelemahan widget disqus sebenarnya  hanya bug-bug kecil yang kemungkinan kedepan akan diperbaiki. Untuk saat ini, pada tampilan selular, widget tersebut masih terlihat kurang sempurna. Tidak seperti widget komentar default.
Ok.. saya kira cukup basa-basinya sampai disini. Jika tertarik, berikut langkah-langkah mudah instalasi menambah kolom komentar Disqus widget di blogspot...

  •  Kemudian klik tombol "Get this on your site" contoh gambar dibawah
add disqus to your site
  • Isi data yang diperlukan.
  • Klik tombol "Continue" pada halaman tersebut anda akan ditampilkan icon, klik icon platform yang sedang anda gunakan.
pilihan flatform untuk widget disqus

  • Klik tombol "add....to my blogger site".
 add widget disqus 

  • Klik "add widget".  

Selesai lah sudah... :) Lalu, cek blog, apakah sudah berganti kolom komentarnya menjadi disqus? Saya yakin sudah he... he....

Sebenarnya masih terdapat beberapa hal yang bisa di setting atau disempurnakan dalam menambah kolom komentar Disqus widget di blogspot. Untuk itu, anda dapat memperdalam dan mengembangkannya sendiri.  wassalam...


Simple, Clean, dan SEO Friendly Blogger Template

Simple, Clean, dan SEO Friendly Blogger Template
Simple Clean Blogger Template
Jika anda mencari Template blogger yang simple, clean, putih, bening, elegant dan sekaligus SEO Friendly maka template yang satu inilah yang anda cari.

Kesannya memang terlihat sederhana namun disitulah letak kelebihannya. 

Syarat untuk bersaing dimata Search Enggine pun telah dimiliki Simple Clean Blogger Templates. Bagai mana tidak, belum diotak-atik dengan penambahan unsur SEO saja; Score for http://simplecleantemplate.blogspot.com/  sudah mencapai  82% - A great result, you can do more!

Template Keren kan???


Petunjuk instalasi Simple Clean Blogger Template dapat dilihat langsung pada DEMOView.

Simple Clean Blogger Template is one of seo friendly blogger templates, by 7 templates

Clean dsign Portfolio blogger template

Minimalis and clean dsign blogspot template
Portfolio blogger template
Portfolio blogger template - Show a thumbnail image (small image) for every post using this template and Clean Minimalist design. Want to have a simple but beautiful website? This template has minimal design by giving importance to content.

Portfolio template comes with hierarchical dropdown navigation menu and uses Web fonts like Google Fonts. Improve your website typography by using custom fonts.


http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/
Note: Our documentation is for New Blogger dashboard. If you are still using old Blogger dashbord then it's time to upgrade to new version.
Thumbnail Cropper for Home page:
This template supports Thumbcropper tool (http://technowit.org/crop/thumbcropper.php) for thumbnail generation. Your image may be very big (like 1200x800 etc.,). But, home page only needs 210x160 resolution image. Now, let's see the steps to generate this small image,
  • Go to http://technowit.org/crop/thumbcropper.php
  • Paste your image url in Specify Image url text box and click that Yellow arrow button.
  • Now, your image will be displayed with a Get the code button. You can crop this image now. Just drag the image and choose the best thumbnail for your home page.
  • Then, copy the <img> code and use this in your Post. Don't worry, full image will still be displayed in post page. Generated thumbnail will only be used in the home page.

 I don't want to use Thumbcropper tool 
If you don't want to use Thumbcropper tool then follow the steps below. Otherwise, only top left corner of your image will be displayed.
Go to Template -- Customize. Then, click Advanced and paste the following code in the text box which says (Add custom CSS).
#post-thumbnail {
width: 210px;
}
This will resize all your images to 210x210. If your original image aspect ratio is also 1:1 then your images will look good on home page. Otherwise, it may look little bad.
 Adding the Navigation Menu 
To add the navigation menu,
go to your Blogger account>>Layout>>Click Edit on "Paste the navigation code" Widget.  Paste the following code in the content box.  Be sure to update the links and link text in the following code with your site links
<!-- BEGIN #primary-nav -->
<div id="primary-nav">
<div class="menu-main-container">
<ul id="menu-main" class="menu">
<li><a href="/">Home</a></li>
<li><a href="http://whitemagicdemo.blogspot.com/p/archives.html">Archives</a></li>
<li><a href="#">Dropdown</a>
<ul class="sub-menu">
<li><a href="#">Topography</a>
</li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Techniques</a></li>
<li><a href="#">Brushes</a></li>
</ul>
</li>
<li><a href="/p/about.html">About</a></li>
<li><a href="/p/contact.html">Contact</a></li>
<li><a href="/p/license.html">Licensing</a></li>
</ul>
</div><!-- END #primary-nav -->
</div>
 Add Flickr Widget  
  • Create a HTML/Javascript widget in the footer and use the following code.
  • To find the FLICKR-ID login to Flickr account and Click YOU option in the navigation. You will be directed to a URL like :-http://www.flickr.com/photos/8710d861@N07/. The code 87108d61@N07 is your UserID
<div class='flickr_wrap'><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=18&display=latest&size=s&layout=x&source=user&user=FLICKR-ID"></script></div>
You are free to use, distribute or adapt Portfolio blogger template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.


Template Responsive Blogger Terbaik

Rekomendasi Template Responsive Blogger Terbaik 2013
Template Responsive Blogger Terbaik
Template Responsive Blogger Terbaik - Perkembangan tehnologi saat ini sangat mempengaruhi dunia online. Visitor dewasa ini mengakses internet tidak hanya terpaku dengan PC, melainkan sudah dipermudah dengan berbagai peralatan mobile. Seperti, handphone, gadget, tablet, dan lainnya.

Dalam hal ini, jelas merupakan kabar baik. Karena potensi pengunjung sebuah blog secara otomatis akan meningkat seiring dengan bertambahnya jumlah masyarakat mengkonsumsi internet karena semakin mudah. Tapi disisi lain, para blogger sendiri sudah boleh mulai berpikir untuk beranjak mengganti template-nya dengan yang RESPONSIVE.

Kenapa?? Sebagian besar blogger sebenarnya sudah memahami arti template responsive. Yakni template yang mampu menyesuaikan tampilannya pada gadget mobile. Tampilannya kurang lebih sama dengan versi desktop. Tapi akan menyesuaikan dengan alat yang digunakan baik landscape atau potrait secara sempurna.

Untuk itu, berikut rekomendasi All About Blogspot Templates  untuk dapat menjadi pertimbangan pilihan Template Responsive Blogger Terbaik. Monggo... dilihat-lihat dulu:  


Sensational Responsive Blogger Template 

Template Responsive Blogger Terbaik
Sensational Responsive Blogger Template
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

Sensational is a Responsive blogger template which was created by My Theme Shop And I converted It into a Responsive blogger Template. It is a three column layout with a nice design. It has Many custom features including Responsive Flex Slider. Ok Lets take a live demo to see all the features working live. 
The main Features of Sensational - A Responsive Blogger Template: Nice and Clean Design, Responsive Theme Layout, Responsive Flex Slider,SEO Optimized, Fast loading Theme, 3 Column layout, 2 Navigation Menus, Custom About me widget, Page navigation Widget, Stunning Threaded Comments Section, Customized heading tags (h1 to h6), Custom Code View Feature, Custom Post Highlighters (4 Types)

Minimum Responsive Blogger Template 

Template Responsive Blogger Terbaik
Minimum Responsive Blogger Template
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

After Last release of Sensational Responsive Blogger Template, right now I'm Releasing a New Responsive Blogger Template called Minimum Responsive.This is a Blogger template that has been converted from Wordpress to blogger.This theme was first released by Studiopress. This theme comes with inbuilt Super SEO and Complete search engine Optimization.Also this blogger template is quite responsive which means that this could fit any screen flawlessly

Balance Responsive Blogger Template 

Template Responsive Blogger Terbaik
Balance Responsive Blogger Template
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

Balance is free responsive blogger templates created by designer who also make Copy Blogger V2 that we had posted before. The designer look understand what Google and most visitors want because when I open the demo templates, wow this was very fast loading but also still give the elegant look. Simple, minimalist, fast loading, elegant and clean design are the main feature of Balance responsive blogger template.
Created in 2 column design with sidebar on the right side and 3 column footer with white as main colors matched with soft brown color make this template look more clean but the designer said this templates also had good SEO structure in it.

Copyblogger Responsive Blogger Template

Template Responsive Blogger Terbaik
Copyblogger Responsive Blogger Template
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

 
Copy Blogger V2 is a free responsive blogspot templates created by blog tips and trick. This free blogger responsive templates was an updated version of Copy Blogger templates which was first released on December 2011. This is fully dynamic and responsive template for blogspot user designed with nice and clean design and also very elegant grid style design.
Like Main Photo templates, Copy Blogger V2 also using white as a main color with a little touch of red  and black colors. If you see the demo site you will know how fast this templates loading time although already including ready page navigation's, threaded comment's and drop down navigation's menus. Copy Blogger V2 responsive templates was 2 column blogger template design with 3 column footer.


Johny Ribet Responsive Blogger Template

Template Responsive Blogger Terbaik
Johny Ribet Responsive Blogger Template
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

Template Name : Johny Ribet | Author : Maskolis | Url Instruction : Creating Website | Designer : Creating Website | Url Designer : www.maskolis.com 
Johny Ribet is very simple responsive blogger template with 2 column. It's just a simple template blogger with white and red color, related post thumbnail in each every post, floating social bookmark, 3 column footer and 1 right sidebar. Tag H1 and H2 ready for more SEO and visitor friendly to your blog. You can use this template for your daily blog. You can use this template for free.

Demikian  rekomendasi Template Responsive Blogger Terbaik, semoga bermanfaat dan terimakasih atas kunjungan. 

Cara Kompres HTML Pada Template Blog

Kompres HTML agar template blog fast loading dan SEO Friendly
Kompres HTML Template Blog
Cara Kompres HTML Blog - HTML merupakan unsur utama pada template web/blog. Karena HTML, merupakan bahasa pemerograman yang digunakan untuk menyusun tampilan halaman, fitur, dan berbagai widget pada sebuah web/blog.

Unsur HTML pada template sangat berpengaruh terhadap loading sebuah blog atau website. Artinya semakin banyak kode yang digunakan maka semakin berat beban loading blog atau website bersangkutan. Hal itu jelas mempengaruhi tingkat SEO (Search Enggine Optimization).

Ada banyak cara sebenarnya untuk meningkatkan unsur SEO Friendly pada sebuah blog. Salah satunya dengan melakukan modifikasi template itu sendiri. Caranya dapat dibaca di; Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly.

Namun kali ini, materi yang akan kita bahas adalah cara mengurangi beban loading sebuah blog. Yakni dengan cara meng-Kompres HTML Pada Template Blog sehingga template blog dapat dikatakan fast loading dan tentunya meningkatkan unsur SEO.

Karena, Loading blog/website sangat berpengaruh pada banyaknya visitor. Dan, tidak usah diperdebatkan lagi, he... he... Visitor lebih menyukai web/blog yang ringan, itu pasti. Apalagi di Indonesia akses internetnya boleh dikatakan cukup lemot....

Langsung saja kita menuju langkah-langkah untuk meng-Kompres HTML Pada Template Blog.

  • Seperti biasa.... Loggin Blogger
  • Ke Rancangan
  • Edit HTML
  • Klik Download template/Backup template agar jika terjadi kesalahan dapat dikembalikan
  • Copy kan semua kode HTML ( agar cepat tekan Ctrl + A )
  • Buka TextFixer  
  • Gampang Ikuti langkah-langkah berikut:
Langkah-langkah kompres HTML Blog/website
Langkah-langkah Kompres HTML Template Blog

25 Agustus 2013

Cara Ping Blog Agar Mempercepat Proses Index

http://redaksiexpo2012.blogspot.com/
Ping Blog salah satu langkah penting agar blog lebih SEO. Fungsinya untuk mempercepat proses indeks pada mesin pencari dan meningkatkan traffic sebuah blog itu sendiri.

Sebagai gambaran, Ping yang kita lakukan untuk menyampaikan ke Search Enggine bahwa ada sesuatu yang updated di blog kita dan tentunya sangat bagus untuk teknik SEO dalam hal mempercepat proses index.

Sebenarnya, saat ini banyak aplikasi gratisan di internet yang menyediakan Ping Gratis!, diataranya adalah googleping.com, pingomatic.com, pingoat.com dan masih banyak lagi.

Dalam artikel ini saya merekomendasikan blogger untuk Ping Blog dengan menggunakan Googleping.com

Caranya:
  • Silahkan masuk ke googleping.com Selanjutnyaa isi form seperti di bawah ini :
Cara ping blog di googleping.com
Blog Name : Isi Title blog
Blog Home Page : Alamat URL Blog
RSS URL : Isi dengan http://Alamat_Blog_Sobat.com/feeds/posts/default
Email : Isi alamat email sobat disini
  • Pilih service ping yang akan di target, bisa pilih semua dengan melakukan "Check All"
  • Selanjutnya Klik >> Send Ping 
  • Tunggu sampai proses PING selesai

Untuk penggunaan aplikasi lainnya seperti pingomatic.com atau pingoat.com, kurang lebih caranya sama, yaitu dengan memasukkan URL Blog dan URL RSS. Pada prinsipnya fungsinya sama. Namun saya sendiri lebih sering pake googleping.com ini, selain karena prosesnya cepat, target ping banyak juga ada backlink untuk URL yang selesai di proses Ping. Selamat Mencoba !! Terimakasih atas kunjunganya..

Cara Membuat Navigasi Breadcrumb di blogspot

http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-navigasi-breadcrumb-di.html
Navigasi Breadcrumb
Navigasi Breadcrumb di blogspot berguna agar konten atau artikel di blog cepat di index search enggine seperti google. Pada beberapa template yang tersedia gratis diluar sana, Navigasi Breadcrumb biasanya sudah terpasang. Namun tidak sedikit pula yang belum.

Sebenarnya artikel ini bagian dari
Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly

Berikut Cara Membuat Navigasi Breadcrumb di blogspot.

  • Login ke blogspot
  • Masuk ke "Rancangan" Edit HTML, Jangan lupa di download dulu untuk backup :)
  • Cari kode ]]></b:skin> (Bisa Gunakan Ctrl + F sebagai alat bantu)
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
.breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:inherit;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}
  • Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data='top' name='status-message'/> 
<b:include data='posts' name='breadcrumb'/> 
  • Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

SELESAI lah sudah!!! Membuat Navigasi Breadcrumb di blogspot. Dan jangan lupa simpan. Lalu, silahkan di cek dulu blog sobat dengan menggunakan tools ini : Rich Snippets Testing Tool

Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly

http://redaksiexpo2012.blogspot.com/2013/08/cara-modifikasi-template-blog-menjadi.html
Modifikasi Template Blog
Berkutat dengan template blogspot memang asik jika tidak mau dikatakan 'candu'. Apalagi memodifikasi templates agar lebih SEO Friendly.

Ada beberapa hal utama yang harus terkandung dalam sebuah template agar dapat dikatakan cukup SEO Friendly.

Pertama Buat META Tag yang lebih dinamis

Seberapa pentingkah Meta Tag? Menurut saya, Meta Tag merupakan bagian yang sangat penting. Mungkin pendapat ini keliru. Tapi dengan banyaknya situs Meta Checker atau sejenisnya, membuktikan bahwa komponen Meta Tag yang tersusun dengan baik sangat diperlukan.
Menurut saya, meta tag merupakan langkah awal search enggine mengenali berbagai komponen didalam blog untuk di indeks. Dan merupakan unsur utama tema apa yang diusung sebuah blog atau situs. Sehingga diterjemah dan ditempatkan pada kategori apa nantinya dimata search enggine.

Apa Arti Meta Tag Dinamis?

Secara default, ketika kita akses Halaman Utama Blog ataupun halaman posting pada umumnya memiliki Title, Descripsi dan Keyword yang sama. Dengan membuat Meta Tag yang lebih dinamis artinya, setiap posting mempunya Title, Deskripsi dan Keyword yang berbeda-beda.
Hal ini berguna agar setiap konten atau artikel yang kita posting terlihat spesifik dimata Search enggine. Jelas hal ini lebih SEO Friendly. Lebih jelasnya dapat dilihat pada:
Cara Membuat Meta Tag Dinamis pada blogspot  pada postingan sebelumnya.

Struktur Tag Header : H1, H2, H3, H4, H5, H6

Struktur H1, H2, H3, dst juga mempunyai peran sangat penting dalam membantu sebuah blog menjadi SEO friendly.  Sehingga bisa bersaing di posisi SERP google. Bagaimana susunan Tag H1, H2, H3 dst yang bagus ? - Master SEO dari referensi yang saya baca berpendapat Tag Header harus berurutan dan rapi. Berikut saran dalam Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Buat Navigasi Breadcrumb

Lalu apa pula Navigasi Breadcrumb tersebut?? Untuk menjelaskan apa itu Navigasi Breadcrumb, silahkan lihat ilustrasi di bawah ini :
Cara modifikasi template blogspot agar SEO Friendly
Navigasi Breadcrumb Dalam Kotak Warna Kuning
Lalu di cek dulu, apakah blog sobat sudah ada navigasi seperti yang di tandai warna kuning di atas ? - Jika sudah ada, maka Step ini bisa di lewati. Jika belum ada, ada baiknya mengikuti pembahasan ini sampai tuntas. Apa efek dari penambahan Navigasi Breadcrumb ini?, silahkan lihat capture salah satu blog di hasil pencarian google di bawah ini :
Cara memasang meta tag dinamis
Tampilan Hasil Pencarian di Google setelah blog di tambah navigasi breadcrumb

Seberapa penting navigasi breadcrumb di blogspot. Menurut saya sangat di anjurkan. Selain untuk lebih mempercantik penampilan blog, juga di sarankan karena blog lebih SEO Friendly dimata google.

Bagaimana menambahkan  navigasi breadcrumb di blog kita, silahkan masuk ke sini :Cara Membuat Navigasi Breadcrumb di blogspot
Demikian  Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly. Mungin masih banyak cara metode lain yang lebih sempurna, atau  itu saran dan masukannya ditunggu di kotak komentar. Terimakasih atas kunjunganya...


Cara Membuat Meta Tag Dinamis pada blogspot

http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-meta-tag-dinamis-pada.html
Meta Tag Dinamis
Pada template blogspot agar lebih SEO Friendly ada beberapa komponen yang harus diperhatikan. Yakni META TAG. Meta tag bisa dibilang sebagai pintu gerbang atau jalur inti sebuah blog untuk dikenali oleh mesin pencari/search enggine. Dalam meta tag, terdapat unsur Keyword dan Description sebuah blog.

Ada banyak saran dalam membangun meta tag. Namun menurut saya Meta Tag Dinamis diperkirakan akan memperkuat konten dan artikel didalam sebuah blog lebih akrab dengan search enggine (SEO Friendly).

Berikut Cara Membuat Meta Tag Dinamis pada blogspot:
    • Login ke akun blogger sobat
    • Pilih edit HTML
    • Jangan lupa backup terlebih dahulu template
    • Cari kode <b:include data='blog' name='all-head-content'/> (Gunakan CTRL+F agar lebih mudah)
    • Hapus semua Meta Tag, mulai dari <b:include data='blog' name='all-head-content'/> sampai sebelum <b:skin><![CDATA[/
    • Selanjutnya masukkan META TAG dinamis di bawah ini :

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/></title>
      </b:if>
      <meta content='true' name='MSSmartTagsPreventParsing'/>
      <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
      <link expr:href='data:blog.url' rel='canonical'/>
      <link href='http://www.blogger.com/profile/066378140930646XXXX' rel='me'/>
      <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
      <link href='http://www.blogger.com/rsd.g?blogID=667204186762062XXXX' rel='EditURI' title='RSD' type='application/rsd xml'/>

      <link href='http://domainanda.com/feeds/posts/default' rel='service.post' title='Desc Singkat - Atom' type='application/atom+xml'/>

      <link href='http://domainanda.com/feeds/posts/default?alt=rss' rel='alternate' title='Desc Singkat - RSS' type='application/rss+xml'/>

      <b:if cond='data:blog.url == &quot;http://DOMAIN>COM&quot;'>
      <meta content='Isi Dengan Deskripsi Blog Anda' name='description'/>
      <meta content='Isi Dengan Keyword Blog Anda' name='keywords'/> </b:if>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title><data:blog.pageName/> | <data:blog.title/> | Blog Tutorial </title>
      <meta expr:content='data:blog.pageTitle + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>

      <meta expr:content='data:blog.pageTitle + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
      <b:else/>
      <meta expr:content='data:blog.pageName + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>
      <meta expr:content='data:blog.pageName + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
      </b:if>

      <meta content='Blogger Coepoe' name='author'/>
      <meta content='© 2012 Blogger Coepoe' name='copyright'/>
      <meta content='index, follow' name='robots'/>
      <meta content='index, follow' name='googlebot'/>
      <meta content='index, follow' name='googlebot-image'/>
      <meta content='index, follow' name='msn-bot'/>
      <meta content='index, follow' name='yahoo-slurp'/>
      <meta content='all' name='spiders'/>
      <meta content='all' name='webcrawlers'/>
      <meta content='id' name='geo.country'/>
      <meta content='Indonesia' name='geo.placename'/>
      <meta content='0' http-equiv='expires'/>
      <meta content='never' name='expires'/>
      <meta content='global' name='distribution'/>
      <meta content='noindex,follow' name='labels'/>
      <meta content='never' http-equiv='expires'/>
      <meta content='1 days' name='revisit-after'/>
      <meta content='2 days' name='revisit'/>
      <meta content='10' name='pagerank'/>
      <meta content='100' name='alexa'/>
      <meta content='no' http-equiv='imagetoolbar'/>
      <meta content='true' name='MSSmartTagsPreventParsing'/>
      <meta content='general' name='rating'/>
      <meta content='aeiwi, alexa, alltheweb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomax, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, cnet, baidu' name='search engines'/>

      Jangan lupa ganti text yang berwarna merah, sesuai dengan blog anda. META Tag diatas dinamis karena memiliki tittle, deskripsi, keyword yang berbeda-beda sesuai postingan atau artikel pada blog.

      Biar makin mantab, sekali-sekali coba tools yang satu ini untuk cek Meta Tag : MetaChecker

      Oh.. ya.. tips ini saya dapat dari http://blogger-coepoe.blogspot.com yang telah saya coba. Dan telah di test pada MetaChecker dan SEOquake Diagnosis 


      Selamat mencoba semoga Cara Membuat Meta Tag Dinamis pada blogspot ini bermanfaat..

        

      Simple Gray and Responsive Blogger Templates : Zikazev Simple Gray

      Satu lagi!!!  Free Responsive Template by Kang Ismet. Tema abu-abu mendominasi warna Blog Template nya yang satu ini. Seandainya saja, gonta-ganti template tidak berpengaruh dengan indeks SEO, ingin rasa tiap hari ganti template buatannya Kang Ismet. He... he....

      Warna hitam, putih, abu-abu dan biru, ternyata sebuah kombinasi warna yang menarik. Hal itu terbukti pada balutan warna Template blog yang satu ini. Entah dari mana si Kang Ismet dapat nama Zikazev yang luar biasa susah nyebutinnya ini. (Gak Indonesia banget) he... he...

      Ini srceenshootnya:
      Simple and Responsive blogger templates
       Zikazev Simple Gray Blogger Template
      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

      Simple and elegant blogspot template

      Blogger Template : Blue & Red Pearl 

      Kang Ismet emang salah satu pentolan perancang blogger templates Indonesia (Itu menurut saya). Dua templates ber flatfrom blogspot ini memang layak untuk dijadikan pilihan. Simple dan elegant, namun sentuhan art berselera tinggi menjadi unsur yang kuat pada setiap bagian fiturnya. 
      Lihat saja logo pada header template. Siapa bilang itu senderhana??? Sentuhan photoshop plus CorelDraw membuat dsign logo terlihat elegant mantap dan elegant.

      Berikut screenshoot atau penampakan 
      Simple and elegant blogspot template Buatan Kang Ismet itu:

      http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
      Blue Pearl Blogspot Theme



      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/


      http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
      Red Pearl Blogspot Theme

      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

      24 Agustus 2013

      Clean, Elegant and Responsive Blogger Templates : Responsival

      http://redaksiexpo2012.blogspot.com/2013/08/clean-elegant-and-responsive-blogger.html
      Responsival Blogger Theme
      Responsival - 
      A Responsive Blogger Template.
      As its name - Responsival - I'm glad releasing my first responsive design template which is free for all Blogger users. This modern template is based on fluid designs that adjust to different types of screen resolutions. It fully responses to any screen sizes up to 1400px wide. So you're able to serve the best experience for your readers regardless from where your blog is being viewed.


      Based on fluid designs that adjust to screen sizes up to 1400px wide, Responsival is a popular, super clean, minimalistic template by fiveforblogger.

      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

       

      Known issues Responsival

      I'm also glad to say that this template will give you a tiring job to make your blog looks like the demo. You should think twice or more before it frustrates you. I know it's little discouraging but at least you're being prepared beforehand especially if you already have hundreds of posts. For newborn blogs, it's just nice to try it out.

      • You HAVE TO forget your current awesome header because you have to delete header1 widget.
      • You MIGHT HAVE difficulties because you can't access Blog Posts widget from 'Layout' or 'Page Elements'.
      • It MIGHT mess up any images in your previous posts.
      • Use of :nth-child pseudo selector that's NOT SUPPORTED in IE8 and below.

      Nope, you should not be worrying because I'll try my best to guide you through this post. So, it's a must-read-first.

      Switch to Old Blogger Interface

      The first step is to make sure you're in old interface. Why do I need to switch from new dashboard? That's the first question you might ask me. Because it lets you to remove default widgets from the template and in this case is header widget.


      Remove Header Widget

      This template complies HTML5 markup for main elements. So the header has used readable tags to gain benefits from HTML5. So, in my opinion it's better than using header widget. You shouldn't be doubtful because I already employ HTML5 almost a year and that's one of the reasons Google loves this blog very much even it's not being fully exposed... LOL.

      The first you will see after uploading the template is a warning. I did a test with new interface and surprisingly the warning didn't appear. It means you will have two headers in your blog. And whenever after I tried to delete it, I got bx error - Now you know why. Just choose 'DELETE WIDGETS'.

      Basic Instruction : How to install a Blogger Template