Posts marked with "HTML" in categories

How To Integrate Disqus Into Blogger Dynamic Views

July 4, 2013 Blogger, HTML, JavaScript

Disqus works in normal Blogger template but won’t work in Dynamic Views because it don’t support HTML/Javascript widget. But you can edit the contents in head tag of Template and I found a way to integrate the Disqus commenting system in to Blogger. I’m gonna show you how to do that.

DEMO

Works On

  1. Sidebar
  2. Classic
  3. Flipcard
  4. Magazine
  5. Mosaic
  6. Snapshot
  7. Timeslide

Disadvantages

On Classic Templates Disqus will only be available for the first post, because they won’t allow you to put more than 1 Disqus Comment box on a page

... [READ MORE]

Check whether a site is XSS vulnerable or not.

July 3, 2013 HTML, JavaScript

XSS is a method to hack sites which most of the newbie programmers don’t know. Here is a quick way to identify if a site is vulnerable to it. Go to a site which offers searching or other GET parameters which are outputted in the site’s page.

Instead of the value in one of the GET parameter use the following value :

XSS Vulnerability checker by Subin Siby

... [READ MORE]

How to show Disqus comment count in Blogger

July 1, 2013 Blogger, Content Management System, HTML, JavaScript

Many of sites have switched to Disqus comment system. It’s fast, easy and simple to use. Many wanted to show the comment count on their homepages. For showing the comment count on your **Blogger Blog **you can just do a simple trick.

Go to Blogger -> Template -> Edit HTML.

Place this Javascript code above .

<script type="text/javascript">
  /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  var disqus_shortname = '<span style="background-color: yellow;">subinsblog</span>'; // required: replace example with your forum shortname
  /* * * DON'T EDIT BELOW THIS LINE * * */
  (function () {
    var s = document.createElement('script'); s.async = true;
    s.type = 'text/javascript';
    s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  }());
</script>

Replace the yellow background text above to your **Disqus **shortname example: subinsblog from subinsblog.disqus.com is the shortname.

... [READ MORE]

Creating a Contact Me page for Blogger Blog

June 28, 2013 Blogger, HTML, JavaScript

Blogger has added a new widget in their widget page. This widget is a Contact Me widget which allows blog visitors to contact you.


This can be added in your blog sidebar or footer. In this tutorial I will tell you to how to add this to a blog page.
Create a blank page from Blogger -> Pages -> New Page -> Blank Page
Toggle to tab HTML and paste these code in the HTML textarea :




Name



Email
*



Message
*