Blur Store - The Best Gadget Store

Online shopping from the earth's biggest selection of gadget and just about anything else.

Blue Amazon Store

Blue Amazon Store









TEMPLATE FEATURES
 Platform TypeBlogger / Blogspot
 Template NameBlue Amazon Store

  Descriptions

  • Using CSS3 code.
  • Using the support Image Sprites.
  • Using the support Image Map.
  • Light load.
  • Using techniques compress xml.
  • Meta tags are automatic.
  • Supports h1, h2, h3, h4 a dynamic (changing).
  • Application of the correct breadcrumbs according to Google Web Master.
  • Rating and Review of automated support in every post. (Although it's not like wordpress plugin but for the structure is correct according to Google Web Master).
  • Support our navigational script.
 Template Author
bloggerblur

 Designer

bloggerblur
Properties
Share / Save / Like

kETERANGAN

Page Elements



Edit Template
1.      Edit Meta Tag
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<title><data:blog.title/> - The Best Gadget Store</title>
<b:else/>
<title><data:blog.pageName/> - BlurStore&#8482;</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='Online shopping from the earth&apos;s biggest selection of Gadget, Electronics &amp; Computers and just about anything else.' name='description'/>
<meta content='Online Shopping,TV,Video,Home Audio,Theater,Camera,Photo,Cell Phones,Accessories,Video Games,MP3 Players,Accessories,Car Electronics,GPS,Appliances,Musical Instruments,Laptops,Tablets,Netbooks,Desktops,Servers,Computer Accessories,Peripherals,External drives,mice,networking,Computer Parts,Components,Software,PC Games,Printers,Ink,Office,School Supplies' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta expr:content='&quot;List of products in &quot; + data:blog.pageName + &quot; at BlurStore™&quot;' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot;Buy Now &quot; + data:blog.pageName + &quot; and get more bonuses at BlurStore™&quot;' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<meta expr:content='&quot;Page information updated about &quot; + data:blog.pageName + &quot; at BlurStore™&quot;' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='index,follow,noodp,noydir' name='robots'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='en' http-equiv='content-language'/>
<meta content='United States' name='country'/>
<meta content='Blur Store™' name='author'/>
<meta content='Blur Store, All Rights Reserved' name='copyright'/>
 
 


























           Penjelasan :
-         Warna Biru : Meta Tag yang akan digunakan atau ditampilkan pada halaman beranda, kategori, halaman berikutnya, dan halaman pencarian.
-         Warna Hijau : Meta Tag yang akan digunakan atau ditampilkan pada halaman arsip.
-         Warna Ungu : Meta Tag yang akan digunakan atau ditampilkan pada halaman artikel atau posting.
-         Warna Kuning : Meta Tag yang akan digunakan atau ditampilkan pada halaman statis.
-         Yang perlu Anda sesuaikan adalah yang diberi warna berbeda. Sesuaikan agar dapat lebih nyambung dengan judul tiap halaman karena akan secara otomatis tergabung dengan judul tiap posting atau judul halaman.

2.    Edit Logo dan Gambar yang digunakan dalam css.
Sebelumnya perlu diingat bahwa tehnik yang digunakan dalam kode css pada template blogger yang ini sebagian menggunakan kode image sprite dan sebagian menggunakan kode CSS3 jadi perlu diperhatikan dengan lebih serius dikit. J

#header-wrapper{background:#659cef;height:48px;margin:0 auto 5px;padding:0;border:5px solid #325fb8;border-top:0}
#header-wrapper h1,#header-wrapper h3{width:122px;margin:0;padding:0}
#header-wrapper h1 a,#header-wrapper h3 a{width:122px;height:48px;padding:0;margin:0;background:url(https://lh4.googleusercontent.com/-bT14ELbJfUQ/TwrO9BKZNOI/AAAAAAAAAIY/C0Hx99UApLA/s403/img-sprites.jpg) no-repeat -0px -187px;display:block}
#header-wrapper h1 a span,#header-wrapper h3 a span{display:none}
#header-wrapper h2,#header-wrapper h4{color:#999;font-weight:normal;font-size:10px;text-indent:-9999px}
 
 













3.      Edit Header Wrapper
Warna merah adalah kode atau text yang perlu diubah atau disesuaikan.
<div id='header-wrapper'>
<form action='/search' id='searchThis' method='get'>
<input id='searchBox' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search...&apos;;}' onfocus='if (this.value == &apos;Search...&apos;) {this.value = &apos;&apos;;}' type='text' value='Search...'/>
<input id='searchButton' title='GO' type='submit' value='GO'/>
</form>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h1><a expr:href='data:blog.homepageUrl' title='Blur Store - The Best Gadget Store'><span>Blur Store - The Best Gadget Store</span></a></h1>
<h2>Online shopping from the earth&#39;s biggest selection of gadget and just about anything else.</h2>
<b:else/>
<h3><a expr:href='data:blog.homepageUrl' title='Blur Store - The Best Gadget Store'><span>Blur Store - The Best Gadget Store</span></a></h3>
<h4>Online shopping from the earth&#39;s biggest selection of gadget and just about anything else.</h4>
</b:if>
</div>
 
 



















                                                                                             



4.      Edit Footer
Warna merah yang perlu diubah atau disesuaikan.
<div id='footer'>
<span style='float:left;'>
Copyright &#169; 2011 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> All Right Reserved.
<br/>Blogger Theme by <a href='http://www.bloggerblur.com/' target='_blank' title='Bloggerblur - The Best Resource of Indonesian Blogger'>Bloggerblur</a>
</span>
<span style='float:right;'>
<a href='http://blurstore.blogspot.com/p/contact-us.html' title='Contact Us'>Contact Us</a> / <a href='http://blurstore.blogspot.com/p/privacy-policy.html' title='Privacy Policy'>Privacy Policy</a> / <a href='http://blurstore.blogspot.com/p/terms-conditions.html' title='Terms &amp; Conditions'>Terms &amp; Conditions</a>
</span>
<div class='clear'/>
</div>
 
 
















5.      Edit Widget

-         Untuk Title atau Judul pada widget/gadget tidak perlu diisi.
-         Untuk kode 3 menggunakan metode image map, bisa dibuat dengan bantuan Adobe Photoshop atau langsung bisa menggukan kode berikut ini:



<img src="https://lh5.googleusercontent.com/-TEWOuNUDf0Y/TwfejBdtJyI/AAAAAAAAABY/fedBjwkyN3g/s103/social.gif" width="103" height="16" border="0" alt="socialbookmark" usemap="#social" />
<map name="social">
<area shape="rect" alt="Email" coords="83,0,98,15" href="http://feedburner.google.com/fb/a/mailverify?uri=blurstorerss&amp;loc=en_US" target="_blank" title="Subscribe to Blur Store by Email" />
<area shape="rect" alt="RSS" coords="64,0,79,15" href="http://blurstore.blogspot.com/feeds/posts/default" target="_blank" title="Blur Store RSS" />
<area shape="rect" alt="Google+" coords="44,0,59,15" href="https://plus.google.com/u/0/b/104085812154598833119/" target="_blank" title="Google+" />
<area shape="rect" alt="Twitter" coords="24,0,39,15" href="http://www.twitter.com/BlurStore" target="_blank" title="Twitter" />
<area shape="rect" alt="Facebook" coords="4,0,19,15" href="http://www.facebook.com/BlurStore" target="_blank" title="Facebook" />
</map>
 
 
















                            

Ganti kode atau text yang berwarna merah. Sesuaikan dengan url masing-masing halaman jejaring sosial Anda.



Jumlah Yang ditampilkan perHalaman.
Template ini sudah menggunakan script halaman navigasi yang langsung diset untuk menampilkan artikel perhalaman adalah 6 artikel, jadi ada baiknya Anda melakukan seting terlebih dahulu pada seting blogger Anda agar menampilkan 6 artikel perhalaman. Namun jika Anda ingin mengubah script navigasi halaman tersebut, Anda cukup mencari kode script tersebut tepat  diantara kode
<b:include data='blog' name='google-analytics'/> dengan </body> tetapi Anda perlu decompress dulu scriptnya. J

Cara Posting Artikel
a.       Gunakan metode posting artikel dengan metode edit HTML






b.       Masukan kode berikut ini setiap melakukan posting artikel/produk jualan Anda.
<a href="URL untuk Artikel Anda (Anda akan mendapatkan url tersebut setelah melakukan publish artikel Anda.)" title=" Masukan Judul Artikel / Produk yang Anda tawarkan"><img src="URL Gambar" alt="Keterangan" width="300" height="200" /></a>
<h6> Masukan Judul Artikel / Produk yang Anda tawarkan</h6>

<ul class="morelist">
<li class="price"><a href="Masukan URL Afliasi produk Amazon Anda" title="See The Price">See The Price</a></li>
<li class="where"><a href=" Masukan URL Afliasi produk Amazon Anda" title="Where to Buy  ?">Where to Buy  ?</a></li>
<li class="reviews"><a href=" Masukan URL Afliasi produk Amazon Anda" title="Customers Reviews">Customers Reviews</a></li>
</ul>

<div id=descriptions>
Masukan penjelasan, review, keterangan produk dan sebagainya.
</div>
<div id="buttonbuy">
<a href="" title="Masukan Judul Artikel / Produk yang Anda tawarkan"><span>Buy Now</span></a>
</div>
 
 


















Ada baiknya Anda mengunakan ukuran gambar artikel atau produk yang Anda tawarkan dengan ukuran 300x200 agar terlihat rapi.