sempel logo opak goyang lidah

Read more »

Catalogspot - Shopping Cart Blogger Template

Catalogspot - Shopping Cart Blogger Template

Hallo, Perkenalkan Catalogspot Shopping Cart Blogger Template, atau Toko Online adalah sebuah template Blogger shopping cart kedua yang saya buat untuk anda, yang mempunyai sebuah bisnis baik kecil ataupun besar, untuk menampilkan barang dagangan anda di internet dan murah.

Dengan Catalogspot Blogger Template, ini para pengunjung yang ingin membeli barang anda akan dibawa langsung ke Paypal untuk membayar barang yang mereka inginkan dari blog anda. Mudah, aman, dan murah. Untuk fitur dari template silahkan anda langsung klik live demo Catalogspot Blogger template ini :

Live Demo       Download

Jika anda berminat menggunakan template ini silahkan download langsung, dan berikut adalah cara optimasi Catalogspot Blogger Template ini.

Cara Intall Template

Untuk cara instal itu simpel.

1. Unzip file Catalog blogger template yang sudah anda download
2. Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
3. Buka file XML Catalogspot dengan HTML Editor seperti Notepad++ untuk Windows atauextWrangler untuk Mac.
4. Lalu Copy semua kode template dan Paste kedalam EDIT HTML Blogger
5. Klik Save Template

Setting Checkout

Untuk setting Paypal akun anda harus ke EDIT HTML lalu temukan kode berikut :

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
SIMPLE CART SETTING
-----------------------------*/
  
  simpleCart({
    checkout: {
      type: "PayPal", 
      email: "joko-you@yours.com"
    }
  });
  
//]]>
</script>

ganti alamat email dengan alamat email akun paypal anda.

Format Post

Untuk Template ini, setiap posting atau entry harus menggunakan format post yang tersedia, agar template ini bekerja dengan maksimal.

<div class="item_image">
<img border="0" class="item_thumb" src="Your_Image-Url.jpg" /> 
<span class="item_price">$0.00</span>
</div>
<div class="item_Description">
Some text for description your item here! 
</div>

Yang perlu diganti adalah gambar sebagai preview dari item anda, harga item dan deskripsi dari item anda. setelah anda mengganti semuanya anda copy kode dan paste di post editor, klik tobol HTML di sebelah kiri atas post editor sebelum anda masukan kode diatas. dan pastikan juga lebar gambar lebih dari 700px

Membuat Halaman View Cart

1. Buka halaman PAGES di dasboard Blog anda,
2. Klik New Page Lalu Klik New Blank
3. Setelah Post editor terbuka klik HTML dan copy paste kode berikut
   

   <div class="simpleCart_items"></div>
   

4. Terkhir Klik tombol Publish

Dan terakhir adalah Menu navigasi, kodenya ada di kode template, cara merubahnya gampang kok, saya anggap anda bisa deh ya haha, kalau ada pertanyaan silahkan komentar saja dibawah. Demikian mudah kan?!.

PS : ada yang lupa saya, haha, untuk fitur post itu masukan saja salah satu nama label aatau katagori dari blog anda, kedalam widget dengan judul Feature Post,

Read more »

Purwakarta Blogger Template

Assalamu’alaikum,, selamat malam,, setelah kemarin saya membagikan sederhana blogger template , sekarang saya akan membagikan Purwakarta Blogger Template. Seperti biasa template loefa-cebook, menampilkan poular post pada homepage sebagai ciri khas dari templatenya.

DEMO DOWNLOAD

Untuk setting templatenya, anda hanya perlu menyetting menu navigasi, tombol social media, dan widget feature.

Setting Menu Navigasi Purwakarta Blogger Template

Untuk setting menu navigasi silahkan anda masuk ke EDIT HTML pada blogger, setelah itu cari kode berikut :

  
<ul id='nav-m'>
<li><a href='http://mydummys.blogspot.com/search/label/adipiscing' title='adipiscing'>Wilujeung</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='http://mydummys.blogspot.com/search/label/facilisis' title='facilisis'>Sumping</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='Css Menu'>Sama</a></li>

<li><a href='#' title='Only Css Menu'>Selamat</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='Css Menu'>Datang</a></li>
<li><a href='#' title='Css Menu'>Inggrisnya</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='Css Menu'>Welcome</a></li>
</ul>

Ganti text berwarna biru dengan link lebel blog anda, dan text yang berwarna ungu dengan nama lebel blog anda.

Setting Sosial media Purwakarta Blogger Template

Untuk tombol social media berikut adalah kodenya, anda tinggal copy+paste pada widget Sosial media yang terletak bersebelahan dengan Header.

  
<ul class="tt-wrapper">
    
    <li><a class="tt-twitter" href="#"><span>Twitter</span></a></li>
    <li><a class="tt-yahoo" href="#"><span>Yahoo</span></a></li>
    <li><a class="tt-facebook" href="#"><span>Facebook</span></a></li>
    <li><a class="tt-rss" href="#"><span>Rss</span></a></li>
    <li><a class="tt-mspace" href="#"><span>My Space</span></a></li>
   </ul>

Pastikan sebelum anda coy paste anda telah menggan ti linknya, dengan link akun anda.

Setting widget Feature Purwakarta Blogger Template

Widget feature ini maksudnya adalah sebuah potongan catalog untuk blog anda, berikut kodenya anda bisa copy paste pada widget HTML/JAVASCRIPT.

  
<ul>
<li>
<span class="item-title"><a href="http://mydummys.blogspot.com/2012/02/sem-id-luctus-fermentum_24.html">Sekilas tentang Purwakarta</a></span><br/>
<span class="item-snippet">Pellentesque nec eros mi sed ultricies tellus vel odio pellentesque non congue enim auctor. Fusce fermentum, magna non commodo fringilla, pu...</span>

</li>
<li>
<span class="item-title"><a href="http://mydummys.blogspot.com/2012/02/sem-id-luctus-fermentum_24.html">Kami siap Melayani</a></span><br/>
<span class="item-snippet">Pellentesque nec eros mi sed ultricies tellus vel odio pellentesque non congue enim auctor. Fusce fermentum, magna non commodo fringilla, pu...</span>
</li>
<li>
<span class="item-title"><a href="http://mydummys.blogspot.com/2012/02/sem-id-luctus-fermentum_24.html">Layanan Pesan Antar</a></span><br/>
<span class="item-snippet">Pellentesque nec eros mi sed ultricies tellus vel odio pellentesque non congue enim auctor. Fusce fermentum, magna non commodo fringilla, pu...</span>
</li>
</ul>

Jika anda , mengalami kesulitan dalam menyettingnya, anda bisa menghungi saya di facebook, twitter, atau melalui form contact yang telah tersedia, dan juga komentar dibawah. dan terimakasih telah berkunjung,mohon maaf bila ada salah kata. salam

Read more »

Empat-Lima Blogger Template

Assalamu’alaikum,, apa kabar rekan-rekan sekalian, sehat? Posting kali ini loefa-cebook ingin memperkenalkan template blogger baru dari loefa-cebook. Template kali ini template spesial untuk anda pengunjung loefa-cebook. :D,

Template ini saya rancang sedemikian rupa agar memiliki homepage, lebels page, dan static page berbeda, layaknya website professional. Untuk melihat demo silahkan mengklik tombol demo template.

 Demo         Download 

 Ok, bagi anda yang ingin memasang template ini untuk tampilan blog anda, anda gratis mendownloadnya. Jika anda sudah mendownloadnya silahkan extact file winrar dan baca instruksi cara uploadnya di file ReadMe.txt Setelah template di upload, anda siap untuk mengeditnya, berikut caranya.

Mengganti gambar logo template

Untuk mengganti gambar logo, pada edit html template blogger, anda cari link gambar logo-nya dengan menggunakan CRTL+F, berikut adalah link yang harus anda ganti.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj62JH70kh82pn_JAIuVDBhCBGxcsZrtIaDdyukAFH5OOQ32bDpU-_bFQkb3n6fDfQMc0jxEyurd2vh3xY9Vbwm2tzhkrAfXcxENA81TfeI7K1lW8eJoYzqOJomgh9jYga97v0MroyeQ/s1600/logosample.png 

silahkan anda ganti link ini, dengan link gambar logo blog anda. Logo ini berukuran 200x50px.

Setting menu navigasi

Untuk menu navigasi yang ada diatas samping kanan, anda tidak perlu repot-repot lagi mengedit dan memasukan link-link halaman, karena ini merupakan widget pages blogger, anda hanya perlu membuat sebuah halaman statis blogger, untuk halaman about, contact, dan lainnya. Dengan begitu menu navigasi ini akan terisi otomatis .

Menambahkan slide show di Homepage

Untuk menambahkan slide show dihompe pada Empat-lima blogger template ini, anda bisa memasukan kode berikut pada widget HTML javascrpt dengan judul “Slide”

<div id='slideshow'>
<ul>
<li><img alt='slide4' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTosCKy8YZNTpNe9HwuxO45o7NZomxLSsYk2RW6K3nFitqJRhZtQUwadxe8NvqDeAfm0ggcKmBLoVDZ-HTlEJyPdJhqxkMgzq4sLV7DchK85xAqNM1PdCuOU5RJthSA0e4c9zxdo-PSg/s1600/s4.png'/></li>
<li><img alt='slide1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg40SxASgV01Pe0-0lQzgf2V2hD12-OaayCIPASCnPezvh4Vf9v9xP5KAeqXSFaQxM8xR3-CF1YEJbAMHJeaN66lg_vpYvRbGGoe1iu0qNDZsTYtkVWNx5l75zmmpfZjG5J5d8J1_OYkA/s1600/s1.png'/></li>
<li><img alt='slide2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_Whz_c_YbsfUHk08VpQu8FO5b54Wcy-AncYH0X1WXkPwtY1WjGFFWyaJz-l0ceG0qMhdZlMm4bY7w8UGLFX4SArG-WQHKwoFMTZ05IYNwDPOUoUQ9RR_2Gv5UhPvx5QFMAK-VVbYqw/s1600/s2.png'/></li>
<li><img alt='slide3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg682w7A1LiZF7T7Y_z9rU7WP3oUDfsrVJRLtD5XEtWJdCqdIaNNzQ8Quo9h_Z-DptD_Mi-Z5YJ_VH9sH-EK3d3Xho4qFeEGrGRSChQZh5QT5Tbqs7tpk9xyufGgp3PyhsAMqCfrDd4rg/s1600/s3.png'/></li>
</ul>
<div class='contin'>Premium Blogger template <b>Modern web style</b>,It's For Free!<br/>
<a href='#' title=''>Download Now!</a>
</div>   
</div>

Selanjutnya untuk menyesuaikan gambar, anda tinggal mengganti link gambar yang ada dengan link gambar milik anda, ukuran gambar slide adalah 1000x526px.

Setting Twitter tweet

Untuk mampikan tweet akun twitter anda, silahkan anda masuk keedit html, lalu cari tweet ticker start, jika menemukannya, anda ganti username saya dengan username twitter anda, untuk manampikan lebih banyak tweet, anda rubah angka 3 menjadi jumlah tweet yang diinginkan. Eg.10.

 username: "abdil_latif", 
 count: 3, 

Subscribe widget

Masukan kode berikut ini pada widget html/javascript dengan judul subscribe,

<div id='loefa-sub'>
<p>Get the latest articles by email, simply by entering your email address on the form below: </p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=loefa-cebook', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input class='mail' type="text" name="email"/></p><input type="hidden" value="Loefa-cebook" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class='btns' type="submit" value="Subscribe" /></form>
<ul>
<li class='facebook'><a href='#'>Facebook</a></li>
<li class='twitter'><a href='#'>Twitter</a></li>
<li class='rss'><a href='#'>Rss</a></li>
<li class='delicious'><a href='#'>Delicous</a></li>
<li class='buzz'><a href='#'>Google Buzz</a></li>
</ul>
</div>

Jangan lupa mengganti Id feedburner saya dengan id anda, jika anda tidak tahu id anda, silahkan masuk ke http://feedburner.google.com , untuk melihatnya

“Sponsor Logo” widget

Berikut kode widgetnya :

<p>Here you can put the logos of sponsors or sites that might be friends with your blog, it's cool like html 5 professional sites :D</p>
<ul id="mb_imagelist" class="mb_imagelist">
<li><a href='http://loefa-cebook.blogspot.com' taret='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGzIJo6wHF-HuHUDaaxRf-ohpYbVeUSYefa3hq43GMv-evGdz2kS4BsI88mkUyyEPMimALIChj99yUq0McbrxxLfHEnQvCz7ZWTVV2WOLFhh4axBN4lJ0iOG5vh16hsYmV0ywRpr6_lA/s1600/blogger.png" alt="image1" /></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxvzSzYwh_dVhC57t4xVjVk0fBLwOYaWoyqy34tPpG2zKuudQI6RkNul8cw-ayuul-1JelyJ9Y4triL5ABGJkKmhwQ3RfUDMGE-FDKV2FuZHkgc2WSbaQNA6ggKN-ztXtiTR8MaZC4qA/s1600/google_logo.png" alt="image2" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigfoyYjIvntcwJd5qHtGa8EzIGFg7uA3J4jGaVHIsk2MHkDDbzEX-Q4tNoFviWm-KgU34fglVSWHAHSg0Recc37-Ma3ZGJmQrNOQ9NMBB3BKQOMWkjTp3pf3ALx9hvDqHc0OfCuuKZsg/s1600/loefa-cebook.png" alt="image3" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ90PajW2XEdwX6PeI8fpHbHVZjOPLdoCSmu60i0x-AIKghPIWqIIUObluTnBRERN78iLHdG8vfVRFGJwjXZbdj0t01GVVThF6wZUg3MqTLIg5iHedMVM3NmMdFGadme-Tpod1aO_4ZQ/s1600/logo-apa-aja-boleh-lah.png" alt="image4" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07VW47GhWMhUTA5CfBxed8UKZoINqx5FIQmpIGgFAOa0Z30Gfm1MHBDtv61Q2a_CNUpNzcMnmyK27Pt8MBX7c-8AJiTuk5aPRJrjQ7Bp7qeh2_TCN1yY3IlfZp3o64i2dMwV6iamz3g/s1600/sponsor-logo.png" alt="image2" /></li>
</ul>

Disini, silahkan ganti seluruh link gambar, dengan dengan link gambar anda, ukuran gambar 150x80px. Demikian semoga template ini bermanfaat. Semoga Template Blogger ini bermanfaat dan erimakasih telah berkunjung

Read more »

Kios Empat Lima Blogger Template

Assalamu’alaikum, eu… langsung saja deh pada intinya, perkenalkan template blogger baru dari loefa-cebook, template ini adalah versi kedua dari Empat-Lima Blogger template, dan template ini merupakan template blogger untuk toko online.

Karena ini merupakan versi kedua Empat-lima blogger template, jadi desainnya tak jauh berbeda dengan sebelumnya, hanya saja di Kios Empat Lima blogger template ini memiliki 3 kolom di halaman artikel dan halaman lebel , dan satu kolom di homepage dan static page. Untuk lebih jelasnya silahkan melihat demo templatenya langsung.

 Demo             Download 

Untuk anda yang berminta memakai Kios Empat Lima template blogger, silahkan download langsung, kerena gratis. Setelah didownload silahkan ectrack file winrar yang anda dapatkan, dan baca readme.txt untuk cara upload template ke blogger. Jika proses upload sudah selesai, anda tinggal menyesuaikan setting templatenya. Berikut caranya. 

Setting metode checkout

Ada dua pilihan metode untuk checkout, anda bisa mengarahkan checkout ke Paypal, atau ke google checkout,. Untuk paypal Silahkan anda cari “paypal” menggunakan CTRL+F, dang anti alamat email dengan alamat email akun paypal anda. Kodenya terlihat seperti berikut: 

checkout: { 
        type: "PayPal" , 
        email: "YOUR_EMAIL@GMAIL.COM" 
    },

Untuk Google Checkout Silahkan anda ganti type dan email dengan kode ini 

        type: "GoogleCheckout" , 
        marchantID: "XXXXXXXXX" ,
        method: "POST"

Jangan lupa ganti juga “XXXXXXX” dengan marchant Id google checkout anda. Jika sudah selesai anda tinggal save template bloggernya dan tes. :)

Setting halaman cart list

Fungsi dari halaman cart list ini adalah untuk menampilkan daftar barang yang sudah dipilih pengunjung blog anda, meraka dapat melihat barang apa saja yang sudah dipilih dihalaman ini, di halaman ini juga pengunjung blog anda dapat mengedit barang-barangnya sebelum checkout dilakukan , bisa ditambahkan atau dikurangi jumlahnya, atau juga dihapus karena mereka tidak membutuhkannya.he

Untuk settingnya, anda tinggal membuat sebuah halaman statis pada blogger dengan mengklik “pages” lalu klik new page dan setelah itu pilih blank page, jika halaman sudah terbuka penuh, klik HTML dan silahkan anda copy paste kode berikut kedalamnya. 

<div class="simpleCart_items"></div>

Selanjutnya anda tinggal klik tombol “Publish”. Selanjutnya anda ganti link berikut http://kios-empat-lima-bloggertemplate.blogspot.com/p/cart.html dengan link cart page anda, link ada di edit html template blogger, anda tinggal mencarinya menggunakan crtl+f agar lebiih cepat. 

setting slide show di homepage

Untuk slide show anda tinggal memaukan kode html berikut ini pada widget dengan judul “slide” 

<div id='slideshow'>
<ul>
<li><img alt='slide1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEYkVRYHzbBRXBX6yIo83CchTCq4RadA0oZJUIRU9UfwuX1SgltYOgFGn5WG1-wT_P0jucCr4OK2yoC87G0RzLE0i-VkROcgIRBm2YGUYSpVx1RG2izXI9-etGvfCvKYLfBcxLr7B3w/s1600/s1.png'/></li>
<li><img alt='slide2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMlIF1DEVxatC6plCwUQip2WtZdKzQHKbZaIVfF0y6XGBgbnO-RNnXpsm446j9RUzSB6hEzcEV6NP8Z2uz3xKg4PAUnWfQM2IEumb56Q2O4OTde1vP9l5qOQBB7H0vrdUjJngSuXCTOg/s1600/s2.png'/></li>
<li><img alt='slide3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3HVn29a3iiuO8xJqC7FyWxEGYNpHAjm-DBYqFfMjPhyphenhyphenxfv306C795_Md95vgwIr9e_cJrxRFDHfGeAgjDry8w-5crQ1V1FgJA8qptoDG0DWs1LveL_DeIQUWrgODcL2ygWbGlWp8vKA/s1600/s3.png'/></li>
</ul>
<div class='contin'>Simple <b>shopping Cart</b> 
For Blogger!<br/>
<a href='#' title=''>Download Now!</a>
</div>   
</div>

Ukuran gambar dislide ini adalah 1000x526px. 

Cara mem-posting artikel

Untuk memposting setiap barang yang anda tawarkan, cara seperti biasa anda menulis saja, namun tambahkan kode html berikut tepat dibawahnya, 

<div class="simpleCart_shelfItem">
<table border="0">
  <tbody>
<tr>
    <td width="32%">Item ID </td>
    <td width="68%">:&nbsp;<b class="item_name">Item Name</b></td>
  </tr>
<tr>
    <td>Quantity</td>
    <td>: <input class="item_Quantity" type="text" value="1" /></td>
  </tr>
<tr>
    <td>Price </td>
    <td>: <span class="item_price">$12.00</span></td>
  </tr>
<tr>
    <td></td>
    <td><a class="item_add" href="javascript:;"> Add to Cart </a></td>
  </tr>
</tbody></table>
</div>

Yang harus anda rubah adalah nama item, dan harga. Begitu saja saya kira sudah jelas ya. Hehe jika da yang di tanyakan anda dapat berkomentar, untuk blogger template ini saya ucapkan terimaksih banyak pada http://simplecartjs.org , ini adalah situs hebat dibalik template ini, yang telah menciptakan javascript simpleCart.

Kios Empat Lima Blogger Template V.0.2 
Update : 22 May 2013 
donwload

Read more »