Showing posts with label Widget Tips. Show all posts
Showing posts with label Widget Tips. Show all posts

Thursday, August 9, 2012

CREATING A 3D CLOUD TAG LABEL TO BLOG / WEB



Tag Cloud like Wordpress.3D that can spin. looks attractive when viewed,but I found many articles that do not work (maybe the tutorial expired) so I try to open WP Plugin Culumus.dan find the difference between WP and BLOGGER.Artikel I created this for you the almost desperate search for ways to make 3D Tag Cloud.My immediate yes.without further ado.Open your Blogger.
Select Design -> Page Elements Make sure that you have created a Tag Cloud (standard from Blogger) as shown.


If you already install Tag Cloud Standart.


  1. Add a gadget by clicking the Add a Gadget on the Page Elements 

  2. and choose Html / JavaSript and Enter this code : 

  3. Put the following code just below Element Category / Label's your previous pairs

  4. Good luck..

Tag Cloud





Flash tag cloud requires Flash Player 9 or more.


Widget by: Trick box Tips

BLOG MUSICALLY WHEN VISITED



Make your blog or web music when guests come to your blog, With the music to make the blog more colorful, and more crowded, because it can make visitors feel at home for long in your blog .. Please in copy number of this script that might help you all



Follow this step :

1.Login to your blog

2.Go to add widget,Html Or java script

3.Copy code at bellow

Note : Please take just one code.


1.Linkin Park - In the end click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info





2.Nirvana - Smells Like Teen Spirit click here for listen




Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info






3.Metallica - Enter Sandman click here for listen




Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info




4.Guns 'n'Roses - knockin on heavens door click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info




5.Bon Jovi - Always click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info






6.Avril Lavigne - I'm With You click here for listen




Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info>




7.Greenday-American idiot click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info






8.Queen-Dont stop me now click here for listen




Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info






9.Muse - Starlight click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info




10.Avenged Sevenfold - Dear God click here for listen



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info



Free Music at divine-music.info







For more info about this widget please visit devine-music.info



Get Free Music at www.divine-music.info

Get Free Music at www.divine-music.info
Free Music at divine-music.info

HOW TO INSTALL AUTO READ MORE IN BLOG


Auto Read More.Fungsion Auto is able to display the first image in the post and to fload image is in the beginning of the paragraph beginning, even though the picture we put in the middle or end of the posting. Maybe more comfortable I call it with a thumbnail image facility.

Not only that, we can also control the number of characters displayed. Here there are two options for the number of characters. The first, the number of characters displayed if there are images included in posts and secondly the number of characters without an image. Still confused mean? same .. , let same not dizzy just straight into the tutorial ok.

Important! Already installed Read More old version in the code should be used to return to normal, the way remove the red code below (Each template may be different, so stay adjusted only)










Readmore


OK, if you've lived proceed with the tutorial below.

First, please go directly to the page Edit HTML, find the code then put this script on the code If so, do not forget at the store first.

Directly copy paste the code below:


Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '';
summ = summary_img;
}

var summary = imgtag + '

' + removeHtmlTag(div.innerHTML,summ) + '
';
div.innerHTML = summary;
}
//]]>



Please be saved and see the results:)

Description:
var thumbnail_mode = "float", (we can decide whether the location of the thumbnail in the (float) left, or if not, please replace the (no-float)
summary_noimg = 250; (Define how many characters will be displayed in the post without a picture / thumbnail)
summary_img = 250; (Define how many characters will be displayed in the post with the picture / thumbnail)
img_thumb_height = 120; (Thumbnail 'height in pixels)
img_thumb_width = 120; (Thumbnail 'width in pixels)


Good Luck..



HOW TO MAKE RELATED POST WITH THUMBNAIL (IN ADDITION TO LINKS WITHIN)




This time I try to share more tutorials like widgets Linkwithin alternarif replacement, Weather very similar. But that is a bit different, and we should be bothered a bit because it's all done manually. This widget has actually been discussed thoroughly by the author Aneesh  at him blog here

Let me translate not confused aja ya here's how:

1. First, go first to the Edit HTML page, do not forget to check the "Expand Widget Templates"

2. Find this code

3. Then replace with the code below

 









5. Do not forget to save dah see the results

To show how many related posts can edit the code below:

var maxresults=5;

To change the title, we can edit this code:

var relatedpoststitle = "Related Posts";

Good Luck Friend..

HOW TO PUT ANIMATION STATUS PAGE LOADING IN BOGGER


Ok, yes, as promised me yesterday to write a tutorial how to install the image loading status of this page in blogger.First, select only the first one of two animated preloader Preloader or Ajaxload this service, then save the images in the gif format. If so, please upload the image files to your hosting earlier (which is free to use geocities.com)

The second step please open your notepad, then save the code below with the name preloader.js (make sure the extension ends in JS instead of TXT).


var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}


 


If so, please upload the files to your hosting preloader.js (which is free to use geocities.com)

How to Put on bloggers:

Just go directly to the address EditHTML, search  .  Then replace with this code agree, do not forget to replace the code in red below and adjust itself to the address location for storing pictures and your JS file.





SIMPLE WAYS TO MAKE FLOATING ADS CLOSE BUTTON


Fellow bloggers might have seen this tutorial, is to my knowledge there are more complicated to use a lot of code, but here I try to give tips that are easier and very simple even for those of you bloggers who are new to coding can certainly do it.


  1. Log Into Your Account Blogger.com with each Surely

  2. Go to the Layout Tab

  3. Choose Page Elements

  4. Add a gadget Select the HTML / JAVASCRIPT

  5. And Copy the code below into it

http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTfajZmBEsAqI8pmK9NscUmT5L14kKDFMDqGQbEEuZBz40e6bvXX8OTtXcT3bFNxOQl0AJoGd0UA-vpORjE7x5E1NOjuUPc5cphL764ZjV2TJXQwiccHMgi6jF-kXYYjV8kopX1LoitTg/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" />




<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}








<div style="text-align:right">

.:[Close][Klik 2x]:.




Enter the code in the ad or image that you want here




6.Saving


Good Luck Bro..

Wednesday, August 8, 2012

HOW TO CHANGE THE CURSOR BLOG



If the cursor is usually a blog is just the same regular arrows with the blog - other blogs, blogs are now the cursor can be changed according to taste. would replace the cursor with icon Naruto weapons can also be (not the same - the same pointy) or would be replaced with bamboo spears can too.


But here I just wanted to love the way only, to search for icons cursors please find your own taste (I love the link you choose yourself) ....

Blogger.com Users
An open blogger Login

2 search Layout and then select Add Gadgets
3 select HTML / JavaScript
4 if it is copy and paste the scripts below into its

HOW TO MAKE A SPOILER FOR THE BLOG




Spoiler is a means used to hide a link or a collection of links, a collection of text, images, whole or in part of the blog posts and others by using a combination of html and javascript code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.

For example in the post World's Longest Blog Comments, thereafter the contents of a very long comment I hide a Spoiler, so it can be opened and closed. It is conceivable if the text is displayed as is without spoilers then it will take some space and the entire post will be very long and damage the look of the blog.

How to Make Spoiler:

1. How to make a Spoiler without background color.
<div id="spoiler">
<div>
<input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LOOK AGAIN'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Spoiler Without a Background Sample" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="text-align: justify;">
Spoiler in the further understanding that it is a way used to hide a link or a collection of links, a collection of text, images, whole or in part of this blog post and others by using the html code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.</div>
</div>
<div id="hide">
</div>



2.SPOILER WITH BORDER AND BACKGROUND COLORS
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show again'; }" name="button" type="button" value="SPOILER WITH BORDER AND BACKGROUND COLORS" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">Spoiler in the further understanding that it is a way used to hide a link or a collection of links, a collection of text, images, whole or in part of this blog post and others by using the html code. The goal is to save space or space in a post or sidebar. Another advantage of using Spoiler is able to reduce the loading time, the intention is, if we use the spoiler in the picture, then our blog will not be affected by the burden of loading can be burdensome. Spoiler can also be used to hide the video so that loading is not heavy.</p>
</div><div id="hide"></div></div></div>


Description:


background: # EBF3FB; = This is to change the background color 
border: 1px solid # AACCEE; = This is for size and border color

INTERESTING COLLECTION OF WIDGETS FOR BLOGS



Widget is a great way to add a few knick-knacks and uniqueness to your blog. Do you want to display statistics show visitors to your blog or your website that connects visitors to your web site, you can do with widgets.

Recently I got a site that contains 50 Great useful widgets for your blog and wanted to share it for you. Most of these widgets work fine for Blogger and WordPress, so not a problem for the blogging platform you use.

Through the list widgets please you choose and install some new widgets to test drive on your blog. I recommend not over-decorate your blog with too many knick-knacks, as it will reduce the usability and functionality of the widget or just the opposite would lead to chaos your blog, a blog with too many widgets will only confuse and obstruct the view of the content on your site .

Here are 50 more great widgets to your blog:

1. MyBlogLog's Recent Readers - This widget shows the avatar of the blog visitors Anda.Dengan MyBloglog popularity of this widget is able to convince Yahoo's management to buy shares, you must have a yahoo account to get this widget.

2. Mashable - This widget provides the sort of news reel (headline news) in the element that provides a snapshot blogger news / social networking posts. There is a choice of colors that can be customized with your blog layout.

3. Flickr Flash Photo Stream Badge-Display photos of flickr profile with a touch of flash. To get this widget you need a yahoo account.

4. Preview Anywhere - for users of snapshots for wordpress bloggers called this widgets available in the settings. Its function is to see a preview of outgoing links with a small display a popup when visitors mouse over the text or banner that "contains" links.

5. Twitter Badge - If your life a lot of interesting things and wants others to know what activities you are doing at any time, you can display snippets short sentences 'a paragraph such as' The widget is suitable for installation on blogs Anda.Widget This will display a "tweet" your latest.

6. Digg News - Link to showing the latest entry into Digg (a social bookmarking) with a choice of theme and easy to set according to your blog template.

7. Feedjit - featuring real-time blog visitor data directly, which can be installed in the sidebar of your blog.

8. LineBuzz - inline comments for your blog. Support for blogs with very high frequencies above 900 mhz discussion / comments prolonged.

9. Flixn - If your laptop is connected webcam, so this widget can display / show your expression directly through your blog. So the blog visitors do not just read your post but can see the 'concert' in front of your monitor, like a webcam yahoo.

10. 3jam - Visitors can interact with your blog by sending an SMS on your mobile phone, without them knowing your mobile number.

11. Jaxtr - Like 3jam widget above, with this Jaxtr widget, blog visitors can contact your cell phone without them knowing your mobile number, mobile number you are guaranteed confidentiality.

12. LinkedInABox - Displays your profile at LinkedIn. And this widget is perfect for personal blogs.

13. Box Widget - With this widget, allows your blog visitors to upload files to online storage via box.net box.net widget on your blog.

14. Price of gas - Displays the motor vehicle fuel prices online (U.S. $), "very suitable" for the blog set to discuss traffic / travel (do not need to register only mengcopas script provided Gas-Cost.Net)

15. iBegin Weather Widget - Display weather information in the sidebar of your blog. As Price of Gas widget, the widget is only suitable for a blog that was discussing the same problem.

16. ClockLink - Displays hours in various time zones with a nice touch of flash.

17. Film Loops - Displays the conclusion last film you watch through your FilmLoops account.

18. Daily Painters - display paintings from famous painters in the world on your blog.

19. WhoLinked - Shows to your blog visitors to sites that are linking to your blog, do not need to update because this WhoLinked automatically update their own web / blog linking to your blog.

20. Criteo AutoRoll - shows links to blogs that are similar to your blog.

21. Bitty Browser - Displays a mini web browser on the sidebar of your blog.

22. Leafletter - This widget makes a mini website and save it on your blog.

23. WikiSeek - Displays a widget to search on Wikipedia.

24. FeedCount - Displays the number of visitors to your blog through a small banner and widget is related to your feedburner account.

25Technorati Link Count - Displays the reaction the number of links to your blog from one of the largest and most popular blog directory.

26. MyPageRank - Here's another way to show how great and beneficial to your blog by displaying Google Rank or Google PageRank (PR). Google PR assessment is calculated based on ranking of 1 to 10, the greater the increasingly popular means of your blog.

27. CheckPageRank - Other options for displaying your blog's PR, but the advantage of this widget also shows your Alexa ranking.

28. BlinkxIt - Displays a small banner under each post to your blog, when the banner is clicked BlikxIt then exit the mini popup like snapshots and video displays that relate to your blog postings.

29. Skype button - like a widget that displays the online status of YM on your blog, widget only the difference is almost equal status online / offline on your Skype account is displayed.

30. RockYou Horoscope - This widget displays the horoscope / forecast and well designed in full color box, no advocate / widgets should not be installed on Muslim bloggers.

31. del.icio.us Tagometer - This widget displays how many del.icio.us users bookmark your blog.

32. del.icio.us Linkrolls - This widget displays your recent bookmarks from del.icio.us.

33. Timelines - Need to create a timeline to your blog? Then this widget is easy to use, only need to enter your blog RSS and enter width and height.

34. PollDaddy - PollDaddy gives you easy create an interactive poll or survey with themes that are very beautiful and show them your log dib.

35. Vizu - another option to create a poll widget on your blog, widget excess is compatible with any blog platform.

36. AnswerTips - Display answers from Answers.com for various terms contained in your blog.

37. AnswerBoxes - Still widget of this widget Answer.Com only provide opportunities for visitors to your blog to include terms that do not understand and get answers from Answer.Com.

38. Now Playing - If you want to share a playlist of music you're listening and want to also listen to your blog visitors, who will do the trick Signamp how it could happen.

39. BuzzBoost - Displays headlines from RSS FeedBurner your blog, or other blog.

40. LibraryThing - show the last book you've read.

41. Plaxo Address Book - Let your loyal visitors to access the guest book them directly from your blog.

42. AuctionAds - Widget that displays auctions from eBay, and give you a percentage of the price paid if one day there is a buy.

43. aStore - AuctionAds Similar to above, only this widget is coming from Amazon. Create a 'simple online shop' in your blog, you will get a bonus if someone bought the goods via your online store.

44. Plazes - This widget displays a map where the position you are now.

45. Stockalicious - Show your portfolio with this widget, and sharing with other bloggers. Let everybody know how much money you have to spend on blogging.

46. Yahoo! For Good - Widget to create a 'charity box' and will be donated to those who deserve it.

47. Giftspace-friend you never know what will be bought for your birthday? Well through this widget let them know what gifts you really want.

48. MixMap - View where visitors to your MySpace profile from a Map.

49. Google Map Widget - Displays a search on google maps from your blog.

50. Google Video Search - Displays the search form from the video selection on your blog.

51. Shoutbox - shoutbox function is to accommodate the short message or a friend of the bloggers who were blogwalking.

52. This Day in History - This widget displays excerpts that today there is the history of what in the past.

53. Headline News - As Mashable widget, this widget also shows a preview headline news from sites all over the world.

54. Calendar - though in the calendar widget wordpress platform already available, but these widgets can still be installed in both wordpress and blogger.

55. Statistic Counter - For those of you who want to see the number of visitors you everyday, then this widget is one that provides such facilities.

56. Web counter Histats.Com - This widget lets you track the visitors can come from anywhere, and count how many visitors your blog everyday, see the IP address of your blog visitors and others.

57. Bravenet Horoscope - Like the widgets RockYou Horoscope, horoscope bravenetpun provides widgets for your blog.

58. Deal of The Day - Still from Amazon.com, is the most newly released widget amazon.com. What's interesting about this widget is a massive discount offered to visitors of your blog.And many more.

Actually there are many more widgets to beautify your betebaran blog on the internet that match your blog template and that you like, but at least the article "50 more great widgets for your blog" this helps you find the widgets you want.

Good luck, may be useful for your Blog ...

ShareThis

Related Posts Plugin for WordPress, Blogger...

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes