Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Friday, December 3, 2010

Twitter Follow Me Button for Blogger


  1. Copy following HTML code fragment
  2. Add "HTML/JavaScript" gadget and paste the previously copied code in it
  3. Change "http://twitter.com/yourID" to the public twitter profile link

Note: By changing href attribute inside <a> tag and src attribute inside <img> tag(which will be the relevant icon for the link), it is possible to create a button in blogger to redirect into any required public profile.

Sunday, November 28, 2010

Publish Source Code in Blogger Using SyntaxHighlighter

  • In blogger under "Design" tab click "Edit HTML".
  • Copy following and paste it just before the </head> tag in the area under "Edit Template".
  • <link href="http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css"></link> <script language="javascript" src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js"> <script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'/>  </script>
  • Copy following and paste it in the same area as in the second step but this time paste it just before the </body> tag.
  • <script language="javascript"> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>
  • Goto http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css and copy the entire stylesheet paste it in the same area as step one and two, but this time paste it just before ]]<.
  • HTML Encode the source code using "HTML-encode a string".
  • Composing a blog post inside the "Edit HTML" editor,when you encounter a place where it is required to add the code snippet copy the encoded source code and paste it in between following tags.
  • <pre name="code" class="Cpp"> ….My code here… </pre>