imthy | blog: HTML

Showing posts with label HTML. Show all posts

Strikethrough (s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶ ) text generator for Facebook, Twitter and more

Here you can generate s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶ text using Unicode characters. While the text it generates may look similar to text generated using the <strike> HTML tag or text-decoration:line-through CSS attribute. You can use this script to generate strikethrough text and just copy paste in to Twitter, Facebook and more sites.

HTML5 is a language for structuring and presenting content for the World Wide Web. It is the fifth revision of the HTMLstandard and as of August 2011 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices. HTML5 is intended to subsume not only HTML4, but XHTML1 and DOM2HTML (particularlyJavaScript) as well.

This simple iframes tutorial will walk you step by step through the process of creating a custom page with the "Static HTML iFrames Tabs" Application. Watch the iframes tutorial to see how simple it is to create a custom iframe facebook page!

Google Plus one button to take on Facebooks like button is launched, Now search results can be personalized depend on the +1 of your input.
Google search results appeared with star-like rating system long time back, is now occupied with Google plusone.

Need of Google +1 to your Blog or Website Means:
Add +1 to your pages to help your site stand out.
+1 buttons let people who love your content recommend it on Google search.

» If you are already using the Official Blogger Sharing Button's you should see it already.

Now let's look at how to add Google +1 Button to Blogger Pages :

1. Go to Dashboard >> Design >> Edit HTML.

2. Check the "Expand Widget Templates"

3. Look for

<data:post.body/>

4. Paste the following code below <data:post.body/>


<b:if cond='data:blog.pageType != "static_page"'>
<p></p>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>


5. Customize the button:

» Select the size of button(see image below)

Change the size in this line

<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>

» Location of the Google +1 Button
- Put the button below the Post Content: Place the code of the button after the code below.

<data:post.body/>

- Put the button above the Post Content: Place the code of the button before the code below.

<data:post.body/>

» Positing it on left or right of the content
- Change the position in following line: (change to left or right)

<div style='float:left;padding:10px;'>

If you like this post, Don't forget to +1 it

Twitter is one of the biggest social networking website that could bring great known traffic to your blog. Almost every blogger uses twitter now but some aren't, so i request you get twitter it will bring good traffic. Flying Twitter Bird Widget here is a good twitter widget, very useful and attractive, will get you more followers on twitter guaranteed. It will always fly on your blog screen no matter you go down or up on your blog.

Check Out the Live Demo

Add The Flying Twitter Bird To Your Blog

There are Two types here is am giving.You can have the Bird on every page of your blog or just on the post pages..

1. Twitter Bird with tweet text has Post title and URL for all post pages Only.
2. Twitter Bird with tweet text has Current Page title and URL for all Blog pages.

» Add Flying Twitter Bird To Post Pages Only

1. Go to Your Blogger Dashboard Click > Design > Edit Html

2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following code directly Below / After </body>

<b:if cond='data:blog.pageType == "item"'>

<script type="text/javascript" src="http://imthywebs.googlecode.com/files/imthytw.js">
</script>
<script type="text/javascript">
var twitterAccount = "Your Twitter User Name Here!";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.imthy.com" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.imthy.com" target="_blank">Twitter Bird Gadget</a>

</b:if>

Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/imthycom , imthycom is the username.

4. Save Your template And Check Out Your Twitter Bird.

» Add Flying Twitter Bird To All Pages

1. Go to Your Blogger Dashboard Click > Design > Edit Html :

2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following code Directly Below / After </body>


<script type="text/javascript" src="http://imthywebs.googlecode.com/files/imthytw.js">
</script>
<script type="text/javascript">
var twitterAccount = "Your Twitter User Name Here!";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='imthy.com' href="http://www.imthy.com" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.imthy.com" target="_blank">Twitter Bird Gadget</a>


Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/imthycom , imthycom is the username.

4. Save Your template And Check Out Your Twitter Bird.

image credit credits

Related Posts Widget with thumbnails for Blogger is a great hack that can increase your blogger's page per views. It is an attractive and a must have widget for blogger if you have lot of content. This widget helps your readers to go through similar posts they were reading. It also keeps you visitor's on blog for an extra amount of time

Marking the body for eternity with popular symbols from internet is a growing trend. Check out these nice tattoos and try with your own risk.

Strikethrough (s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶ ) text generator for Facebook, Twitter and more

Make Free HTML5 Animations using Adobe® Edge Preview - Video

Simple Static HTML iFrame Tab for Facebook Fanpage - Video Tutorial

ADD Google +1 (Plus One) Button to Blogger

Animated Flying Twitter Bird Gadget For Blogger

Related Posts Widget with thumbnails for Blogger

Web Inspired Tattoos for geeks