slide IMAGE show


When I first started playing Cafe World, I spent days running my Cafe flat broke while i watched my friends get the best ovens, all the recipes, and killer cafe decorations! It was frustrating to say the least! I felt like I would never catch up to them and would certainly never dominate Cafe World!

At that point, I started looking for a guide to set me in the right direction. I wanted to be able to dominate Cafe World and have my friends envy my cafe! I wanted to learn every Cafe World secret, exploit, tip, strategy, and cheat - basically, I wanted theultimate Cafe World guide that would teach me everything there was to know about the game!

After about a week of searching and going through plenty of incomplete guides on the internet that were pretty much useless and contained strategies everyone else already knew, I came across Cafe World Secrets! The Cafe World Secrets guide promised to make me a dominant player in the game in just a day or two - and I was skeptical - but I was also sick of having to buy my way to success buying Cafe World coins, so i downloaded the guide!


Let me first say, Cafe World Secrets is the real deal! Once you download this guide, your days of having to buy Cafe World coins and beg people to be you neighbor are behind you! You willnever have to spend money to dominate Cafe World again! This guide shows you how to literally double your Cafe World coins overnight - on autopilot - every night, without spending a penny or completing any offers! Best of all - the exploits in Cafe World Secrets are totally legal and will never get you in trouble!

Cafe World Secrets Will Teach You:

- Why 99% of Cafe World players are going about the way they play the game totally wrong! Once you realize these mistakes, you will instantly be better than 99% of the games players!

- How to quickly build the ultimate cafe! You will learn how even low level players can earn points and coins amazingly fast, allowing them to instantly begin improving their cafe!

- The guide showed me how to get over two dozen quality neighbors in less than 2 hours, using an unbelievably simple strategy you have no idea about!

- How to ensure that you never, ever lose "buzz" because of running out of food again! There is an incredibly simple way to eliminate the problem of running out of food - permanently!

- How to reach Level 20 in Less than 5 Days using secret tactics known only to Cafe World Secrets readers!

- Learn how to master every level at blazing fast speeds using simple step by step instructions!

- Learn the insider Cafe World Cheats and Exploits you can use to make instant coins, double your stove capacity, and even increase game speed! You will not believe how simple these tactics are!

I can 100% assure you of one thing: You will totally dominate Cafe World becoming the envy of your friends in just days, if not hours, once you start using the tactics in Cafe World Secrets!

Never worry about losing buzz and never buy Cafe World coins again!

Download Cafe World Secrets Now!
Limited Copies Available!



































You might also like:



visitors' IP address widget-This is a widget allows your visitors can view their IP address but you can not see their IP.So why do you have to use this ? If you know their IP you can track them, contact them easily and you can know wich country they are living.
Some websites/blogs need to have visitors' IP address so this widget will be very great!This is a test pic about my IP address widget on my blog-Zenplate below.It is very simple to add it on your blog:

Log in your account in blogger.com --->Layout--->Add a Gadget--->HTML/JavaScript then add this code to any where on your blog that you like :







Hi , have you ever heard the word "Read more"? You are owning a blog and you don't know what "Read more" means? You are having a long content with many posts but you still don't know anything about "Read more" form?Or you know "Read more" but you feel it is very hard to implement it to your blog ? This is the 3rd tip and this is the easiest way to make it , these are 2 others tips about creating Read-more:" Auto Read more-the newest version" or " Basic Read more" .

This Read-more instruction is not similar to the others , it's using Jquery code which is the fastest and lightweight language in blog/website designing.And its special style is always have smooth effect , you can feel that effect every time you click on it.

Now lets try it now..
Log in you blogger account and go to Layout > Edit HTML > Expand Widget Templates.


Now find the  tag then paste this code right before it :





Notice the red code, 280 is the number of summary words, the minimum is 100 and the maximum is 400 , up to you.
Change the Read More by another word you like as Click here , View full here....( you can't change it by an icon,image..,just word).

Next find this whole code :





And replace it by this new code:










You have Done , now Save and join it.Leave me a comment if you are in trouble with this tip.
And follow me on Twitter here to get more new tips



Hi, most of you have known about scroll to the top and its feature is very useful for who has long blog.Adding a "scroll to the top" button is very great idea.Today I will guide you to add it to your blog. Maybe you are using "scroll to top" button already but it seems very dry.So, this button will have the different look from the old buttons, with "smooth" effect you will feel your blog is so sweet hah hah! You will like it ! Love it, and don't worry, it is all lightweight, it will load very fast and just 1 click it your screen will fly along from bottom to the top. So great!

This code I have found from 
Craig Wilson, Ph.Creative

Thank you very much!

1.Ok to make it , take a look in your source code now and find the  tag then add following code before it:

^ Scroll to Top

The red code is the words appear with your button, you can change it by another words.

2.Now add this CSS code before ]]> tag :

/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }


Yeah yeah so easy huh, just add and add.....

3.Final step, add this Jquery codes before  tag:



Now Save it and try it,do you want to see the demo?My blog-Zenplate is now using it , you can see it at the right corner, click on it you will see the efftects
Hope you like it.Subscribe me now to get more cool tips




Hello everyone, have you ever seen this kind of tip ? I am sure you have seen it on some websites , or you have known how to make it on blogger.But let me explain to you what is the different from the old and this.

I don't know where the old running text come from , but I am sure that is not attractive much, you will be dizzy when you look at the running text.So that is the difference ,with this post, I will guide you how to make a completely new Scrolling news ticker with smooth effect that you will not be dizzy anymore.



That's it ! Now lets go to make it:
1.First you have to add this script code before your  tag :




2.There are 2 types of scrolling :
-If you want the scrolling to stop when the cursor is over it, use this code and add it before the tag or paste it in HTML/Javascript in Layout.


Your text here!



-If you don't want the ticker stop when the cursor is over it , try this code add paste at the same place I told you above:


Your text here



Note:
-Download the js file above (click on Download link), you will get 1 js file, upload it to your favorite host and get the direct link, i offer you some good hosts as 110mb.com,hotlinkfiles.com...Then paste the link instead of the red code.
-You have to put long text,if your texts are not long enough, it will not run!

Ok now , if you want to change a little bit about the "scrolling text" style , you have to open thewebticker_lib.js file then look for these lines:

TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 2;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;

You can edit the file webticker_lib.js and change the values for the following variables:

 TICKER_RIGHTTOLEFT

Set to true if the text is in Arabic, Hebrew or other right-to-left writing language.

 TICKER_SPEED

Set the scrolling speed. Default value is 2.

 TICKER_STYLE

Set the default style for the scrolling text.

 TICKER_PAUSED

When this variable is set to true, the scrolling ticker is paused.
This value can be changed at runtime, for example when the mouse is over the ticker.

Now you have owned one of the greatest tip for blogger.If you have any problem please leave a comment below I will help you.Please subscribe me to get more these tips.




This is the next cool tip usingJquery code on blogger.As the name appears on the title, can you imagine how it looks and what is it used for ? Do you see the "Spread" button ? click on it you will see the result.
With smooth effect ( the familiar effect in Jquery), this box can be used instead for the tip "put code in a frame"that I have published for a long time.









1. You have to add this script to your source template, before the  tag:



2.Next, add this CSS code before the  tag :

#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}

3.Finally ,create a HTML/JavaScript then add this code or you can add it to your entry too :
Put your codes, texts here...




Look for the red code ,that is the place you need to put text and option the size of the box.
Save and have fun.



Floating bar-Maybe some blogger have heard about this but there was a little error when adding it to source in the previous version.Therefore, can not use it on blogger.

Today I decide to guide you how to make floating bar always on top at the screen even you scroll down.It's feature is you can put the "Subscribe" request or feedback, notice...It just like the floating bar at the bottom that I had published for a long time ago.If you would like to know how to make floating bar at the bottom you can view here.
This kind of floating bar is from dynamicdrive.com so thanks for share.To view demo you canclick here

Ok let's do it.

Open your source code and add this code before the ]]> tag:


#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;




Ok Save all and create a HTML/Javascript and add this:




Now you are successful added it to your blog , just save and join but there are some spots that you have to know:Look at the red code, the symbols "&&", that is the reason to make it error on your blog if you add the whole code to your source.The green code is the place you have to option it by your own, you can put Feed,Twitter follow request....up to you.

I hope it will help you much,if you still have any problem please leave a comment below, I will help you soon.
Thanks my friends and don't forget to subscribe and follow me on Twitter to receive the cool daily tips.





Hi everyone , today you will have a chance to see the greatest tip and can get it on your blog.I am sure all of you have not seen this kind of slide.It is call BBC radio slide.As its name, this slide is now used on the very famous website-bbc.co.uk.

Of course, I will make it simple and easy here, but anyway , if you are the pro designer and know Jquery function, you can option it like bbc.co.uk.This is not an auto slide and where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture.



Yes very nice, now let's start!
Log in your blogger account and find the ]]> tag, add this CSS code before it :

body {
background: #eee;
font-size: 62.5%;
font-family: helvetica, arial, sans-serif;
}

.zoomoutmenu {
border: 0.5em solid #fff;
position: relative;
height: 23.5em;
width: 50em;
margin: 0 auto;
}

.panels {
height: 23.5em;
width: 50em;
overflow: hidden;
}

.tabs {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
z-index: 1;
}

.tabs li {
float: left;
display: block;
width: 10em;
background-color: #fff;
text-align: center;
}

.tabs li a {
padding: 0.2em;
display: block;
text-decoration: none;
color: #000;
border-top: 5px solid #fff;
font-size: 1.3em;
}

.tabs li a:hover {
border-top: 5px solid #333;
background-color: #666;
color: #fff;
}

.panel {
background: #ccc;
padding: 1em;
height: 21.5em;
position: relative;
}

.panel h2 {
font-size: 3em;
color: #fff;
font-family: Garamond, times, serif;
padding: 1em;
margin: 0;
text-align: right;
}

#one {
background: url(Image URL 1) no-repeat center center;
}

#two {
background: url(Image URL 2) no-repeat center center;
}

#three {
background: url(Image URL 3) no-repeat center center;
}

#four {
background: url(Image URL 4) no-repeat center center;
}

#five {
background: url(Image URL 5) no-repeat center center;
}


Notice the red code, replace them by your images URL

Next , add these 2 scripts before the  tag :





Notice the pink code, that's the bbcslide.js file, you have to upload it to your favorite host and put it here.This file is given at first(click on the "Download file" button).


Last step,Save all and create a HTML/Javascript ( press Add A Gadget), add this code:



Note:You can option the words at this step.

All Done! Now try to save and join, if you need to know the function (if you are pro) , visit herejqueryfordesigners.
If you have any trouble please comment me and don't forget to subscribe me for the future tips.
Zen

Related Posts with Thumbnails
 

blogger templates | Make Money Online