Sponsor 1
custom
codes

Custom Style HR CSS


Posted by TokoBanten Labels:

custom-codes - This Script for Custom your style <hr/> css :


/* Gradient color1 - color2 - color1 */
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

/* Gradient transparent - color - transparent */
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* Double-color dashed line */
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
} 

/* Single-direction drop shadow */
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

/* Cloud */
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}

/* Inset, by Dan Eden */
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Flaired edges, by Tomas Theunissen */
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/* Glyph, by Harry Roberts */
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
} 

Demo Klik This! 

22:55 | 0 Comments

custom
codes

Script Share to Blogspot


Posted by TokoBanten Labels:

custom-codes - Is there anyway to add share links to blogger like Facebook,GooglePlus, ect.? I thought there would be some kind of custom link for users to "Blog this" or something but I can't find anything like that after a lot of googling.

I would think it'd be something like this: www.blogger.com/share?URL=x

Here is how to :

example code :

https://www.blogger.com/blog-this.g?u=http://blogname.blogspot.com/2014/03/watch-new-xmen-days-of-future-past.html&n=My%20Post%20Name&t=Hello%20This%20is%20my%20blg

search this code and edit

?u= for your blogpost URL.

n= for your blogpost Title.

t= for your blogpost content.


this code :

<a expr:href='&quot;https://www.blogger.com/blog-this.g?u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;t=&quot; + data:blog.metaDescription'>BLOG THIS</a>

or like this :

<a href="http://blogger.com/blog-this.g?t=[TEXT]&n=[Share Name Title/PHP ECHO Share Name Title]&u=[URL/PHP ECHO URL]" target="_blank">Blog This</a>

Demo like this :

22:42 | 0 Comments

Subscribe to: Comments (Atom)

  • Total Posts & Comments

    Followers