April 13, 2014

Five Simple and Best Blogger Store Without Cart

This five simple and best Blogger store without cart build from standard Blogger template which modified, and its look clean and also simple for online store template or online shop template. Below I list five template without cart that free to download, the template are:

1.  Jaketgue Blogger Store Template

jaketgue blogger store template

2.  FromWatermark Blogger Store Template

fromwatermark blogger store template

3.  Black and White Blogger Store Template

black and white blogger store template

4.  The Green Simple Blogger Store Template

the green blogger store template

5.  Slebor Blogger Store Template

slebor blogger store template

That's it and Thank you

Four Steps to Clean Up Virus and Malware

Virus is malicious software which annoying, virus also hide your file or even damage it, but for me some worm and trojan is a kind of malicious software which really annoys, because worm or trojan can disturb my operating system and I hate to reinstall my computer, the most sucks is, it can create backdoor and steal personal data and insert some adware program for the author benefit.

So, if you think your computer windows get virus and malware attack, follow below steps to clean it:

1. Detect malware with Rkill and Malwarebytes Anti-malware

Download Rkill from Bleeping Computer

Download Anti-malware Malwarebytes from Bleeping Computer

2. Scan and clean computer with Adwcleaner, this program will clean your windows system from malicious and adwaren software like hao123.client (you must remove them from control panel too), baidu pc faster, and some unwanted program.

Download Adwcleaner from general changelog Xplode

3.  Scan and remove malware, rootkits, rogues, worms and more with Roguekiller, this program can fix host hijacks, DNS hijacks, Proxy hijacks, registry hijacks and also fix Malicious Master Boot Record and Shortcut.

Download Roguekiller from Adlice

4. Remove malware with Combofix, run this software from your desktop, it is important and make your options folder show hidden file and folder, and also do not forget to disable your active scanner antivirus temporary before starting it.

Download Combofix from Bleeping Computer

This step is optional but I recommeded to run it, reset your browser to default setting, for Mozilla Firefox you can do this by click Help tab and Troubleshooting Information, then click Reset Firefox button, see image below:

For Internet Explorer and Chrome, find reset button inside setting in option menu, usually on the right top the browser, and also for others browser.

That's it four steps that useful for me to clean up some kind of malware and virus attacking, and to make your computer more clean and safety, install anti-malware beside antivirus, you can try with the free one from Malwarebytes Anti-malware or Anvi Smart Defender and some antivirus like Comodo or Microsoft Security Essential.

Thanks and Good luck.

March 9, 2014

Slebor Blogger Store Template 5 Column

Slebor Blogger Store Template
Hello everybody, how are you? Today this post about Slebor Blogger Store Template which originated from Simple Blogger Template, I make some modification to get this template have grid layout for product store.

As usually, this is a simple blogger store template and do not have a shopping cart for online pay, but if you need it for your online store, you can insert simplecart.js to meet your requirement.

Before you download this template and implemented this for your blogger store template, there are several things that must be done.

First, this very important, backup your old template, after that go to Layout menu on Dashboard and click Blog Posts Gadget, set number of post on main page = 9, then remove checklist on combo date post page options.

Second, use below code as your post template, and setup your image at least have width: 400px and height: 500px or make your image have looking display:

<table border="1" style="width: 100%;"><tbody>
<tr><th width="60%"><div class="separator" style="clear: both; text-align: center;">
<img border="0" src="YOUR-PRODUCT-IMAGE-URL" height="300" width="95%" /></div>
</th><td style="text-align: center;"><span style="font-size: large;"><a href="YOUR-BLOGSPOT-URL/p/order-form.html" target="_blank">Order Now</a></span></td></tr>
<tr><th>Product Name</th><td>Product Code / Product Name</td></tr>
<tr><th>Price</th><td>$ 00.00,-</td></tr>
<tr><th>Description</th><td>Product Description</td></tr>

Third, make some adaptation for your blog store, like popular post widget, recent post widget and all widget which you need to display.

I hope this can be useful for who need it, left a commnet if you meet some problem when implemented this Slebor Blogger Store Template. and thank's to visit.

I think that's it some several things that you have note, below is demo and download link:

Demo and Download

February 19, 2014

Blogger Javascript Syntax Highlighting Code

Sometimes, when you put syntax code like php, css, or even javascript, you need highlight your syntax in your blog, so people could read it easily and simply to copy and paste the code you are sharing to reuse by them. Syntax highlightingr also make your code beautiful and easy to read.

There are some syntax highlighting javascript code that you can find from search engine, but for me, I only using two of kinds of  syntax highlighting, there are Alex Gorbatchev syntax highlighter and simple code snippet syntax use <pre> tag, the last one is used in my blog here.

Below is <pre> tag syntax code which use here:

<pre style="background-color: #f7e3ad; color: black; font-family: verdana;
font-size: 12px; height: auto; line-height: 20px;
overflow: auto; padding: 0px; text-align: left; width: 99%;">

Above <pre> tag will make automatic scroll when your have long syntax on right direction, and you also change background color and also other configuration as you wish, It is simple highlight syntax.

But Alex Gorbatchev syntax highlighter is my favorite syntax highlighting, to use it you can choose to running it from your web or use cdn on discoverer website, see image below how syntax highlighter running :

Blogger Javascript Syntax Highlighting Code

To use it, you need add this code below before </head> in Edit HTML Blogger Template:

<link href='http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushPerl.js' type='text/javascript'></script>

<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/clipboard.swf';

Watch code end with shBrushxxx.js, this will highlight accordance your syntax code (csharp, cpp, css, etc), and to display it on your post, use <pre> tag below:

<pre class="brush: csharp">
put your syntax here......

Another Blogger javascipt syntax highlighting which you can try are:

SHJS - Syntax Highlighting in JavaScript
Google Code Prettify
Rainbow Javascript 

Thats's is, I hope these can helpful.

February 2, 2014

Is Link Directory Submission Important For Build Backlink?

backlink building with link directory

A few years ago building link with link directory is a good way to make your site have higher rank, but this time I suggest on this issue, everything has changed a lot over the past year. Even a few years back, me personally was very active doing some submission to building back links, but for this time, I am very rarely to do that.

In terms of link building , I did a lot of mistakes, actually there are general rules that must be observed in that regard, which is to ensure build a normal high quality links with the same speed as the others , I think I was too fast in building the link, and my result is getting decrease in page rank by Google.

These days , it's still okay to build a link directory , but I recommend doing it only with directories related to your website category or niche, in general directories, for me personally, it's best to stay away from them, but you can submit to them if there are in good rank and have quality category, maybe like dmoz.org or some others.

Try to build a natural link, because I am also get a lot unnatural link from my was submission, this bad for SEO, so stay away from unnatural link. And also stay away from paid link building.

This below is some link directory website which provide free submission from internet, you can choose which one is appropriate to your blog or website, and they have high PR between 9 to 6 :
  • scirus.com Scientific Directory is had PR.9 but they retire on Jan 2014.
  • boingboing.net Directory of Wonderful Things, PR.8
  • vlib.org General Directory. PR.8
  • dmoz.org General Directory, PR.7
  • envirolink.org Science and Technology Directory, PR.7 
  • musicmoz.org Music Directory, PR.7
  • lanic.utexas.edu Latin American Directory, PR.7
  • vos.ucsb.edu Arts Web Directory, Pr.7
  • thomasnet.com Industry's Companies Catalog Directory, Pr.7
  • artSchools.com Art School Directory, PR.6
  • femina.com Women's Directory, PR.6
  • webdirectoryhealth.com Health Directory, Pr.6
  • worldweb.com Travel & Tourism Directory, PR.6
That's it, enjoy and thanks.

January 9, 2014

FromWatermark Blogger Store Template

FromWatermark Blogger Store Template

Hello again, this is a blogger store template made in the new year celebration. Yup I modify watermark template on list of blogger default template when new year came a few days ago. So, I call the template FromWatermark Blogger Store Template.

This template is 2014 blogger store template and as usually I am not include cart inside it, but you can insert it with simplecart.js and use paypal for pay transactions if you think that's it important thing for you. In this article I am not show you how to insert simplecart.js to used in this template, this only about simple blogger store template.

Below Here is Demo Link and Download Link :

Demo and Download Link

After Download, upload it to your Blogger Template menu, and before it, is better backup your template first. Now go to Layout , then click Blog Posts, set Number of post on main page to 12  and uncheck  date options, time, and post by text, see image below and watch black arrows:

FromWatermark Blogger Store Template - Blog Posts

To make FromWatermark Blogger Store Template display like on demo site, you must use this post-template below to publish your product on post:

<table border="1" style="width: 100%;"><tbody>
<tr><th width="50%"><div class="separator" style="clear: both; text-align: center;">
<a href="YOUR-PRODUCT-IMAGE-URL" imageanchor="1" >
<img border="0" src="YOUR-PRODUCT-IMAGE-URL" height=100% width=100% /></a>
<td style="text-align: center;"><span style="font-size: large;">
<a href="YOUR-BLOGSPOT.blogspot.com/p/order-form.html" target="_blank">Order Now</a></span></td></tr>
<tr><th>Product Name</th><td>YOUR-PRODUCT-CODE-OR-NAME</td></tr>

You must adjust word which mark in blue as your blog URL or website condition, and create order form with blogger static page, if you never know how to deal with it, see my post here:


Thank You,

January 3, 2014

Related Post Blogger With Thumbnail Inside Box Shadow

Related Post Blogger With Thumbnail Inside Box Shadow

In this article I will show you how to create related post blogger with thumbnail inside box shadow, and final result look like the image above and this related post also show which post is related to the article being read.

First you must log-in to your blogger Dashboard, and go to Template then click Edit Html, scroll down and find </head> , copy this code below before it:

<!-- Related Posts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
margin: 10px 0px !important;
background-color: #9cd37b; //this is color insinde box shadow
background-image: -moz-linear-gradient(#9cd37b, #fff); //change shadow color as you like
background-image: -webkit-gradient(linear, left top, left bottom, from(#9cd37b), to(#fff));
background-image: -webkit-linear-gradient(#9cd37b, #fff);
background-image: -o-linear-gradient(#9cd37b, #fff);
background-image: -ms-linear-gradient(#9cd37b, #fff);
background-image: linear-gradient(#9cd37b, #fff);
height: 220px;
padding: 0px !important;
box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.7) !important;
border-radius: 5px 5px 5px 5px;
#related-posts h2{
margin: 2px !important;
padding: 10px !important;
color: rgb(255, 255, 255);
font-weight: normal;
text-transform: capitalize;
background-color: rgb(8, 83, 246);
border-bottom: 1px solid rgb(0, 0, 0);
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-color: #111; //this is color inside box title
background-image: -moz-linear-gradient(#9cd37b, #111); //change this color if you want
background-image: -webkit-gradient(linear, left top, left bottom, from(#9cd37b), to(#111));
background-image: -webkit-linear-gradient(#9cd37b, #111);
background-image: -o-linear-gradient(#9cd37b, #111);
background-image: -ms-linear-gradient(#9cd37b, #111);
background-image: linear-gradient(#9cd37b, #111); 
#related-posts a{
color: black;
font-family: verdana!important;
margin: 10px 0px 10px 10px !important; 
#related-posts a:hover{
margin: 10px 0px 10px 10px !important;
#related-posts img{
border: 1px solid #666 !important;
padding: 1px !important;
width: 80px !important;
height: 70px !important;
margin-right: 15px !important;
overflow: hidden;
#related-posts img:hover{

<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Products:&quot;;
<script src='https://dl.dropboxusercontent.com/s/w0bkbshffc1hz0q/related_posts_with_thumbnail.js?dl=1&amp;token_hash=AAH-3GpOoevEA2SkYo_hC7uCeDHPKqQlL1SNN554Qfa3uw' type='text/javascript'/>
<!-- Related Posts End -->

To get what color you want inside box shadow, adjust all the code which labeled in blue color, of course you must preview it to get the best result and don't forget to adjust max-results as you like (recommended four or five post)

Second, still in the same menu, find code below:

<div class='post-footer-line post-footer-line-1'>

You will find more than one code, and paste this code below after the second code, why? because this is work for me

<!-- Related Posts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=4&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
</div><div style='clear:both'/>
<!-- Related Posts End -->

That's it how to create related post blogger with thumbnail inside box shadow, leave a comment if you got some problem to implement this. Good luck and thank you.