thn google
+13,700
twitter big logo icone 5336 48
1,755
Advertisers Tag Here
Join over 45,931 Daily Readers, Users, Subscribers
..who get notifications via Emails !
Jobs
Showing posts with label HOW TO D0. Show all posts
Showing posts with label HOW TO D0. Show all posts

17 Sept 2012

How to build a nice-looking sliding photo gallery using JavaScript and jQuery.

Labels: , , ,

how to build a nice-looking sliding photo gallery using JavaScript and jQuery. Full code download included.


Live Demo  Download


There are a lot of jQuery image galleries out there, some of which are quite lovely (Galleria springs to mind). However, I've yet to discover a really nice-looking, full-window sliding image gallery that is simple and elegant, and that also shows off the photos to good effect. So I decided to write one!
Change the Height and width according to your necessities...This is for wordpress but can be used for any other website just change the codes according to your website..

Read More

8 Sept 2012

How to Add Label Name next to Blogger Post Title

Labels: , , , ,

How to Add Label Name next to Blogger Post Title

If you are using the old Blogger interface:
  1. Go to Dashboard - 
  2. Design - 
  3. Edit HTML -
  4. Expand Widget Template (make a backup)

If you are using the new Blogger interface:
  1. Go to Dashboard - 
  2. Template - 
  3. Edit HTML - 
  4. Proceed - 
  5. Expand Widget Template (make a backup)
Find and delete the following lines 

<b:includable id='post' var='post'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
Now Paste the following lines in place of the deleted lines
<b:includable id='post' var='post'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <a expr:name='data:post.id'/>
        <b:if cond='data:post.labels'>
         <b:loop values='data:post.labels' var='label'>
          <script type='text/javascript'>
            var SS = &#39;<data:label.name/>&#39;;
            var PrintSS = SS + &quot; | &quot;;
          </script>
         </b:loop>
        <b:else/>
         <script type='text/javascript'>
         var PrintSS = &quot;&quot;;
         </script>        
        </b:if>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>
          <b:else/>
           <span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>
          </b:if>
        <b:else/>
         <span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>


Read More

How To Add an Image Next to Blogger Post Title

Labels: , , , ,

How To Add an Image Next to Blogger Post Title

If you are using the old Blogger interface:
  1. Go to Dashboard - 
  2. Design - 
  3. Edit HTML -
  4. Expand Widget Template (make a backup)

If you are using the new Blogger interface:

  1. Go to Dashboard - 
  2. Template - 
  3. Edit HTML - 
  4. Proceed - 
  5. Expand Widget Template (make a backup)

Find this and delete the following lines
  • </body>

<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
The Code To be deleted

Paste this lines in place of the deleted line

<b:includable id='post' var='post'>



  <div class='post hentry'>



    <a expr:name='data:post.id'/>



    <b:if cond='data:post.title'>



    <table><tr>



     <td class='ssybyposttitle'>



      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Qm-D-LQ8V0wxv0kEPNgJIsxoYiwLBa_S9pS6D7PHMENlqqkTpDJeQm442_RvA41agNk1FL42AHAKhOSTmvMXRNMCXRY38r6HqJXxFnBO-geSzYjrcY0olu-d85t0aD9_fhkaE_ZWt9c/s1600/autobot.png
'/></td>



     <td><h3 class='post-title entry-title'>



      <b:if cond='data:post.link'>



        <a expr:href='data:post.link'><data:post.title/></a>



      <b:else/>



        <b:if cond='data:post.url'>



          <b:if cond='data:blog.url != data:post.url'>



            <a expr:href='data:post.url'><data:post.title/></a>



          <b:else/>



            <data:post.title/>



          </b:if>



        <b:else/>



          <data:post.title/>



        </b:if>



      </b:if>



      </h3>



     </td>



    </tr></table>



     <style>



       h3.post-title {



       margin: 0px !important;



       }



     </style>



    </b:if>


You can change the image by changing the highlighted link above .Currently we have used this image.shown Below

Read More
Subscribe to: Posts (Atom)