MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Cara memasang CSS pada Blogspot -- Berhubung materi SEO Blogspot sudah cukup memadai, sekarang saya akan membahas lebih kepada variasi dan modifikasi blog. Untuk itu anda perlu mengetahui cara memasang CSS pada blog anda. Sebenarnya caranya sekarang sudah sangat mudah dengan fitur yang disediakan oleh blogger.com.


Kenapa anda perlu mengetahui cara memasang CSS ini? Karena CSS ini

Seo Master present to you:

This is a special post for bloggers, This post about how to create a popup message in your blogger. If you want to show some message to your readers in a Pop up , then this widget will definitely help you. In this post I will be talking about a blogger widget which will include a Button and when your readers clicks on this button, a popup will appear, that displays your message, that you want to add.

 

 

 

• Go to Blogger Dashboard --> Layout --> Add A Gadget.

 

• Select HTML/Javascript and paste the code shown below in it.

 

<style type="text/css"> .btnLogin{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:15px; background:#a1d8f0; background:-moz-linear-gradient(top, #badff3, #7acbed); background:-webkit-gradient(linear, center top, center bottom, from(#badff3), to(#7acbed)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')"; border:1px solid #7db0cc !important; cursor: pointer; padding:11px 16px; font:bold 11px/14px Verdana, Tahomma, Geneva; text-shadow:rgba(0,0,0,0.2) 0 1px 0px; color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; margin-center:12px; float:center; padding:7px 21px; } .btnLogin : hover, .btnLogin::focus, .btnLogin : active{ background:#a1d8f0; background:-moz-linear-gradient(top, #7acbed, #badff3); background:-webkit-gradient(linear, center top, center bottom, from(#7acbed), to(#badff3)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')"; } .btnLogin:active{ text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; } </style> <!-- Start of Message Alert --> <!-- Use this button in a form to pop-up a message when the user clicks it --> <center> <form> <input type="button" value="Message" class="btnLogin" onClick="alert('Visit www.www.matrixar.com for more blogger widgets'); return true"> </form> </center> <!-- End of Message Alert -->

 

 

• Replace Message it with your button name.

 

• Replace Visit www.www.matrixar.com for more blogger widgets with your message

 

 

 

Live Demo: 

 

 

 

 

 

 

Leave a comment……………….

 

2013, By: Seo Master

Seo Master present to you:

Friends,Now i share Read More hack for Blogger with automatic Thumbnail creator script which will automatically create excerpts of blogger posts and with a thumbnail. It is help to decrease your page load time.

 

 

• Go to Blogger Dashboard.

 

• Click on DropDown Menu and select Template.

 

• Backup your Template before making any changes to your blog.

 

• Now Click on Edit HTML --> Proceed --> Expand Widget Templates .

 

• Press Ctrl + F and find </head> tag.

 

• Copy the code shown below and paste it Before/above </head> tag.

 

<span id="preservef1239e3ceee443a8b3f0dc7d0a37843c" class="wlWriterPreserve"><script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a,b){if(a.indexOf("<")!=-1){var s=a.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}a=s.join("")}b=(b<a.length-1)?b:a.length-2;while(a.charAt(b-1)!=' '&&a.indexOf(' ',b)!=-1)b++;a=a.substring(0,b-1);return a+'...'}function createSummaryAndThumb(a){var b=document.getElementById(a);var c="";var d=b.getElementsByTagName("img");var e=summary_noimg;if(d.length>=1){c='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+d[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var f=c+'<div>'+removeHtmlTag(b.innerHTML,e)+'</div>';b.innerHTML=f} //]]> </script></span> <span id="preservef290a38e0c4748028d0fb91322445e80" class="wlWriterPreserve"><script type='text/javascript'> summary_noimg = 550; summary_img = 450; img_thumb_height = 150; img_thumb_width = 200; </script></span>

 

• Now find <data:post.body/>

 

• Replace it with the code shown below.

 

<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/> </div> <span id="preserve0a3806fe2046486c9acd4c85269fca84" class="wlWriterPreserve"><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></span> <div style='clear: both;'/> <span class='rmlink' style='font-weight:bold;padding:6px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more</a></span> </b:if> </b:if>

 

• Now save your template.

 

 

 

 

 

Are you happy???????????……………………….

2013, By: Seo Master