Wednesday, May 27, 2015

Test


  1. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
  2. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
  3. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
  4. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
  5. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
  6. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.


Posted by at No comments:

Thursday, May 21, 2015

test


Really quick tutorial from me today that was requested a couple of times on how to change the first letter of your post title and post text on Blogger to be a different style giving a magazine effect like this sentence. I’ve seen this technique used in some cool
Posted by at No comments:

Facebook Help Center

Posted by at No comments:

test

Posted by at No comments:

test


  1. test
  2. test
  3. test
  4. test
  5. test
  6. test
Posted by at No comments:

Wednesday, May 20, 2015

Test Spoiler Css effect





To use a JavaScript library inside one of your pens, click the arrow in the upper right of the JavaScript editor to reveal it's options. Then click the box that says "No Library" which will reveal a dropdown menu to choose from.








To use a JavaScript library inside one of your pens, click the arrow in the upper right of the JavaScript editor to reveal it's options. Then click the box that says "No Library"


which will reveal a dropdown menu to choose from. To use a JavaScript library inside one of your pens, click the arrow in the upper right of the JavaScript editor to reveal it's


options. Then click the box that says "No Library" which will reveal a dropdown menu to choose from. To use a JavaScript library inside one of your pens, click the arrow in the


upper right of the JavaScript editor to reveal it's options. Then click the box that says "No Library" which will reveal a dropdown menu to choose from.
Posted by at No comments:

test 


 
 
 
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
Posted by at No comments:

test 


/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTML']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScript']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQuery']:before {
    background-color: #e5b460;
} 
 


<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>
Posted by at No comments:

test 


 


pre {padding:35px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#222;position:relative;max-height:500px;border-radius:3px;}


pre::before {font-size:13px;content:attr(title);position:absolute;top:0;background-color:transparent;padding:6px 10px 7px 10px;left:0;right:0;color:#fff;display:block;margin:0 0 15px 0;font-weight:400;box-shadow:0 1px 3px rgba(0,0,0,0.1);}


pre::after {content:"Double click to selection";padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:4px;font-size:12px;color:#fff;line-height:20px;transition:all 0.3s ease-in-out;}


pre:hover::after {opacity:0;top:-8px;visibility:visible;}


code {font-family:'Arimo'sans-serif;line-height:16px;color:#88a9ad;background-color:transparent;


padding:1px 2px;font-size:13px;}


pre code {display:block;background:none;border:none;color:#c2bfd2;direction:ltr;


text-align:left;word-spacing:normal;padding:10px;font-weight:bold;}


code .token.punctuation {color:#ba3a3e;}


pre code .token.punctuation {color:#777;}


code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {color:#666;}


code .namespace {opacity:.8;}


code .token.property,code .token.tag,code .token.boolean,code .token.number {color:#d75046;}


code .token.selector,code .token.attr-name,code .token.string {color:#88a9ad;}


pre code .token.selector,pre code .token.attr-name {color:#00a1d6;}


pre code .token.string {color:#6fb401;}


code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {color:#5ac954;}


code .token.operator {color:#1887dd;}


code .token.atrule,code .token.attr-value {color:#009999;}


pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}


code .token.keyword {color:#e13200;font-style:italic;}


code .token.comment {font-style:italic;}


code .token.regex {color:#ccc;}


code .token.important {font-weight:bold;}


code .token.entity {cursor:help;}


pre mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}


code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}


pre code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}


.comments pre {padding:10px 10px 15px 10px;background:#222;}


.comments pre::before {content:'Code';font-size:12px;position:relative;top:0;


background-color:#5a9ad2;padding:1px 6px;left:0;right:0;color:#fff;text-transform:uppercase;


display:inline-block;margin:0 0 10px 0;font-weight:400;border-radius:3px;border:none;}


.comments pre::after {font-size:11px;}


.comments pre code {color:#c2bfd2;}


.comments pre.line-numbers {padding-left:10px;}


pre.line-numbers {position:relative;padding-left:3.0em;counter-reset:linenumber;}


pre.line-numbers > code {position:relative;}


.line-numbers .line-numbers-rows {height:100%;position:absolute;top:0;font-size:100%;left:-3.5em;width:3.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:10px 0 0 0;background:#2a2a2a;border-right:1px solid #3a3a3a;}


.line-numbers-rows > span {display:block;counter-increment:linenumber;}


.line-numbers-rows > span:before {content:counter(linenumber);color:#666;display:block;


padding-right:0.8em;text-align:right;transition:350ms;}


pre[data-codetype="CSS"]:before{background-color:#0183c5;}


pre[data-codetype="HTML"]:before{background-color:#ee7147;}


pre[data-codetype="JavaScript"]:before{background-color:#c2a3d0;}


pre[data-codetype="JQuery"]:before{background-color:#c2ac79;}
Posted by at No comments:

Tuesday, May 19, 2015

test demo

Posted by at No comments:

test



Posted by at No comments:

Sunday, May 10, 2015

test


Download Now!
LabStrike Offers FREE
1.2MB .zip file
Posted by at 1 comment:

Saturday, May 9, 2015

TEST RESULT


See the Pen Slide Demo dan Download Button by Arlina Design (@arlinadesign) on CodePen.




<p data-height="268" data-theme-id="0" data-slug-hash="myZWvQ" data-default-tab="result" data-user="arlinadesign" class='codepen'>See the Pen <a href='http://codepen.io/arlinadesign/pen/myZWvQ/'>Slide Demo dan Download Button</a> by Arlina Design (<a href='http://codepen.io/arlinadesign'>@arlinadesign</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
Posted by at No comments:

test

Posted by at No comments:
Subscribe to: Posts (Atom)

Ads Inside Post