ezdoubler

iFrame “Auto Height” dengan JqueryiFrame “Auto Height” dengan Jquery

Dalam tag tidak berlaku untuk elemen style=”height:100%” melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran …

Read more »
01 Nov 2013

JS Quicktags : alexking.orgJS Quicktags : alexking.org

JS QuicktagsI’ve released the JavaScript Quicktags used in Tasks Pro™, Tasks and WordPress under the LGPL license.This is a set of buttons that allow you to insert HTML tags into a content area. The t…

Read more »
01 Nov 2013

Manually adding a Disqus gadget to Blogg

If the Disqus gadget installer isn't working, you have the option of manually installing the gadget on your Blogger site. This will require editing your Blogger template HTML, so it won't work with Dy…

Read more »
16 Jun 2013





  


Step 2 : Adding CSS code The Bar Styles




    1. Now find for  </body> tag

    2. add the following script code below just before </body>  tag  







    Note: In case you have already included the jQuery library in
    your blog then remove Line 1 . The same applies for Line 12 ,13 and 14
    as well if you have included Facebook , Google+ and Twitter scripts
    respectively.




    Step 3 : Adding The HTML code


    1. Now search for <body tag  and add the following code just below it If you are using default blogger templates then search for <body tag. See Video tutorial below for more details information. 

    2. add the following code below just below of code  <body tag 

    3. Hit the Save Template button and preview your blog to see how the bar appears.








    Note: before installing the html code, you first have to change the blog url and the url feed first post with a link url and link url fedd blog post from your blog to redirect to your blog.



    Line No. 4 :

    <li class='Home'> <a href='http://helpsblogging.blogspot.com/'>Home</a> </li>

    Replace http://helpsblogging.blogspot.com/ with your blog URL.



    Line 15:

    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=helpsblogging&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' style='padding:3px;text-align:center;' target='popupwindow'>



    Line 16:

    <input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='stylifyyourblog'/><input name='loc' type='hidden' value='en_US'/> <input class='SYB-emailsubmit' type='submit' value='Subscribe'/> </form>



    Line 15 and 16 replace instance of stylifyyourblog with your RSS Feed Name.





    Video Tutorial :









    Credit:

    This blogger widget created by Prayag from Stylifyyourblog and I share again on http://helpsblogging.blogspot.com/.

    If you have any ideas or questions about this widget then feel free to share with us. :)





    Happy Blogging....



    How To Add Scrolling Sticky Bar To Blogger?How To Add Scrolling Sticky Bar To Blogger?

    On-Scroll Sticky Bar. A simple widget which appears in the upper part of your page as you scroll down and disappears again on reaching the top something similar to the Facebook header bar. It contains…

    Read more »
    19 Mar 2013


    online HTML editoronline HTML editor

    This online HTML editor requires JavaScript to run. Your browser either doesn't support JavaScript, or JavaScript is currently disabled (via preferences or options). Because of this, you will see th…

    Read more »

    Rich Text Editor
    ajabingung.blogspot.com
    online HTML editoronline HTML editor

    This online HTML editor requires JavaScript to run. Your browser either doesn't support JavaScript, or JavaScript is currently disabled (via preferences or options). Because of this, you will…

    Read more »






    Flying bat in a marquee

    Bruce the Bat








    Marquee Codes Images and TextMarquee Codes Images and Text

    Images and Text Codes by http://ajabingung.blogspot.com/ -->Bruce the BatThere's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll. …

    Read more »

    Flying bat in a marquee
    Bruce the Bat
    Marquee Codes Images and TextMarquee Codes Images and Text

    Images and TextBruce the Bat There's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll. Source CodeResultBruce the Bat …

    Read more »


    This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.




    Page Background


    To set the background for the whole page, simply apply the background property against the body tag.

    Example:




    Alternative Background Codes


    Below are more HTML background codes. In these examples, instead of using the background shorthand property, we use a property more specific to the actual effect we want to achieve. Doing this is simply an alternative - it's your choice which method you use.


    Background Color


    This example code applies a background color to a p tag using the background-color property. You can apply background color to any other HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.

    Choose a color with the HTML color picker.




    Source CodeResult

    This text has got a background color applied. You could also apply background color to the whole page if you like.



    Background Image


    This example code applies a background color to a p tag using the background-color property. You can apply background color to any HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.




    Source CodeResult

    This div tag has got a background image. You could also apply a background image to the whole page if you like.



    Fixed Background Image


    You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).




    Source CodeResult

    This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.




    http://ajabingung.blogspot.com/2013/03/html-background-code.html




    HTML Background CodeHTML Background Code

    This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as y…

    Read more »

    This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.

    Page Background

    To set the background for the whole page, simply apply the background property against the body tag.
    Example:

    Alternative Background Codes

    Below are more HTML background codes. In these examples, instead of using the background shorthand property, we use a property more specific to the actual effect we want to achieve. Doing this is simply an alternative - it's your choice which method you use.

    Background Color

    This example code applies a background color to a p tag using the background-color property. You can apply background color to any other HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.
    Choose a color with the HTML color picker.
    Source CodeResult
    This text has got a background color applied. You could also apply background color to the whole page if you like.

    Background Image

    This example code applies a background color to a p tag using the background-color property. You can apply background color to any HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.
    Source CodeResult
    This div tag has got a background image. You could also apply a background image to the whole page if you like.

    Fixed Background Image

    You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).
    Source CodeResult
    This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

    http://ajabingung.blogspot.com/2013/03/html-background-code.html
    HTML Background CodeHTML Background Code

    This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as y…

    Read more »






    This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.









    Page Background


    To set the background for the whole page, simply apply the background property against the body tag.

    Example:










    HTML BackgroundHTML Background

    BackgroundsHTML and CSS provides many ways of changing backgrounds in web pages.This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background…

    Read more »
    No comments



    This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.



    Page Background

    To set the background for the whole page, simply apply the background property against the body tag.
    Example:


    HTML BackgroundHTML Background

    BackgroundsHTML and CSS provides many ways of changing backgrounds in web pages.This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background…

    Read more »
    No comments






    Now save your template.






    Step 3 -Adding The Gadget



    • Now go to Page Layout

    • Add a Gadget > HTML/JavaScript

    • Paste below piece of code and save it.








    • Now replace yourblog.blogspot.com with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things.

    • To change number of post find this var numposts_gal = 6; line in above code. (Code Line - 4)

    • If you want to change number of characters to show in description find this piece of code var numchars_gal = 150; (Code Line - 5)



    Now save your all the changes and you are done.Visit your blog to see this beautiful slide.


    Follow this tutorial to show this gadget only on specific page or only in homepage.


    Your questions,queries and feedback are always welcome.Also if you need any help about customizing this gadget then feel free to ask me.I'll glad to help you.


    Good day....

    By: http://www.helperblogger.com/






    Automatic Recent Posts Slider With jQuery For BloggerAutomatic Recent Posts Slider With jQuery For Blogger

    //$(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true });});//]]>…

    Read more »
    11 Mar 2013

    iframeiframe

    CARA MEMBUAT IFRAME Kode yang kita gunakan adalah:    astribut yang biasa di pakai adalah:ALIGN="left/right"FRAMEBORDER="garis batas"WIDTH="lebar"HEIGHT="tinggi"SCROLLING="auto/yes/no"SRC="alamat url …

    Read more »
    11 Mar 2013

    iframeiframe

    CARA MEMBUAT IFRAME Kode yang kita gunakan adalah:    astribut yang biasa di pakai adalah:ALIGN="left/right"FRAMEBORDER="garis batas"WIDTH="lebar"HEIGHT="tinggi"SCROLLING="auto/yes/no" SRC="alamat url…

    Read more »
    11 Mar 2013

    Prepare for a PROFIT EXPLOSION!Prepare for a PROFIT EXPLOSION!

    If you can see this, your browser doesn't understand IFRAME. However, we'll still link you to the file.…

    Read more »
    10 Mar 2013

    Prepare for a PROFIT EXPLOSION!Prepare for a PROFIT EXPLOSION!

    If you can see this, your browser doesn't understand IFRAME. However, we'll still link you to the file. …

    Read more »
    10 Mar 2013
    Load more posts
    Powered by DaysPedia.com
    Waktu Saat Ini di Columbus
    110024pm
    Sabtu, 5 April
    7:09am 12:51 7:59pm
     
    Top