Title bar scrolling text

Today wanna show your guys about the Title bar scrolling text like my main EWC blog, have few words above keep scrolling so how to do that? very simple only, just go to this website then Add title bar message: keep key in and add until you finish. Then choose an effect, then the speed to show up, smaller mean faster example 500 slow 50 fast... After you finish all the setting you can click the preview to see the effect if you like it just click the generate button and the code will show at below... Then go to your layout setting and add Gadget, Html code, then paste the code inside and save it. Open your blog pop! it's there? Enjoy~~

Hide Blogger Navigation bar...

Hey! today wanna show you all how to hide the blogger navigation bar on the top, and of course if you mouse over to the top, and the Navigation bar will show up... Copy the code below and...

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/*Blogger Navigation Bar */

First and very important thing before you proceed before you screw up your entire blog coding, Remember Backup your blog template first by clicking the Backup / Restore Link on your Right top page side or below your Profile picture.

 

Second click the ' Edit HTML ' button.

 

 Third Click the proceed button and go inside your HTML coding.

Now, press ' CTRL & F ' to search for this word ( /* Variable definitions )...
And then paste the code above the ( /* Variable definitions ) and click the save template...
DONE! now go and view your blog...
~~Enjoy~~

Expand or Hidden function...

Click the button below to expand the post or click again to hide the post.

Hidden Text Here

Today wanna show you guys about this Expand or Hide the text. Try click the button above and you will see a ' Hidden text here ' will pop out, and if you click again the hidden text will hide back inside.
The coding nothing special just copy paste in your post HTML tab and here's the code. After you post click the Compose tab and you will see the button on your post already.

<div style="text-align: center;"> <span style="color: #6fa8dc;"><u><i>Click the button below to expand the post or click again to hide the post. </i></u></span></div> <div id="varname" style="display: none;"> Hidden Text Here <br /> <div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ericworld-cadey.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://i1206.photobucket.com/albums/bb449/ericcadey/credit.jpg" width="200"</div> <div style="text-align: center;"> <button onclick="if(document.getElementById('varname') .style.display=='none') {document.getElementById('varname') .style.display=''}else{document.getElementById('varname') .style.display='none'}" title="Click to show/hide content" type="button">Expand / Hidden</button></div>

And so inside have some code you can change to your own style.
1. <span style="color: #6fa8dc;"><u><i>Click the button below to expand the post or click again to hide the post. You can change the color and the text to show up.

2. Hidden Text Here. Change the hidden text you want to show or hide.
3. <div id="varname" style="display: none;">... Change all the "varname" to the name you like, this name is to let the PC understand which button should show which message, there are total 4 "varname" you need to change if you wish to change the name. Example: if you have 3 button with same "varname", which means it will only show or hide the first button text, but if you change all the 3 post with difference like "varname 1", "varname 2", "varname 3"... which mean they will have their individual show or hide text on their own button.

Encryption and Decryption Post

Today want to share with you guys is about Encryption and Decryption post. When you want to post something and want to hide certain words, link or let people guess you can try to encrypt the words you want to hide and of course there need to decrypt by password to reveal the words you type. So far i found and test it this is the best and easy way to do in blogger.


First and very important thing before you proceed before you screw up your entire blog coding, Remember Backup your blog template first by clicking the Backup / Restore Link on your Right top page side or below your Profile picture.

 

Second click the ' Edit HTML ' button.

 

 Third Click the proceed button and go inside your HTML coding.

 After that press your keyboard key '  CTRL ' and ' F ' too search the ' </head> ' text.

And then paste this code before the </head> or above it. (If you can't find this word go tick the 'Expand Widge Templates' above.)

<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

Then click ' Save Template '

Done now you need go to this Website and type in the passkey and the secret words.
The Yellow box name "KEY" is the passkey you need to type in for reveal your secret words.
The Green box is the secret words you want to hide and reveal it after key in the passkey.
The Red box is the encrypt code linking, you can ignore this box.
The Blue box is the HTML code you need to Copy it all and Post it on your post.

So first thing is Type in your Passkey in Yellow Box, then type your secret words in Green box, then under the Green box click the 'Encrypt' button once and your HTML code should be show under the Blue Box. Select all the HTML code inside the box and copy it. Then open your post and select the HTML tab, then paste code inside. Then go back the Compose post and you will only see the Show encrypted text， you can continue write your post before or after this words but without changing these 3 word.
if still confuse let me know.
Enjoy~~

Blog Slider tips

What is blog slider? actually i don't really know what is that, all i know is something slide out when you point your mouse to the image on the Left side or Right side. You can try it on my blog now, on my blog left side have a name call Quick Link, when you mouse over 'Pop' the link come out, when you take away the mouse pointer it will slide back inside, is it funny? And of course if you go to my main page EWC i have another pop out Facebook on my blog right side.








So here how it's work...
First and very important thing before you proceed before you screw up your entire blog coding, Remember Backup your blog template first by clicking the Backup / Restore Link on your Right top page side or below your Profile picture.

 

Second click the ' Edit HTML ' button.

 

 Third Click the proceed button and go inside your HTML coding.

 After that press your keyboard key '  CTRL ' and ' F ' too search the ' <head> ' text.

And then paste this code after the <head> or below it.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Then click ' Save Template '

 And now here have 2 option, if you want do fast mode without changing or learn those coding you can press this LINK to create a ready made Facebook Page slider without changing their template.

But if you choose to learn and understand how or why and custom design your very own slider then you must continue read from here. And of course it is not a easy thing but after you understand how it's work then you will able custom design your own slider and add anything into that slider you want... But i will show to you on the next post so stay blog ya...

Intro...

Hello everybody, in this blog i will show you guys some blogging tips or maybe is html coding stuff... if you have any question feel free to ask, i will try find you the best answer as i can. Enjoy...