Saturday, December 8, 2012

Automatic Slider AnythingSlider

Automatic Slider AnythingSlider - This time I will make an article about making a slide show as well as a recent article on this blog, precisely located on the front page / home page. - Automatic Slider AnythingSlider

Automatic Slider AnythingSlider - I created this article as requested by one of the visitors of this blog to make a tutorial make such automatic slide show on this blog. Slide show I got from a friend, or rather my online teacher in the field of editing theme blogger, DTE. - Automatic Slider AnythingSlider

Automatic Slider AnythingSlider - Well, I just will give a brief tutorial on creating automated slideshow AnythingSlider. If your friends want to see the demo can be seen on the home page of this blog. - Automatic Slider AnythingSlider

Automatic Slider AnythingSlider - To create a slide show is automatically AnythingSlider Just follow the tutorial below. - Automatic Slider AnythingSlider

  1. Log in to blogger.com using your blogspot account
  2. Select the blog you want to give an artistic touch automatic slide show
  3. Click the template (do not forget to back up your blogger template full version)
  4. Check the "Expand widget templates"
  5. Find the following code ]]></b:skin>
  6. Copy and paste the following CSS code just above the code before
  7. Download Automatic Slider CSS code AnythingSlider
  8. Search code <head>
  9. Place the following code right below
  10. Download JQuery code (do not add this code in your blog if you have found this code, as it would be an error)
    Download JQuery AnythingSlider (put it just below JQuery code or above </head>)
  11. For this stage there are two ways:
    •  Find the code
    • <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='Life is Be U to Full (Header)' type='Header'/>
          </b:section>
      </div>
      or the latest version of the template more or less like this
      <div id='wrap-main'>
            <div class='helvetica' id='main'>
              <b:section class='left-09col' id='primary' role='main' showaddelement='yes'>
      <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
      <b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'/>
      </b:section>
      then copy and paste the code JavaScript AnythingSlider just below.
    • The second way to add a widget with HTML / JavaScript then copy and paste the JavaScript code in the form code AnythingSlider, to clear the title you can.

    Download JavaScript AnythingSlider
  12. Save template.

Download Configuration AnythingSlider

Note: Do not forget to replace the URL home page of your blog!
Automatic Slider AnythingSlider

4 Comment:

  1. Replies
    1. In order html of your blog, there are two jquery libraries, namely:
      script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"
      and
      script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"

      try removing the first, God willing, able to walk, if there are further problems, please leave a comment back :)

      Delete
  2. Where is the CSS script?. Don't tell me it's in that Adfly link...I do not really know what's wrong with some bloggers, After a very good post, he kills it with an adfly link to get the css code. How I wonder if you can ever get traffic to this blog.

    ReplyDelete