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