Showing posts with label blog design. Show all posts
Showing posts with label blog design. Show all posts
Friday, November 13, 2015
Tumblr Cursors
Tumblr Mouse Cursors
Below are some Tumblr Cursors that can be used as animated mouse pointers on Tumblr. Other than the default arrow symbol used as the tumblr cursor, you can choose one below and customise your blog's pointer on tumblr. Each time a visitor visits a your page, their cursor changes to the customised tumblr cursor
Also Read: Free Blog Backgrounds
Random 468x60 Banner Ad For Blogger
Add Different Background Image In Specific Blogger Page
Best Mouse Cursor Schemes For Windows 7, 8 and 8.1
How to Add Customised Mouse Cursor In Tumblr
- Goto Tumblr Customize
- On the left top corner , Click On 'Edit HTML'
- Click inside the template, using CTRL + F keys, search for the tag <body>
- Copy any of the code for your preferred style of tumblr cursor and paste below <body>
Butterfly Tumblr Mouse Cursor
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute06.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute07.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute08.gif'), auto }</style>
Unicorn Tumblr Mouse Cursor
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/animals01.gif'), auto }</style>
One Direction Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=zayn_malik_one_direction&path=music"></script>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute15.gif'), auto }</style>
Yoda Star Wars Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=yoda_star_wars&path=cartoon"></script>
Cursors For Tumblr
Tumblr Mouse Cursors
Below are some Tumblr Cursors that can be used as animated mouse pointers on Tumblr. Other than the default arrow symbol used as the tumblr cursor, you can choose one below and customise your blog's pointer on tumblr. Each time a visitor visits a your page, their cursor changes to the customised tumblr cursor
Also Read: Free Blog Backgrounds
Random 468x60 Banner Ad For Blogger
Add Different Background Image In Specific Blogger Page
Best Mouse Cursor Schemes For Windows 7, 8 and 8.1
How to Add Customised Mouse Cursor In Tumblr
- Goto Tumblr Customize
- On the left top corner , Click On 'Edit HTML'
- Click inside the template, using CTRL + F keys, search for the tag <body>
- Copy any of the code for your preferred style of tumblr cursor and paste below <body>
Wanda Fairly Odd Parents Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=wanda_fairly_odd_parents&path=cartoon"></script>
Tweetie Pie Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=tweetie_pie&path=cartoon"></script>
Water Melon Slice Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=water_melon_slice&path=random"></script>
Love Tumblr Mouse Cursor
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute03.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute17.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute18.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cartoon04.gif'), auto }</style>
Tumblr Mouse Cursors
Tumblr Mouse Cursors
Below are some Tumblr Cursors that can be used as animated mouse pointers on Tumblr. Other than the default arrow symbol usually used as the tumblr cursor, you can choose one below and customise your blog's pointer on tumblr. Each time a visitor visits a your page, their cursor changes to the customised tumblr cursor
Also Read: Free Blog Backgrounds
Random 468x60 Banner Ad For Blogger
Add Different Background Image In Specific Blogger Page
Best Mouse Cursor Schemes For Windows 7, 8 and 8.1
How to Add Customised Mouse Cursor In Tumblr
- Goto Tumblr Customize
- On the left top corner , Click On 'Edit HTML'
- Click inside the template, using CTRL + F keys, search for the tag <body>
- Copy any of the code for your preferred style of tumblr cursor and paste below <body>
Troll Face Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=troll_face&path=random"></script>
White Skull Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=white_skull&path=random"></script>
Angry Bird Tumblr Mouse Cursor
<script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=yellow_angry_bird&path=cartoon"></script>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cartoon23.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute05.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cartoon06.gif'), auto }</style>
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cartoon06.gif'), auto }</style>
Online Character Counter
An online character counter and word counting tool allows you to easily count the number of characters, words, sentences and paragraphs within a text area. With an online character counter, you don't have to go through the cumbersome process of manually calculating the number of characters in your text, tweet, article or email. For your blog posts title which should not exceed 66 characters and meta description of 144 characters, using this online character counter can make your blog more SEO friendly. This is because when the number of characters for the post title or meta description is exceeded, the remaining part will not be shown in search engines result.
Also Read: Free Blog Backgrounds
Random 468x60 Banner Ad For Blogger
jQuery Background Slideshow Plugin For Blogger
To use this online character counter tool, all you have to do is copy your entire text and paste or type your text in in the space below provided below. Then click on calculate characters. As you update the text, the number of characters currently in your text is displayed immediately.
How to Add Online Character Counter In Blogger
To include this online character counter in your blogger blog, copy the code below and paste in the HTML editor section while creating a new post/page on your blog.
<form method="POST">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td width="100%">
<textarea cols="60" name="charcount" rows="12" wrap="virtual"></textarea>
</td> </tr>
<tr> <td width="100%"><div align="right">
<input onclick="countit(this)" type="button" value="Calculate Characters" /> <input name="displaycount" size="20" type="text" />
<div align="center">
<center>
<a href="http://wegist.com/">Celebrity</a>
</center>
</div>
</div>
</td> </tr>
</tbody></table>
</form>
Thursday, November 12, 2015
468x60 Banner Ad
468x60 Banner Ad
468*60 banner ad are ad units with the dimensions of 468 pixels wide by 60 pixels tall. They are usually displayed at the upper part of websites/blogs or within the blog posts since they can fit into smaller spaces that don't accommodate the 728x90 leaderboard ads. In this post, steps on how to create a random 468x60 Banner ad widget for blogger have been given. The banners/images will change randomly each time the page loads or page is refreshed and you can also included a description which is shown when a mouse is hovered or if there's no image available.
How to Create Random 468x60 AD Banners widget for blogger
- From your blogger dashboard,
- Goto Layout
- Click on 'Add a Gadget'
- From the displayed pop-up, select the option 'HTML/Javascript'
- Copy the code below and paste in the text field. (refer to this post on how to add widgets/gadgets in layout section of blogger blogs)
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-1' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-2' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
In the code above, replace the following highlighted fields
- URL OF ADVERTISER : Change this to the url of the advertiser
- URL OF IMAGE: Change this to the URL of the image that is to be displayed on the 468*60 ad
- AD DESCRIPTION: Change to text that is to be shown on the banner ad.
- To add more images , after the last closing hyperlink tag </a>"; add this line of code shown below and replace the necessary fields as specified above.
- Change new array (3) to new array (4)
images[3] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
OR
- To reduce the number of images, remove the highlighted line of code in blue
- Change new array (3) to new array (2)
Also Read: Free Blog Backgrounds
468*60 Banner AD Maker Sites
To create your custom ad banners online, you can check out the following free 468x60 Banner maker/creator sites where you can get different ad sizes other than the 468*60 dimension.
Wednesday, November 11, 2015
Free Blog Backgrounds
Free Blog Backgrounds
Looking for Free blog backgrounds to improve your blogger or WordPress blog's design? Then, in this post, you'll find a list of places where you can find and download free blog backgrounds with unique texture and graphics which you can use in giving your blog a new look. With the options provided for customizing the background colour, images, and sizes, you can edit the background as it best suits you. Below are a list of sites where you can find free backgrounds for WordPress, Blogger Twitter, Facebook timeline covers etc.
The Cutest Blog On The Block
Cg Textures
Hot Bliggity Blog
You can also try out the following sites:
Subscribe to:
Posts (Atom)