demo2blogesobondhu: 2015

Wednesday, May 27, 2015

Test

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.
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.
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.
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.
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.
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.

Thursday, May 21, 2015

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

Facebook Help Center

test

Firefox Beta Take Action Now! Sign me up »

Free Download

DOWNLOAD

test

test

test
test
test
test
test
test

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.

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>

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>

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;}

Tuesday, May 19, 2015

test demo

test

Sunday, May 10, 2015

test

Download Now!

LabStrike Offers FREE

1.2MB .zip file

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>

test

Demo Click here Download Click here

See the Pen CSS Slide Live Demo & Download Button by MD Aslam parvez (@okpt123) on CodePen.

demo2blogesobondhu

Wednesday, May 27, 2015

Test

Thursday, May 21, 2015

test

Facebook Help Center

test

test

Wednesday, May 20, 2015

Test Spoiler Css effect

test

test

test

Tuesday, May 19, 2015

test demo

test

Sunday, May 10, 2015

test

Saturday, May 9, 2015

TEST RESULT

test

Ads Inside Post

ব্লগ সম্পর্কে

আমাদের সাহায্য করুন

Author

	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;}