Tampilkan postingan dengan label CSS. Tampilkan semua postingan
Tampilkan postingan dengan label CSS. Tampilkan semua postingan

Kamis

CSS Box Shadow - Membuat Efek Bayangan pada Area




CSS Box-Shadow

Berikut ini adalah kode CSS dasar untuk membuat efek bayangan pada objek:


CSS Bayangan Outset


div {
  -webkit-box-shadow:10px 10px 7px #222; /* Safari & Chrome */
  -moz-box-shadow:10px 10px 7px #222;    /* Firefox */
  box-shadow:10px 10px 7px #222;         /* W3C */
}


CSS Bayangan Inset


div {
  -webkit-box-shadow:inset 10px 10px 7px #222; /* Safari & Chrome */
  -moz-box-shadow:inset 10px 10px 7px #222;    /* Firefox */
  box-shadow:inset 10px 10px 7px #222;         /* W3C */
}

10px yang pertama adalah ukuran offset sumbu X, 10px yang ke dua adalah offset sumbu Y, 7px adalah tingkat blur, #222 adalah warna bayangan. Kamu juga bisa menuliskan nilai offset negatif untuk membuat bayangan menuju ke arah sebaliknya. Cara penerapannya bisa diletakkan secara top down ataupun inline seperti ini:







Top-DownInline
<style>

#kotak-1 {

  -webkit-box-shadow:10px 10px 7px #222;

  -moz-box-shadow:10px 10px 7px #222;

  box-shadow:10px 10px 7px #222;

}

</style>

<div id='kotak-1'>OBJEK</div>		<div style='-webkit-box-shadow:10px 10px 7px #222;-moz-box-shadow:10px 10px 7px #222;box-shadow:10px 10px 7px #222;'>OBJEK</div>



Dan ini adalah contoh-contoh penerapan yang lebih
detail. Saya sudah memberikan warna merah dan hijau untuk mempertegas
bagian mana yang harus menjadi perhatian:




-webkit-box-shadow: 10px 5px 7px #222;

-moz-box-shadow: 10px 5px 7px #222;

box-shadow: 10px 5px 7px #222;


-webkit-box-shadow: 0 10px 7px #222;

-moz-box-shadow: 0 10px 7px #222;

box-shadow: 0 10px 7px #222;


-webkit-box-shadow: 10px 0 7px #222;

-moz-box-shadow: 10px 0 7px #222;

box-shadow: 10px 0 7px #222;


-webkit-box-shadow: 0 0 7px #222;
-moz-box-shadow: 0 0 7px #222;

box-shadow: 0 0 7px #222;


-webkit-box-shadow: 0 0 20px #222;

-moz-box-shadow: 0 0 20px #222;

box-shadow: 0 0 20px #222;


-webkit-box-shadow: 0 0 20px #f10c0c;

-moz-box-shadow: 0 0 20px #f10c0c;

box-shadow: 0 0 20px #f10c0c;


-webkit-box-shadow: 10px 5px 0 #222;

-moz-box-shadow: 10px 5px 0 #222;

box-shadow: 10px 5px 0 #222;


-webkit-box-shadow: -10px -5px 0 #222;

-moz-box-shadow: -10px -5px 0 #222;

box-shadow: -10px -5px 0 #222;


-webkit-box-shadow: inset 10px 5px 7px #222;

-moz-box-shadow: inset 10px 5px 7px #222;

box-shadow: inset 10px 5px 7px #222;


-webkit-box-shadow: inset 0 10px 7px #222;

-moz-box-shadow: inset 0 10px 7px #222;

box-shadow: inset 0 10px 7px #222;


-webkit-box-shadow: inset 10px 0 7px #222;

-moz-box-shadow: inset 10px 0 7px #222;

box-shadow: inset 10px 0 7px #222;


-webkit-box-shadow: inset 0 0 7px #222;

-moz-box-shadow: inset 0 0 7px #222;

box-shadow: inset 0 0 7px #222;


-webkit-box-shadow: inset 0 0 20px #222;

-moz-box-shadow: inset 0 0 20px #222;

box-shadow: inset 0 0 20px #222;


-webkit-box-shadow: inset 0 0 20px #f10c0c;

-moz-box-shadow: inset 0 0 20px #f10c0c;

box-shadow: inset 0 0 20px #f10c0c;


-webkit-box-shadow: inset 10px 5px 0 #222;

-moz-box-shadow: inset 10px 5px 0 #222;

box-shadow: inset 10px 5px 0 #222;


-webkit-box-shadow: inset -10px -5px 0 #222;

-moz-box-shadow: inset -10px -5px 0 #222;

box-shadow: inset -10px -5px 0 #222;





at Tidak ada komentar:
Labels: ,

Selasa

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 social sharing options as well as links to Home Page of your blog. Also present are the Slide to Top and Email subscribe options. This can be easily customized to include options according to your needs. Lets get started and see how to add it in your blog !

To add to sticky bar I will recommend you to use old blogger user interface because as per widget author it throws an unexpected error,you can switch back to old blogger interface by clicking on the Settings Wheel icon at top right of your new blogger dashboard.



Demo.
You can see the live demo on this very page itself ! Please scrool to  down this page, you can see it.



sticky header bar
 



How To Add Scrolling Sticky Bar To Blogger? Please follow the step by step below:


Steps 1 : Adding CSS code The Bar Styles



  1. Go to Blogger Dashboard and open up the Design Tab of the blog in which you want to add the Scrolling Sticky Bar. Now select the Edit HTML option.

  2. find for  ]]></b:skin>

  3. add the following CSS code just before ]]></b:skin> tag 









  


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....
    at Tidak ada komentar:
    Labels: , , , , , , , ,

    HTML 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 you wish.








    Shorthand Background Code


    The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.




    Source CodeResult

    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




    at Tidak ada komentar:
    Labels: , , , , , , ,

    HTML 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 you wish.


    Shorthand Background Code

    The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.
    Source CodeResult
    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
    at Tidak ada komentar:
    Labels: , , , , , , ,

    HTML Background



    Backgrounds


    HTML 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 code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.

    Also, please consider keeping the link back to this website - if you do it will be very much appreciated!


    HTML Background


    The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.


    Example Code


    The source code (on the left) results in the HTML background (on the right).






    Source CodeResult




    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:










    at Tidak ada komentar:
    Labels: , , , , , , ,

    HTML Background

    Backgrounds

    HTML 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 code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.
    Also, please consider keeping the link back to this website - if you do it will be very much appreciated!

    HTML Background

    The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.

    Example Code

    The source code (on the left) results in the HTML background (on the right).

    Source CodeResult

    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:


    at Tidak ada komentar:
    Labels: , , , , , , ,

    Senin

    Automatic Recent Posts Slider With jQuery For Blogger












    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/













    at Tidak ada komentar:
    Labels: , , , , , , , , , , , , , ,

    Automatic Recent Posts Slider With jQuery For Blogger



    Recent posts slider is a best way to show of you blog's recent posts as a slide show.You may see the slider such slider in many wordpress blogs but when coming to blogger it is certainly not much seen.This widget is shared by Abu-Farhan and using my own tricks further I customized this plugin to works perfect with your blog.If you are thinking that customization's will be hard then you are wrong,this gadget is very easy to customize and very easy to add.You don't need to add images,text or any links like other sliders all is Automatic :D.  Here I am giving a tutorial about adding recent post slider to blogger.First take a preview on slider.



    Live Demo ▼







    How To Add This Slider To Blogger?



    Step 1 - Applying Styles



    1. Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface It Is - Dashboard > Template)
    2. As always download a copy of your template first.
    3. Now find for ]]></b:skin>
    4. Add below code just before ]]></b:skin>


    /* START EasySlider By helperblogger.com */

    #slide-container {
        height: 360px;
        position: relative;
        width: 480px;
    }

    #slider {
        height: 360px;
        left: 25px;
        overflow-x: hidden;
        overflow-y: hidden;
        position: relative;
        width: 480px;
        font-family: calibri;
    }

    .slide-desc {
        background: transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/darkbg.png) repeat scroll 0 0;
        color: #FFFFFF;
        padding: 10px;
        position: absolute;
        right: 0px;
        text-align: left;
        top: 0;
        width: 200px;
        z-index: 99999;
    }

    .slide-desc h2 {
        display: block;
    }

    .crosscol .widget-content {
        position: relative;
    }

    #slider ul, #slider li,

    #slider2 ul, #slider2 li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #slider2 {
        margin-top: 1em;
    }

    #slider li, #slider2 li {
    /*

    define width and height of list item (slide)

    entire slider area will adjust according to the parameters provided here

    */
        width: 480px;
        height: 360px;
        overflow: hidden;
    }

    #prevBtn, #nextBtn,

    #slider1next, #slider1prev {
        display: block;
        width: 30px;
        height: 77px;
        position: absolute;
        left: -30px;
        text-indent: -9999px;
        top: 71px;
        z-index: 1000;
    }

    #nextBtn, #slider1next {
        left: 520px !important;
    }

    #prevBtn, #nextBtn, #slider1next, #slider1prev {
        display: block;
        height: 77px;
        left: 0;
        position: absolute;
        top: 132px;
        width: 30px;
        z-index: 1000;
    }

    #prevBtn a, #nextBtn a,

    #slider1next a, #slider1prev a {
        display: block;
        position: relative;
        width: 30px;
        height: 77px;
        background: url(http://i195.photobucket.com/albums/z105/dantearaujo/prev.png) no-repeat 0 0;
    }

    #nextBtn a, #slider1next a {
        background: url(http://i195.photobucket.com/albums/z105/dantearaujo/next.png) no-repeat 0 0;
    }

    /* numeric controls */

    ol#controls {
        margin: 1em 0;
        padding: 0;
        height: 28px;
    }

    ol#controls li {
        margin: 0 10px 0 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 28px;
        line-height: 28px;
    }

    ol#controls li a {
        float: left;
        height: 28px;
        line-height: 28px;
        border: 1px solid #ccc;
        background: #DAF3F8;
        color: #555;
        padding: 0 10px;
        text-decoration: none;
    }

    ol#controls li.current a {
        background: #5DC9E1;
        color: #fff;
    }

    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
        outline: none;
    }

    /* END EasySlider By helperblogger.com */




    You can edit above CSS values as you wish.You may use our HTML Editor to see a live preview of your changes.(Note - If you are editing this gadget in HTML Editor then you have to add all three codes simultaneously in editor)



    Step 2 - Adding JavaScript



    • Now find for </body> tag
    • Add below code just after/below </body> tag.


    <!-- Start easy content slider by helperblogger.com -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
    <script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){
     $("#slider").easySlider({
     auto: true,
     continuous: true
     });
    });
    //]]>
    </script>
    <!-- End easy content slider by helperblogger.com -->




    Now save your template.



    Adding The Gadget

    • Now go to Page Layout
    • Add a Gadget > HTML/JavaScript
    • Paste below piece of code and save it.


    <div id="slider">
    <script style="text/javascript" src="http://code.helperblogger.com/easySlider.min.js"></script>
    <script style="text/javascript">
     var numposts_gal = 6;
     var numchars_gal = 150;
     var random_posts = false; // random posts
    </script>
    <!-- replace with your web address (marked with red color) -->
    <script src="http://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
    </div>






    • 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/
    at Tidak ada komentar:
    Labels: , , , , , , , , ,

    Minggu

    What can I do with CSS?







    You can change almost any aspect of your blog's appearance just by
    changing the style sheet in your template. Some of the most common
    things to do are listed here. For more in-depth tutorials and examples,
    please see W3 Schools CSS Examples and The W3C Introduction to CSS.

    Our default templates have all the CSS information towards the top, between <style></style> tags. You'll see a bunch of lines there that look like this:


    The highlighted line shows the style that is applied to every <h3>
    tag in your blog. What we're going to describe here are some options
    for how to style it. Any of the pieces of code below can be inserted
    between the { curly brackets } in the style sheet.
























































































    CodeExamples
    Colors
    color:blue;This text is blue.
    background:yellow;This has a yellow background.
    You can insert the names of many common colors here (e.g. red, green,
    yellow) or you can use hexadecimal codes for a greater range of colors
    (e.g. #0033AA). For more information on color, please see the Web Color Reference.
    colspan="2">Borders
    border:solid 1px red;

    This has a red border.

    A border can be solid, dotted or dashed. The width here is specified in
    pixels (px). Colors can be names or hexadecimal codes. To only do a
    border on one side, use border-top, border-bottom, border-right, or
    border-left.
    Fonts
    font-family:"Times New Roman",Serif;This is in a serif font.
    font-family:Verdana,Sans-Serif;This is in a sans-serif font.
    You can specify a list of font choices. If the first one isn't available
    on your reader's computer, the next will be used, and so on. Indicating
    "Serif" will use any available serif font.
    font-size:24px;This text is 24 pixels high.
    The units of size can be pixels (px), points (pt), inches (in) or percent of the default size (%).
    font-weight:bold;This text is bold.
    Choices are bold and normal.
    text-decoration:underline;This text is underlined.
    The text decoration can be set to none, underline, overline, or
    line-through. This is most commonly used to remove the underlining on
    links.
    text-align:right;

    This text is right aligned.

    The alignment can be set to left, right, or justify.
    Margins and Padding
    margin:15px;

    This has a 15px margin all around.

    padding:15px;

    This has 15px of padding all around.

    Margin and padding both specify the amount of space around something.
    The difference is that a margin is outside the border and padding is
    inside. (The border here is just for illustration.)



    As with the border, you can specify one side at time with margin-left, padding-top, etc. You can also set all at once with margin:1px 2px 3px 4px; where the order is top, right, bottom, left.



    Notes:

    You can also use inline styles, if you want to do one-time formatting
    for a specific piece of text in a post. Here is the format to use:

    <span style="color:red;">This text will be red.</span>


    updated
    03/08/2013





    Tell us how we're doing - Answer five short questions about your help center experience




    at Tidak ada komentar:
    Labels: , , , , , , ,

    What can I do with CSS?

    You can change almost any aspect of your blog's appearance just by changing the style sheet in your template. Some of the most common things to do are listed here. For more in-depth tutorials and examples, please see W3 Schools CSS Examples and The W3C Introduction to CSS.
    Our default templates have all the CSS information towards the top, between <style></style> tags. You'll see a bunch of lines there that look like this:
    The highlighted line shows the style that is applied to every <h3> tag in your blog. What we're going to describe here are some options for how to style it. Any of the pieces of code below can be inserted between the { curly brackets } in the style sheet.
    CodeExamples
    Colors
    color:blue;This text is blue.
    background:yellow;This has a yellow background.
    You can insert the names of many common colors here (e.g. red, green, yellow) or you can use hexadecimal codes for a greater range of colors (e.g. #0033AA). For more information on color, please see the Web Color Reference.
    colspan="2">Borders
    border:solid 1px red;
    This has a red border.
    A border can be solid, dotted or dashed. The width here is specified in pixels (px). Colors can be names or hexadecimal codes. To only do a border on one side, use border-top, border-bottom, border-right, or border-left.
    Fonts
    font-family:"Times New Roman",Serif;This is in a serif font.
    font-family:Verdana,Sans-Serif;This is in a sans-serif font.
    You can specify a list of font choices. If the first one isn't available on your reader's computer, the next will be used, and so on. Indicating "Serif" will use any available serif font.
    font-size:24px;This text is 24 pixels high.
    The units of size can be pixels (px), points (pt), inches (in) or percent of the default size (%).
    font-weight:bold;This text is bold.
    Choices are bold and normal.
    text-decoration:underline;This text is underlined.
    The text decoration can be set to none, underline, overline, or line-through. This is most commonly used to remove the underlining on links.
    text-align:right;
    This text is right aligned.
    The alignment can be set to left, right, or justify.
    Margins and Padding
    margin:15px;
    This has a 15px margin all around.
    padding:15px;
    This has 15px of padding all around.
    Margin and padding both specify the amount of space around something. The difference is that a margin is outside the border and padding is inside. (The border here is just for illustration.)

    As with the border, you can specify one side at time with margin-left, padding-top, etc. You can also set all at once with margin:1px 2px 3px 4px; where the order is top, right, bottom, left.

    Notes:
    You can also use inline styles, if you want to do one-time formatting for a specific piece of text in a post. Here is the format to use:
    <span style="color:red;">This text will be red.</span>
    updated 03/08/2013
    Tell us how we're doing - Answer five short questions about your help center experience
    at Tidak ada komentar:
    Labels: , , , , , , ,

    Edit CSS in the Template Designer








    Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style sheets (CSS). To add custom CSS snippets to your template, go to the Template tab and click Customize. Then, add your code to the field located in the Advanced | Add CSS tab. Changes you make will reflect instantly in a live preview beneath the editor.


    Note: Editing CSS allows you to change the look and
    feel     of your blog. For changes to the actual content of your blog,
    including the adding of gadgets or changes to the layout, click Edit HTML on the Template tab. Also remember that, like other customizations, your CSS will be removed if you change designs.

    For a comprehensive list of various CSS tweaks, please see the What can I do with CSS article in our Help Center.


    updated
    02/15/2013




    at Tidak ada komentar:
    Labels: , , , , , , ,

    Edit CSS in the Template Designer

    Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style sheets (CSS). To add custom CSS snippets to your template, go to the Template tab and click Customize. Then, add your code to the field located in the Advanced | Add CSS tab. Changes you make will reflect instantly in a live preview beneath the editor.
    Note: Editing CSS allows you to change the look and feel of your blog. For changes to the actual content of your blog, including the adding of gadgets or changes to the layout, click Edit HTML on the Template tab. Also remember that, like other customizations, your CSS will be removed if you change designs.
    For a comprehensive list of various CSS tweaks, please see the What can I do with CSS article in our Help Center.
    updated 02/15/2013
    at Tidak ada komentar:
    Labels: , , , , , , ,
    Langganan: Postingan (Atom)

    MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF

      MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF MAHASISWA   Disusun untuk memenuhi tugas mata kuliah Fils...