Popular Posts

Diberdayakan oleh Blogger.

Selasa, 31 Januari 2012

Blogspot domains localized and Google mum !!

Google has made a really weird move. It has localized the Blogspot domains for all Indian users or atleast thats what I have come to know. All the Blogspot URLs are redirecting to a .in domain if they are accessed from within India. A intial guess is that is that everybody with a Indian IP address is being redirected to the .in version. The .com version is still existing and is served to everybody with a IP address out of India. There are very far reaching implications for such a move.



UPDATE: There is a official explanation about the issue present Here. To check your .com domain put /ncr after your Blog URL and you will be redirected to the .com domain.


Till now there is no news that any other countries blogspot domain is localized. I have myself tested for .de , .ca, etc but none are redirecting to the blogspot blog. Google being mum about this move is also a very weird thing (maybe Google has been hacked !!! ).

Advantages
> As its localized to India, so Indian users can access Blogspot blogs faster. Now their request is sent to Indian servers rather than a US based server.

> For all Bloggers its in a way a good news as now they have two domains for the same blog


> Both the versions a.k.a. .com and .in are same. Any comment on the .in version will appear on the .com version as well.

> No SEO losses as such as every page has a rel=canonical tag with a .com domain


Disadvantages
> As users are distributed between these two domains there is a loss in Alexa Rankings !!!


> Page Rank is zero for the .in version !!


> Confusion: users might get puzzled that their Blog URL's have been changed.


> Unnecessary: Google could have just created a copy of blogspot blogs in every countries Servers and served the .com version faster from their.


All in all this is out-rightly weird. Even though there is a thing about serving blogs faster but changing the domain for that purpose is not a correct move. The Blogger Forum has started to fill with request about this change. Another odd thing to note is that Google is mum about this issue. There is no mention about this thing on any of their Blogs.


One thing that is coming into my mind is that ,there is ongoing hearing against Google Inc in the Delhi High Court. Even though this is just a thought but maybe this has been done to make it easy for the Indian Govt to ban Blogspot URL's in India. Something like the dreaded SOPA & PIPA. This is just a thought.


I strongly suggest that there should be option for Bloggers to choose whether they want a localized domain or not. 


What are your views about this bizarre move by Google Description: Blogspot domains localized and Google mum !! Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blogspot domains localized and Google mum !!

Senin, 30 Januari 2012

Johny Darkgamer, Template Untuk Gamer Mania

Bagi teman-teman yang suka dengan game, kali ini saya menyediakan satu lagi template untuk para gamer mania. Template ini saya beri nama Johny Darkgamer, sesuai dengan warnanya yang hitam dan hanya sedikit warna kuning orange sekedar memperindah tampilan. Fitur template ini sangat sederhana, di bawah header saya meletakkan slider carousel dan di sidebar terdapat tabber yang tinggal memasang empat widget yang ingin ditampilkan disana.

Berikut ini screenshot tampilan dari template Johny Darkgamer (klik untuk memperbesar gambar) :
Home Page

johny darkgamer

Postpage

johny darkgamer

Fitur yang terdapat pada template ini  :
  1. Slider Carousel, untuk mengganti dengan gambar dan URL anda tinggal cari kode di bawah ini :
    <a href="http://creatingwebsite-maskolis.blogspot.com/" title="God of War: Ghost of Sparta Review"><img alt="God of War: Ghost of Sparta Review" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0GL_i0fZfvTnGBrOglVJWIv8GyRjMYi4Ql5zITjZvcI8RIO1neBLybULirOM03uLYx6WDPdf6iFkmcEKNh8sOfmvMZh8i3EI55rdK2Dqx_yaVdgg9ZAlBhXXpMrn5TBxgDk3OULZvo4A/s1600/index8.jpg" width="143" /></a>
    <h2 class="titleg"><a href="http://creatingwebsite-maskolis.blogspot.com/" rel="bookmark" title="Permanent Link to God of War: Ghost of Sparta Review">God of War: Ghost of Sparta Review</a></h2>
    Keterangan :
    -  Warna merah : URL post
    -  Warna kuning : URL gambar
    -  Warna biru : Keterangan dan judul gambar
  2. SEO friendly, Anda tinggal memasukkan meta tag yang sudah saya sediakan di bawah kode<head>
  3. Tabber sidebar, Anda tinggal memasukkan empat widget yang otomatis akan menjadi tabber sidebar
  4. Menu navigasi dropdown dengan sub menu transparan
  5. Breadcrumb ready
  6. Sharing artikel via FB, twitter dan Google+ yang juga sudah ada di bawah tiap postingan
  7. Twitter follower count di bawah navigasi kedua
  8. Dan tentunya kolom untuk pemasangan iklan bagi Anda yang ingin memonetisasi blog
Template ini tidak hanya untuk kontent game saja, tetapi juga dapat Anda isi dengan kontent lainnya, seperti berita, tutorial, atupun untuk toko online juga bisa terserah Anda mau diisi apa. Di bawah ini sudah saya siapkan link demo bagi yang ingin melihat secara langsung, juga tidak lupa link download bagi Anda yang mau mencobanya. Jika masih ada yang mau ditanyakan, isi kotak komentar yang ada di bawah, sekian dan semoga bermanfaat. Happy blogging...... untuk membuat slider otomatis baca Membuat Image Slider Berdasarkan Kategori Tertentu

UPDATE TEMPLATE :
Karena tempat penyimpanan google code saya kena banned sama google, kode script yang disimpan disitu tidak bisa dibuka semua sehingga slider carousel Johny Dargamer template tidak jalan, untuk mengatasinya cari kode di bawah ini pada posisi Edit HTML (diatas </head>) :
<script src='http://creatingwebsite.googlecode.com/files/ikansuper.js' type='text/javascript'/>
<script src='http://creatingwebsite.googlecode.com/files/muter-muter.js' type='text/javascript'/>
Setelah ketemu ganti kode tersebut dengan kode script di bawah ini :
<script src='http://jamu-martin.googlecode.com/files/jfish.js' type='text/javascript'/>
<script src='http://jamu-martin.googlecode.com/files/superfish.js' type='text/javascript'/>
Kemudian save templates
, jika ada yang kesulitan dalam memasang template silhkan di download ulang sudah saya perbaiki templatesnya.

Baca juga :


Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript Description: Johny Darkgamer, Template Untuk Gamer Mania Rating: 4.5 Reviewer: Unknown - ItemReviewed: Johny Darkgamer, Template Untuk Gamer Mania

Alternatives to <Marquee> and <Blink> tags

In the 90s the internet was full of websites which had scrolling and blinking text. By the 2000s these became obsolete due to some usability issues the major one being the time the user had to wait to read the whole text. In case you still want to use their functionality, then I suggest using CSS alternatives.


<Marquee> alternative




An auto-running 'Marquee' with 'hover' to stop the scroll, with links.
An auto-running 'Marquee' with 'hover' to stop the scroll, with links.



HTML
<div class="myMarquee">

<div class="scroller">

<div>
An auto-running 'Marquee' with 'hover' to stop the scroll, with <a href="#">links</a>.</div>
<div>
An auto-running 'Marquee' with 'hover' to stop the scroll, with <a href="#">links</a>.</div>

</div>
</div>

CSS
.myMarquee {width:500px; height:80px; overflow:hidden; position:relative; border:1px solid #aaa; margin:0 auto;box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.7);-o-border-radius: 18px 18px;-moz-border-radius: 18px 18px;-webkit-border-radius: 18px 18px;border-radius: 18px 18px;background:#f8f8f8;background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));}

.scroller {display:block; width:1240px; height:40px; position:absolute; left:0; top:0;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-moz-animation-duration:10s;-moz-animation-name: scroll;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration:10s;-webkit-animation-name: scroll;}

.scroller div {font-family:georgia, serif; font-size:16px; line-height:40px; float:left; width:600px; color:#000; font-weight:bold; padding:0 10px; }

.scroller div a {color:#c00;}

@-moz-keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}
.scroller:hover {
-moz-animation-play-state: paused;
}

@-webkit-keyframes scroll {
0% {left:0;}
100% {left:-620px;}
}
.scroller:hover {
-webkit-animation-play-state: paused;
}

This is a simple keyframe named scroll which defines just two states at 100% and 0%. Its time is set to infinite so that it runs indefinitely.


<Blink> alternative


Blinking Text





HTML

<div id="Blinker" >Blinking Text</div>

CSS

#Blinker {display:block; height:40px;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-moz-animation-duration:1s;-moz-animation-name: blink;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration:1s;-webkit-animation-name: blink;font-family:georgia, serif; font-size:16px; line-height:40px; float:left; }

@-moz-keyframes blink {
0% {opacity:0;}
100% {opacity:1;}
}
#Blinker:hover {
-moz-animation-play-state: paused;
}

@-webkit-keyframes blink {
0% {opacity:0;}
100% {opacity:1;}
}
#Blinker:hover {
-webkit-animation-play-state: paused;

}


This animation is based on a keyframe named blink , which has just 2 states with changing opacity property.


Even though these alternatives are currently supported in Webkit and Mozilla browsers only but this will change in the future. As the time goes by CSS animations will gain momentum and will have wide cross browsers support. Description: Alternatives to <Marquee> and <Blink> tags Rating: 4.5 Reviewer: Unknown - ItemReviewed: Alternatives to <Marquee> and <Blink> tags

Rabu, 25 Januari 2012

Johny Magazine 2, Darkmatter Template For Your Site

Karena keterbatasan koneksi internet saya akan persingkat saja artikel kali ini. Bagi yang suka dengan warna gelap terutama hitam, saya menyediakan satu lagi template untuk anda. Template ini saya kasih nama Johny Magazine 2, Darkmatter Template For Your Site. Sesuai dengan namanya template ini lanjutan dari versi pertama Johny Magzine pada versi sebelumnya hanya bagian header dan footer saja yang hitam, tapi yang versi kali ini bagian post body semua hitam (siapa takut....?)

Template ini dibuat terinspirasi dari template Joomla Darkmatter dari RocketTheme, langsung saja di bawah ini screenshotnya, lebih lengkapnya Anda bisa langsung klik Demo yang ada di bagian bawah.

johny magazine 2

Jika Anda tertarik menggunakan template ini, semuanya sudah saya sertakan pada file zip yang akan Anda download, mulai dari slider, sidebar accordion, kotak advertise dan label atau category semua sudah ada. Anda tinggal memasukkan ke dalam widget tapi jangan lupa ganti semua URL-nya dengan URL anda sendiri.

Untuk Flash News yang terdapat pada navigasi atas silahkan membuat sendiri, yaitu masuk ke http://www.rsspump.com/ masukkan URL feed blog anda, setelah itu copy kodenya letakkan di bawah kode ini (letakkan pada titik-titik) :
<div class='toppic'>
<div class='topnav'>
<div style='float:left;padding:9px 0px;'>
...........................................................
...........................................................
Oiya satu lagi hampir lupa, template ini sengaja tidak saya tambahkan kotak pencari. Jadi Anda mesti membuat sendiri terserah mau diletakkan dimana atau bisa juga ambil dari bawaan blogspot, saya kira itu sangat mudah. Dan bagi yang masih sering menggunakan static page template ini sudah saya modifikasi sehingga static page dapat muncul seperti post page (klik sample page yang ada di navigasi).

Lebih lengkapnya silahkan langsung saja lihat demonya. Bagi yang tertarik silahkan download template ini yang sudah saya sertakan kode script yang harus dipasang di sidebar tengah maupun sidebar kanan. Sekian dulu ya, sudah mulai lemot ini jaringan gara-gara anginnya kenceng banget mas/mbak yang baik-baik, selamat mencoba dan semoga bermanfaat.

NB :
Saya sebenernya juga membuat Johny Magazine 2 ini dalam versi light tanpa static page dengan menambahkan slider Yahoo dan sharing social bookmark dari Mashable. Yah ini hanya sekedar sharing template saja ya daripada tidak terpakai, kalau ada yang tertarik silahkan lihat demonya disini dan kalau ada yang mau memakai template ini silahkan download disini. (Jika ada yang ditanyakan khusus untuk Johny Magazine 2 Light tinggalkan email anda, nanti akan saya kirim script lengkap untuk pemasangan widgetnya)

Wah ternyata banyak juga yang berminat dengan template Johny Magazine 2 versi light ini, baiklah daripada saya kirim ke email teman-teman satu per satu berikut ini saya kasih link untuk download langsung script untuk pemasangan widgetnya. Jangan lupa jika anda sudah download ganti URL nya dengan URL Anda sendiri. Ini link downloadnya Script Widget

johny magazine 2 light

Updates :
Karena sesuatu hal, tempat penyimpanan saya di google code tidak bisa dibuka. Oleh karena itu news ticker (Johny Magazine 2 Light) dan sidebar accordion (johny Magazine 2) tidak bisa berjalan seperti semula. Untuk mengatasinya Anda harus mengganti kode berikut ini pada posisi edit HTML :
  1. Sidebar accordion
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/johny-manis.js' type='text/javascript'/>
    Ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/johnysimple.js' type='text/javascript'/>
  2. News ticker
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/ticker.js' type='text/javascript'/>
    dan Anda ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>
  3. Khusus untuk pengguna Johny Magazine 2 Light jika slider Yahoo tidak bisa jalan anda cari URL javascript berikut ini pada posisi Edit HTML :
    http://maskolis.googlecode.com/files/jquery.min.js
    Dan Anda harus menggantinya dengan URL di bawah ini
    http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Terakhir save templates

Read this : Johny Darkgamer, Template Gamer Mania

Description: Johny Magazine 2, Darkmatter Template For Your Site Rating: 4.5 Reviewer: Unknown - ItemReviewed: Johny Magazine 2, Darkmatter Template For Your Site

Minggu, 22 Januari 2012

Shifting from Blogger: Things to keep in Mind

Blogger is the best blogging platform out there in terms of features and cost. Even then some of us decide to shift to other platforms. The thing is that self hosted blogs have a sense of control and security. With legislations like SOPA and PIPA in pipeline, many people have started to think how Google ,FB and other services might become puppet in hands of the Government. This might be one of the leading reasons why people may want to make a switch. In this post I will be discussing which points to keep in mind while doing the switch.



Blogging Platform
There are lots of them out there and it can be sometime hard to choose one. The choice of the blogging platform should solely depend on the easy of use as well as and resources for troubleshooting problems. An active community can be really helpful when you hit unexpected road blocks while using the platform. Another thing to consider is the functionalities (a.k.a. possibility ) present ,sometimes this is the main reason for switching in the first place. Some examples are WordPress ,Drupal ,Joomla,etc,etc 


Hosting
Choosing a hosting is a vital task ,because it will be your responsibility to make sure that your site is up every second. There are lots of high quality hosting options available within a affordable price but it can became a headache while choosing one . I suggest using services like Host Search which give clear comparisons between various hosting providers with in detail reviews.


Import Your Stuff
Shifting your blog from one CMS to another doesn't mean that you have to start from scratch again. There are tools available for exporting all your posts as well as comments into XML format which can then be easily imported. XML is a widely accepted format and mostly all major CMS'es have a Import functionality present for it. Though there might be problems when your transferring 2 million posts of yours !!


Usability 
Before doing the actual switch, make yourself familiar with most of features of the new CMS or atleast the basic onces which you would be using frequently. This makes sure you don't hit any unexpected problems. Reading through the official Documentation of the specific CMS would be really helpful in these cases.


Test then Finalize
When you have successfully shifted all your content to the new CMS, it is recommended that you keep the old blog up for atleast a month to make sure that all the traffic is directed to the new blog. As Blogger doesn't allow 301 Redirects it would be simpler to inform users by a sort of Banner on Top about the new Blog. There is a video by Google Webmaster Help explaining it in more detail.






It would be so Awesome if Google released a Self Hosting version of Blogger. It would be a step towards making Blogger the ultimate Blogging platform. Who is stopping from dreaming... Description: Shifting from Blogger: Things to keep in Mind Rating: 4.5 Reviewer: Unknown - ItemReviewed: Shifting from Blogger: Things to keep in Mind

Remove Automatic Readmore at Static Page Blogger

There's some questions in my box comment and in my email tells that static page in my every templates didn't work well. Okay, I will give you some reasons, because most Blogger template that I created or modified still using the old version of "automatic readmore" feature. So, if you're using my blogger templates than you need to edit the template manually to remove read more option from the static pages. You need to follow the instructions below to remove automatic read more from blogger static pages.
  1. Login to blogger with your account
  2. Go to the dashboard >> Design >> Edit HTML
  3. Checklist Expand Templates Widget box
  4. Don't forget to backup/download your template first
  5. Find this code below, or Press Ctrl+F and search this codes
    <div class='post-body entry-content'>
  6. Then you must add  this code below that codes.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
    <data:post.body/>
    <b:else/>
  7. It must be look like this
    <div class='post-body entry-content'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
    <data:post.body/>
    <b:else/>
  8. Next step find this codes (Press Ctrl+F and reach this codes)
    <div style='clear: both;'/> <!-- clear for photos floats -->
  9. And then add this code above that codes
    </b:if>
  10. Save your work and it's done.
Static page should already appear on your blog, and if you want a static page as width as your postpage, add this codes after this code ]]></b:skin>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#midle-wrapper, .thumb img, #blog-pager{display:none}
.post{border:1px solid $bordercolor;margin:.1em 0 .5em;padding:10px 15px}
.post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-height:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700}
.post h3 strong,.post h3 a:hover{color:$textcolor}
.post-body{border-top:2px solid #bbb;padding-top:6px;line-height:1.4em;margin:3.1em 0 .75em}
#main-wrapper{padding-left:20px;width:610px;float:$startSide;word-wrap:break-word;overflow:hidden}
</style>
</b:if>
Then save your template, or you can change with your own code to adjust the width of the static page, every template has a different case, so you can customize it by yourself. That's all friends, the instruction how to remove automatic readmore at static page. Happy blogging and new year...

Note :
This tutorial it can be used if only the templates has read more feature (Johny Simple Magazine and Creating Website)

Sompretttttt..... bener nggak ya bahasa Inggrisku, susah banget nulis Inggris.. hahahahaha Description: Remove Automatic Readmore at Static Page Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Remove Automatic Readmore at Static Page Blogger

Rabu, 18 Januari 2012

How to increase your Alexa Rank


The first question which comes into bloggers mind is "How to increase the alexa rank?" most bloggers including me are quite worried about their Alexa ranks.
Is it important? Yes, why not, I think most of you agree it is the only parameter which shows the status and reputation of a blog.
Now this big question can be answered by just following few techniques.




1. Download Alexa Toolbar





To boost your alexa rank toolbar is very important, as it is a biased rank. Confused?..Let me explain. If the visitors on your site have this Alexa toolbar then only the visits are counted by Alexa.Therefore you should encourage the visitors to install the Alexa Toolbar.




2. Write a Blog Post about Alexa
In the world of competition people are always looking for Improving their Alexa ranks , So if they search for it and come to your blog and in a way increase the number of visits. Normally these people have Alexa toolbar installed.


3. Ask For Reviews
Encourage the visitors and readers to give their positive review on Alexa about your site/blog. Even though there are no direct benefits but it is a way for people to know about your blog in a nutshell. 




4. Submit your blog to Directories
Submitting your blog to various directories like DMOZ, OnTopList, Bloggers,etc. DMOZ is the largest human edited directory in the world and one from which nearly all the Search Engine pick their anchor texts. Getting listed in DMOZ is lengthy process but it is a way to get indexed by all major search engines




5. Place Widgets 
You can place alexa widgets on your site to inform visitors about your rank so that they visit again and again. Any clicks on it are counted by Alexa as visits to your site. You can get widgets from Here


Alexa is considered the standard benchmark for measuring a site's impact worldwide. Even though it is not the most correct index out there ,but it is considered a kind of requirement. Lastly make sure the content is always the king, so keep posting content which is of value to your readers.




Author Bio


This is a Guest Post by Navneet Pandey who shares tips and tutorials on topics ranging from PHP ,HTML to Technology related news on his blog iTeching. You can find him on Google+
Description: How to increase your Alexa Rank Rating: 4.5 Reviewer: Unknown - ItemReviewed: How to increase your Alexa Rank

Selasa, 17 Januari 2012

Johny Simple Magazine 2, Template Full Widget

Setelah kemarin saya sudah memodifikasi template Minima menjadi Johny Simple Magazine, sekarang saya akan modif lagi agar fiturnya lebih lengkap. Banyak yang protes karena template sebelumnya tidak terdapat slide gambar di homepage, pada template ini yang saya beri nama Johny Simple Magazine 2 saya tambahkan beberapa fitur yang memungkinkan penggunanya lebih leluasa dalam meletakkan widget yang diinginkan.

johny simple magazine 2

Template ini saya beri nama Johny Simple Magazine 2 karena memang tampilan headernya mirip dengan seri pertama. Pada bagian homepage terdapat 5 sidebar untuk meletakkan widget yang Anda inginkan dan satu sidebar untuk iklan ukuran 650 x 80 yang terletak di bawah main wrapper. Di sidebar sebelah kanan saya menambahkan accordion sidebar dari dezinerfolio.com, untuk lebih lengkapnya silahkan lihat demonya. Pada postpage, anda tidak perlu lagi menambahkan kode related articles yang biasanya diletakkan di bawah postingan, template ini sudah menyediakan fitur tersebut dan juga kolom untuk iklan ukuran 300 x 250  disampingnya (lihat demo).

Sekarang saya akan memberikan tutorial pemasangan widget-widget yang terdapat dalam template ini :
  1. Image Slider
    Letakkan kode berikut ini pada kolom diatas blog post, Add Gadget >> pilih HTML/Javascript.
     <!-- 1st Content -->
    <div id="gal1" style="display:none;" class="img400">
    <div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNllF4IAAkyBgFzIiW2iTWscrXFSHUpR-dX0D0Ul9BP5JqHZZOmLiY10OaRC-BQqo_vvKQEJx9f-ebfRUIFkLhx5i2BuWBELppZIU4_sVzW6oAYteKTOVsVEzUiSp9jYH4wtMC5WCsY0HV/s1600/barca-beat-madrid-in-santiago-bernabue.jpg&cat=1&pid=2107&cache=false" /></div>

    <div class="min250">
    <div class="bottom">
    <div class="topic">
    <a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Real Madrid 1-3 Barcelona in Santiago Bernabéu</a>

    </div>
    <div class="summary">Barcelona were the comeback kings at the Santiago Bernabeu as the champions recovered from conceding within the first ...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Read Full Post</a>

    </div>
    </div></div>
    </div>

    <!-- 2st Content -->

    <div id="gal2" class="img400">
    <div class="h250">
    <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0fjZyhZKU_9nMqi4HyM4MV4yXzyK6POCfywBLbDVrRm3jtbjC7FZ9S6HDGFWyXKCMiBCCEDBCgQjf1ycPZcGvEUzFDO3OFB2tnVJnR1rn6O0OkONhKM5LLpLmtRz4QNxxDYu5a1Aw_ze/s1600/ahmadinejad.jpg&cat=1&pid=2107&cache=false" /></div>

    <div class="min250">
    <div class="bottom">
    <div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Iran's Ahmadinejad to seek Latin American support</a>
    </div>
    <div class="summary">Iranian President Mahmoud Ahmadinejad will seek support from Latin America's leftist leaders on a tour starting....... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Read Full Post</a>

    </div>
    </div></div>
    </div>

    <!-- 3st Content -->
    <div id="gal3" style="display:none;" class="img400">

    <div class="h250">

    <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0Q1fCorp4Xskc7VK5mBBDEUqzlPPPpxXUcw1UgYVq5oQnLFp-JrTAsSyZXHi6AqjdcIReFkEqGXSyZOUKp4SHcpsNDGDm7q8kNlGturcW9L-5s5OhT66Sv0MeZTEUGOMCNf2cFFky-GU/s1600/federer.jpg&cat=1&pid=2107&cache=false" /></div>
    <div class="min250">
    <div class="bottom">
    <div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Federer, untroubled by back, eases into second</a>
    </div>
    <div class="summary">Roger Federer showed no sign of back trouble, testing it at every opportunity, as he cruised into the second round...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Read Full Post</a>

    </div>
    </div></div>
    </div>

    <!-- 4st Content -->

    <div id="gal4" style="display:none;" class="img400">

    <div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiCHDzIfFAoGSYLyeMPodzvz9EGR1EauzdUlsw1MuakmXhPTwHFpz9c_0OLVMlmiDcKD1sBIAAARpFye1gsF10Utzv0AD5xrEhy6iCnH3XJQ-5spMQI7qoTqYSvNFMGXM0Q4j8kviPnNIx/s1600/Julian-Pavone.jpg&cat=1&pid=2107&cache=false" /></div>

    <div class="min250">
    <div class="bottom">
    <div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Julian Pavone is World&#8217;s Youngest Professional Drummer</a>
    </div>
    <div class="summary">Guinness World Records has recognized a U.S. boy as the youngest professional drummer. Julian Pavone was certified......<a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Read Full Post</a>

    </div>
    </div></div>
    </div>

    <!-- 5st Content -->

    <div id="gal5" style="display:none;" class="img400">
    <div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjXP167liaToUXuwKIfD4F57uOxXmE8gMoQTpOLixB-cxL7NodfapMDxhfgVfGDX2OSistFUcOfiM_VtZ73BgUh2uBJJOnRLHZNM0M94bWKqAdephTdl-1PP44bGyjylFl9fFIrTD334Vy/s1600/nadal.jpg&cat=1&pid=2107&cache=false" /></div>
    <div class="min250">

    <div class="bottom">
    <div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Nadal hits back over motivation doubts</a>
    </div>
    <div class="summary">A combative Rafa Nadal returned serve at sceptics who have questioned his motivation at the Australian Open on Sunday ...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Read Full Post</a>
    </div>

    </div></div>

    </div>

    <!-- 6st Content -->
    <div id="gal6" style="display:none;" class="img400">
    <div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVSR91woJJsKHJsO-VOUR7XI548Spe8wZFpbmtoxFTh8YYSHry1i2Eq3WtGONd9N6f3bZTiHvoS0RthnrOY2I_6M1zdpz199vnh2ABLGPROw1KYYCFFHHRrVWFYNZ28q_NF_d0lrzWUjM/s1600/3-US-ships-in-Vietnam-to-train-with-former-foe.jpg&cat=1&pid=2107&cache=false" /></div>
    <div class="min250">
    <div class="bottom">
    <div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">3 US ships in Vietnam to train with former foe</a>

    </div>
    <div class="summary">Three U.S. Navy ships were welcomed Friday by former foe Vietnam for joint training, despite China&#8217;s irritation following...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">Read Full Post</a>
    </div>

    </div></div>
    </div>

    <div style="height:255px; margin-top:-255px;"><div id="galtabs" class="page_hl pd_5"><a href="#" rel="gal1">1</a> <a href="#" rel="gal2">2</a> <a href="#" rel="gal3">3</a> <a href="#" rel="gal4">4</a> <a href="#" rel="gal5">5</a> <a href="#" rel="gal6">6</a> </div></div><div class="clearit"></div>

    <div class="clearit pb_10"></div>
    <script type="text/javascript">
    var myheads=new ddtabcontent("galtabs");myheads.setpersist(false);myheads.setselectedClassTarget("link");myheads.init(4000)
    </script>
    Ganti semua URL gambar dan artikel dengan url yang ingin anda tampilkan dalam slider image ini.
  2. Accordion Sidebar
    Anda bisa meletakkan kode di bawah ini pada sidebar sebelah kanan atau dimanapun anda inginkan, Add Gadget >> pilih HTML/Javascript.
    <div id="basic-accordian" ><!--Start of accordion parent-->

    <!--Start 1st Content-->
    <div id="test-header" class="accordion_headings header_highlight" >Judul/Heading</div>
    <div id="test-content">

    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    </div>
    </div>
    <!--End 1st Content-->

    <!--Start 2st Content-->
    <div id="test1-header" class="accordion_headings" >Judul/Heading</div>

    <div id="test1-content">

    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    </div>
    </div>
    <!--End 2st Content-->

    <!--Start 3st Content-->
    <div id="test2-header" class="accordion_headings" >Judul/Heading</div>
    <div id="test2-content">

    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    </div>
    </div>

    <!--End 3st Content-->

    <!--Start 4st Content-->

    <div id="test3-header" class="accordion_headings" >Judul/Heading</div>
    <div id="test3-content">
    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    <a href="#" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article &#187;</a>
    </div>

    </div>
    <!--End 4st Content-->

    <!--Start 5st Content-->
    <div id="test5-header" class="accordion_headings" >Judul/Heading</div>

    <div id="test5-content">
    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    <a href="#" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article &#187;</a>

    </div>

    </div>

    <!--End 5st Content-->

    <!--Start 6st Content-->

    <div id="test6-header" class="accordion_headings" >Judul/Heading</div>
    <div id="test6-content">
    <div class="accordion_child">
    -------------------- Letakkan tulisan atau kode script disini -------------------------

    <a href="#" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article &#187;</a>
    </div>

    </div>
    <!--End 6st Content-->

    <!--End of accordion parent--></div>
  3. Membuat Kategori dengan Thumbnail (Category with Thumbnail)
    Masukkan kode di bawah ini pada sidebar yang anda inginkan :

    tabber kanan maskolis
    Ganti entertainment yang saya kasih warna biru dengan label/kategori yang anda inginkan. Perhatikan angka yang saya lingkari dari gambar di atas, angka 4 adalah jumlah kategori yang ditampilkan dan 60 adalah jumlah karakter huruf yang ditampilkan dalam satu judul, untuk lebih jelasnya anda silahkan baca tutorial cara memasang kategori tertentu dengan thumbnail.
Untuk bagian yang lain saya kira sangat mudah, anda bisa berkreasi sendiri sesuaikan dengan kebutuhan dan isi atau konten blog anda, jika masih ada yang kurang paham, silahkan isi kotak komentar. Di bawah ini saya sudah siapkan link untuk Anda bagi yang ingin melihat demo dan bagi yang tertarik untuk mencoba template ini silahkan di download gratissssssss....... untuk membuat slider otomatis baca Membuat Image Slider Berdasarkan Kategori Tertentu

Read this :
Johny Portal 2, Elegan Template for Your Site
Johny Magazine 2, Darkmatter templates for your site
Johny Darkgamer, Template Gamer Mania

Updates :
Karena sesuatu hal, tempat penyimpanan saya di google code tidak bisa dibuka. Oleh karena itu news ticker dan sidebar accordion tidak bisa berjalan seperti semula. Untuk mengatasinya Anda harus mengganti kode berikut ini pada posisi edit HTML :
  1. Sidebar accordion
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/johny-manis.js' type='text/javascript'/>
    Ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/johnysimple.js' type='text/javascript'/>
  2. News ticker
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/ticker.js' type='text/javascript'/>
    dan Anda ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>
  3. Related Articles (Bawah postingan)
    Jika hilang atau tidak muncul cari URL javascript ini pada posisi Edit HTML
    http://maskolis.googlecode.com/files/relateds.js
    dan Anda ganti dengan URL di bawah ini :
    http://jamu-martin.googlecode.com/files/related-martin.js
Terakhir save templates

Note : If there's a problem with your static page in my template please read this Remove Automatic Readmore at Static Page Blogger
Description: Johny Simple Magazine 2, Template Full Widget Rating: 4.5 Reviewer: Unknown - ItemReviewed: Johny Simple Magazine 2, Template Full Widget

Senin, 16 Januari 2012

W3C Valid Blogger blog: An impossibility


Markup Validator is used to check the validity of Web documents. My previous two templates Standardized and Directus are both 1 error away from W3C Valid label. This error being due to the IE meta tag whose purpose is to make sure everything HTML5 works in the IE9. But recently very weird things started to happen on this blog, neither was I able to Digg any of the new posts nor was the Like button working for them.



What Happened

Faulty Like Button
 

All the New posts were showing the Number of likes that the main domain had received rather than the independent Likes of that posts


Unable to Digg
The Digg button was not working for any of the new posts, It was redirecting to a older story that I had Dugg a while back. It was supposing the new posts had already been dugg.


Why it Happened
After going through my source ,it struck that I had removed a couple of lines to achieve W3C validity. After a bit of thinking and testing I realized that the reason for this problem was

<link rel="service.post" type="application/atom xml" title="Blog Name - Atom" href="http://www.blogger.com/feeds/BLOGID/posts/default" />

I had excluded the above line of code, as it was giving a error while the validation process. After including it again ,everything started to work fine.


How was it causing the problem
The cause was the attribute present in the rel tag. W3C showed that the value in the rel tag is not registered

Error Line 18, Column 158Bad value service.post for attribute rel on element link: Keyword service.post is not registered.


With this problem ,It becomes impossible to make a perfectly Valid W3C blog in which the Like and Digg buttons works correctly. There is a alternative that you can use conditional tags to make the Homepage Valid atleast.


For people using the Standardized and Directus template ,here is how you can fix it :


Find the following code:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type='text/javascript'>(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=void 0!=d?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));null==g&&a.gtbExternal&&(g=a.gtbExternal.pageT());null==g&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var e=0;if(b.offsetParent){do e =b.offsetTop;while(b=b.offsetParent)}b=e;750>=b&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
})();</script>
<meta content='blogger' name='generator'/>
<link href='http://YourBlogName.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://YourBlogName.blogspot.com/' rel='canonical'/>
<link href='http://YourBlogName.blogspot.com/feeds/posts/default' rel='alternate' title='Atom' type='application/atom xml'/>
<link href='http://YourBlogName.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='RSS' type='application/rss xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<!--[if IE]><script type="text/javascript" src="http://www.blogger.com/static/v1/jsbin/754431588-ieretrofit.js"></script> <![endif]-->
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," "figure,footer,header,hgroup,mark,menu,meter,nav,output," "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i ) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->

Replace it with this line of code:

<b:include data='blog' name='all-head-content'/>


In the upcoming post I will talk how you can achieve W3C validity atleast partially.


I am not aware of the technicalities of why this tag is present in the first place but it has something to with the feed of the post. What are your views on it ?
Description: W3C Valid Blogger blog: An impossibility Rating: 4.5 Reviewer: Unknown - ItemReviewed: W3C Valid Blogger blog: An impossibility

Jumat, 13 Januari 2012

The official Threaded Comment: The Good and Bad

Atlast Threaded comments are live. It is one of the most awaited feature by all Blogger users. Now you can simply Reply to any comment without the popup that appeared in the many old hacks. Also there is a added feature to Show/Hide all the replies a comment receives. Even though it took so much time to bring this , but still it lacks the thing.


threaded comment image

How to Enable it

I) If you are using a uncustomized template , then they will be enabled by themselves if you follow these steps

1. Make sure that the blog feed is set to full ,to do it
For Old Interface Users: Go to Settings > Site Feed > Allow Blog Feed ,set it to Full
For New Interface Users: Go to Settings > Other > Allow Blog Feed ,set it to Full

2. And set the Comment position to Embedded below post,to do it
For Old Interface Users: Go to Settings > Comments > Comment Form Placement ,set it to Embedded below Post
For New Interface Users: Go to Settings > Posts and comments > Comment Location ,set it to Embedded



II) If you have a little modified template, without the Reply feature hack installed


1. Find the following code in the Edit HTML


<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

You will see two instances of this code, one for mobile template and other of the default template. 

2. Now replace this code (both the instances) with the following code

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

III) If you have a heavily modified template, with the Reply feature hack installed (With Nesting)


This one is the most difficult one to fix, The easier way is to select the Revert widget templates to default but it might as well remove all the other modifications you would have done .


Other way is to make a test blog and then search for the code in between  <b:includable id='comments' var='post'> and </b:includable>. Copy everything from there and paste it inplace of your main blog. Now first check if it is Saving and then follow II) part above and check again for errors. If everything is working fine ,then save and it should work but in the process don't forget that part I) conditions should also be satisfied. 


The Good and the Bad:
Pros
-The feature is there !!!
-The Reply feature is enabled in normal templates as well as Mobile version and Dynamic Views.
-One-click Show/Hide feature for Replies
-Inline Reply form
-Author's comments are easily differentiated 



Cons
-Only single level of nesting a.k.a you can't reply to a reply


Also to implement the reply feature in Blogger ,Google upgraded the Comment API , so now you will see a lot of Recent Comment with Thumbnails widgets 


For the time being I will stick to the old hack just because of 6 levels of nesting


What are your views on this change, did you like it or not ?

Description: The official Threaded Comment: The Good and Bad Rating: 4.5 Reviewer: Unknown - ItemReviewed: The official Threaded Comment: The Good and Bad

Senin, 09 Januari 2012

Blogger is going to release Threaded comments

Threaded comments or nested comments as many people call them is the one feature which is missing in the Blogger comment system. I have come to know through reliable sources that Blogger is soon going to release Threaded comment as a default option for users. Even though the date is not known but it will be live anytime now. In any case if you are getting a bit impatient then I will also be discussing how to implement it now in your blog using a hack thats doing rounds across the internet . I have altered its style a bit to make it look a bit more presentable.


How I came to Know



Well that reliable ,super-secret source of my is none other than the Edit HTML of the Template. Even though it may sound a bit confusing ,but while creating templates I came across some code with threaded keyword in them and after a bit searching though it I could understand that it was a new feature that Blogger was going to rollout.Here is some visual evidence and you can even try it yourself by searching for the term threaded in the template. (Tick the Expand Widget Preview option)




Earlier in the day Dasari Harish of Way2Blogging did a post explaining what you can expect from this commenting system and how it will work and other stuff related to it.



This new feature rollout also explains why recently there has been lot of Service Unavailable errors and a bit of slowdown while using Blogger .


  


How to Implement it Now in your Blog

Demo

There are hacks present on the internet dating back to as long as 2008 ,on how to do this in your blog. But recently hacks by Tien Nguyen have made it possible to implement this in your blog. I will be using a older version of his hack and the styling done by me. In case you want the Newest Version you can get it from Here

Step 1: Go to Templates > Edit HTML (Old Interface Users go to Design > Edit HTML)

Step 2: Tick the Expand widget Preview Option 

Step 3: Search for ]]></b:skin> and paste the following CSS just before it (How to Copy code easily)


#cm_block{position:relative;left:-20px;}
.cm_wrap{clear:both;float:right;margin-bottom:10px;width:98%}
.cm_head{float:left;margin:0;width:70px}
.avatar-image-container a img{border-radius:100%;background:url() no-repeat scroll center center;position:relative;left:1px;top:0px;width:40px;height:40px;}
.cm_avatar{width:42px;height:42px;margin:0;padding:0;border:solid 4px white;-webkit-border-radius:1em;-moz-border-radius:10em;border-radius:10em;-webkit-box-shadow:0 1px 2px rgba(0,0,0, .2);-moz-box-shadow:0 1px 2px rgba(0,0,0, .2);box-shadow:0 1px 2px rgba(0,0,0, .2);border-image:initial;background-color:white;}
.cm_reply{padding-top:5px}
.cm_reply a{-moz-border-radius:2px;-webkit-border-radius:2px;background:0;border:1px solid #C4C4C4;border-left-color:#E4E4E4;border-radius:2px;border-top-color:#E4E4E4;color:#424242!important;display:inline-block;font:12px/19px sans-serif;margin:0;padding:1px 6px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #FFF}
.cm_reply a:hover{background:#f8f8f8;text-decoration:none!important}
.cm_reply a:active{background:#f1f1f1;text-decoration:none!important}
.cm_entry{border-radius:10px 100px 80px;background:#f8f8f8;overflow:hidden;padding:16px}
.cm_info{margin-bottom:5px}
.cm_name{float:left;font-size:12px;font-weight:700}
.cm_name:after{content:" said";}
.cm_date{color:#444;float:right;font-size:10px;font-style:italic}
.cm_entry p{color:#222;font-size:13px;margin:0}
.cm_pagenavi{color:#666;font-size:10px;font-weight:700;text-shadow:1px 1px #FFF;text-transform:uppercase}
.cm_pagenavi a{color:#666;padding:10px;text-decoration:none}
.cm_pagenavi a:hover{text-decoration:none}
.cm_pagenavi span{background:#FFF;border:1px solid #E0E0E0;color:#888;padding:4px}

Step 4: Search for <b:includable id='comments' var='post'> and till the end of this tag which looks like this </b:includable> Replace all the code with the code given below


<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments &gt; 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7535998369717577932&amp;postID=&quot; data:post.id &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; data:comment.anchorName &quot;%22%3E&quot; data:comment.author &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
</div>
</div>
<div class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
</div>
<div class='clear'/>
</div>
<p><data:comment.body/><b:include data='comment' name='commentDeleteIcon'/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>

</b:if>
</div>


In Line 40 of the above code relplace the blogID with your blog Id (To find the blog id ,just open lets say the Stats page and in the address bar you will see a very long numbers ,thats your blog id).

Step 5: Now below the </body> tag ,paste the following code(Sorry for the Horizontal scrollbar but had to make the code one-click copyable):

<script type="text/javascript"><!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2))) ((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3 29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8] _0x4f09x5(_0x4f09x3) _0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--></script>

If you get a error while saving this code,escape the code above using Postable and then paste it in your template



Step 6: Preview for errors and then Save .


Don't hesitate to ask questions if you have any problems implementing it in your blog.


What do you think about this move by Blogger ,is it in the right direction ? Will this make Blogger come one step closer to becoming the Best CMS out there ? (It is already the Best Online CMS out there.- Atleast according to Royal Pingdom )

Description: Blogger is going to release Threaded comments Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blogger is going to release Threaded comments

Entertainment

Technology

Random Posts

Sport

News World

 


Backlinks Here

Backlinks to my website? ping fast  my blog, website, or RSS feed for Free Tips dan Trik Sukses Bisnis OnlineindotradingUAW BMKGNTTfree indotradingcms | indotradingsakpa
Search Engine
www.e-referrer.com