Image and Text Slider For your blog

explaining step by steps to add this widget in your blog. For any type of slider you have to include this JavaScript File in your blog before </head> tag.

 <script type="text/javascript" src="http://probloggingtools.googlecode.com/files/marquee_slider.js"></script>

This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.

 Code of This Text Slider :

<div class="slider_text" id="marquee0">
This is a leading website about blogging tools, tips , Widget and template Customization. I hope you are happy with blog posts and tutorials.
</div>
<script type="text/javascript">
marqueeInit({
 uniqueid: 'marquee0',
 style: { //style object for this marquee container (use quotes on both sides of the : as shown)
    'width': '100%',
    'height': '1.6em',
    'color': '#fff',
    'background-color': '#32f',
    'font-family': 'sans-serif',
    'margin': '0 auto'},
      inc:1, //speed - of marquee slider.
 });
</script>

Type 2 Image Slider [Advanced]

Code of this Slider :

marquee

marquee slow/medium/fast speed using button

Example-Result:

marquee slow/medium/fast speed using button

Example-Code:  

<marquee behavior="scroll" direction="left" id="marquee1" scrollamount="6">marquee slow/medium/fast speed using button</marquee></div>
<div style="text-align: center;">
<input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 1, 0);" type="button" value="Slower" /><input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 5, 0);" type="button" value="Medium" /><input onclick="document.getElementById('marquee1').setAttribute('scrollamount', 10, 0);" type="button" value="Faster" />

Creating sound effects in blog

To Baground sound active or autoplay
ganget add just a little extra HTML / javascrip faste then copy the code below:

<embed height="1" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dcsoundflash/sound/Agony.swf" type="application/x-shockwave-flash" width="1"></embed>

how to make an image pop up thumbnail

 

• Go to edit the template and search ]]></b:skin>

Put the below code at the top  ]]></b:skin>
usually use ctrl f to accelerate
is easy but it is good to save or download your template
perhaps also because it does not fit with your template design
but if you need it I think is worth a try

using effects Spinning carousel

Adding yet another collection of slide show, and this slide using effects
Spinning like a carousel or merry-go-round. in addition serves to
display an image, slide show also features a description Carousel
or pieces of information that a brief description of the image
displayed. Not only that, Carousel slide show is very good when
posted on our website or blog to display the latest news articles or, in other words, this Carousel slide show we created as a means of updating our website or blog.

create a js file With Google Code Hosting

Javascript is a code used to create or enhance your blog with this code. to create or enhance this blog some much needed javascript is too much. This javascript to be able to summarize the bloggers or those who make a template distill them into files. js.

Can publish to file. Js this by using one of the programs that are owned by Google is Google Code.
Many bloggers use this hosting program, as a means of saving the file to be downloaded or also save the file. Js and to publish it.

bird-twitt-ply

go to select the widget layout javascrip copy and paste the code below:

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggKXT7ZHDBVSqju2sdHfCwAfz5rPZESvOKVtJO53M-kw2nJ2L7JO-ErfzbSwcjw_2MqTwil1OK2l7nipbNnxWqF8ntvwTNRqOf2wqYhB6WqZTpm_XrrEogesTT2uRnjkE57E3Uvd5e2-nk/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "https://twitter.com/#!/666yucca";var tweetThisText = "Twitter - ";tripleflapInit(); </script>

•   replace the red code with your own address twitter

•  save and view .. finished.

scrol to the top

To make a scrol to the top with a green arrow image

  I just save the red code below:

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi17-gBx88JIAF1ipWkAYOo7wPNT_zE4XuoUVO4GMygFSsNRvNTYxHIUvL5MDztLqXQy2kGuQl8XG5SkiZ5O37E_Y6xr5S9ksAJUqaSAJfUsG3zQocYoa0W8NDEwwonxiq3TZsEnLn0jDX/s1600/arrow_up_green.png'/></a>
 
see example on the right

HOW TO REMOVING WRITING HOME / HOME

Sometimes there is an opinion article on the homepage footer Home or blog, create pages blog.Oleh less beautiful because of it, this time I'll post a tutorial how to eliminate or home porch posts on the blog footer.
The way is easy and almost the same as eliminating paper or newer post older post. How to delete a post or porch at home blogspot blog like this:

make-tab-view

This widget does not need to be brain-tweaking HML code:
simply add a javascript gadget copy and paste the code below :

make auto hide/show (spoiler)

<div><div style="margin-bottom:
2px;"><i><b><small>Coba di
Klik</small></b></i><input value="Show"
style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;"
onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
!= '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
= ''; this.innerText = ''; this.value = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
= 'none'; this.innerText = ''; this.value = 'show'; }"
type="button"></div><div style="border: 1px inset ; margin:
0px; padding: 6px;"><div style="display: none;">

FOR TEXT, LINK AND IMAGE URL HERE

            </div></div></div>

The result is like this:

FOR TEXT, LINK AND IMAGE URL HERE

Make navbar auto hide

Make navbar auto hide (hidden automatically when the mouse does not highlight the location of the blogger navbar and navbar appears when the mouse to highlight bloggers)

1. login

2. Go to the page template

3. Edit HTML and then Continue

4. Find the code]]> </ b: skin>

5. Copy the code below and paste the above code ]]> </ b: skin>

# navbar-iframe {opacity: 0.0; filter: alpha (opacity = 0)}
# navbar-iframe: hover {opacity: 1.0; filter: alpha (Opacity = 100, FinishedOpacity = 100)}

10.save ... finished ....

Hide Attribution Bloger

The way is simple and very easy, Just follow the steps below.

The first entry in the "Design" then "Edit HTML"

css code insert the following code above ]]> </ b: skin>

 





#Attribution1 {height:0px;
visibility:hidden;
display:none
}

SAVE...and see the results

effect of turning the letters follow the mouse

just copy and paste the code below in the widget java script ..
replace the red letters as you wish:

membuat tv online di blog (mivo.tv)

create a blog to a full background

Go to "EDIT HTML"

bring up image and more efex for blog

1. Open design : EDIT HTML
2. Find a code          :  ]]></b:skin>

copy paste the below code red on it  :

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}

.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

Hide date of posting

Date of posting useful to provide information when you post on the Publish so that visitors can see it ...

But if you do not like the date of posting appear on your blog because of the design follow these steps:

Layout menu and then enter into Edit HTML and look for similar code as below: