Thursday, 13 July 2017

Cara Pemesanan dan Pembayaran

Cara Pemesanan dan Pembayaran

Halo,

 Agan/Sis yang berminat membeli barang dapat dilakukan dengan cara berikut:

>  Cara Pemesanan

    1. Agan/Sist jika berminat ke salah satu/banyak barang bisa tanyakan langsung via   
        WA/Tlpn atau SMS silakan ke no 082240020893 / 085716848892 (bebas kapanpun   
        kecuali kalau lagi tidur(^_^))

    2. Kirim pesan jika pasti akan beli dengan format "CodeBarang_Warna_Jumlah" ke 
        nomor yang sama  082240020893 / 085716848892
        Contoh : JT1_Hitam_2

>  Cara Pembayaran

   1. Pembayaran dapat dilakukan ke no rek Bank berikut:
  •   BNI            No rek. 0221517880   a/n Elmiraz
  • MANDIRI    No rek. 117 0006 6439 69 a/n Elmiraz 
      Mohon jika melakukan pembayaran cantumkan tiga angka terakhir no telp Agan/sist. 
      Contoh jika Agan/Sist belanja sebanyak Rp 200.000 maka yang harus ditransfer 
      sebesar RP 200.892. Ini dilakukan untuk memudahkan pengecekan data transferan.

   2. Setelah melakukan pembayaran silakan konfirmasi dengan format sebagai berikut: 
       NamaBank_BankTujuan_Jumlah ke No 082240020893 / 085716848892
            
 
 

Alat Parse Convert Kode HTML Blogger

Alat Parse Convert Kode HTML Blogger

Gunakan alat parse html (parser / converter tool) untuk memparse atau mengkonversi script atau kode iklan Google Adsense atau Chitika, atau kode iklan lainnya untuk disisipkan di HTML template blogger agar iklan bisa tampil di halaman blog blogger anda.
Pastekan kode script iklan adsense di area parser/converter tools di atas, lalu klik pada kolom kosong dibawahnya. Maka kode iklan adsense yang telah diparse/convert akan tampil. Kemudian silakan dicopy kode iklan yang telah diparse dan tempatkan di HTML template anda.

 CLICK HERE

Sumber : http://juragancipir.com/alat-parse-convert-kode-html-blogger/

Cara Memasang Menu Bar dan Sub Menu Bar di Halaman Blog

Cara Memasang Menu Bar dan Sub Menu Bar di Halaman Blog 


Menu dan Sub-menu Bar sangat dibutuhkan guna mencari informasi berdasarkan pada kategori atau sub menu . Memberi sub menu bar juga membuat Semua judul artikel bisa ditampilkan di layar dalam satu tatapan mata; blog kita tampak lebih ilmiah, teratur, dan simpel. 

Jika anda berminat memasangnya di blog, artinya anda orang yang berfikir sistimatis dan menyukai keteraturan.Selamat mencoba.

Langkah Pemasangan

- Klik  Desain 
- Pilih  Template lalu pilih  Edit HTML 
- Pilih/klik  Lanjutkan
- Pilih/klik  Expand Template Widget
Cari scrift berikut :
<div class='main-outer'>  atau
<div id='main-wrapper'> atau
<div id='main'>

 Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

<div class='main-outer'>

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi :


<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>
 

PENJELASAN :
1. Cara memasukkan alamat URL:
Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
2. Cara menuliskan judul menu atau judul postingan: 
Ganti Tulisan warna biru dengan nama menu dan nama sub menu yang anda inginkan.
3. Cara merubah lebar menu: silakan  cari kode:
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} ---> baris ke-3. Kemudian tambahkan kode (width:900px) di antara { dan }, sehingga menjadi :
#cat-nav {background:#156994;width:900px;margin:015px;padding:0;height:35px;} 
Angka 900px hanya sebagai contoh saja, silakan rubah angka 900  dengan ukuran lebar yang kamu inginkan, bisa juga mengganti kode 900px dengan kode 100%.
4. Untuk mengatur tinggi menu silakan ganti angka 35 pada kode 35px di atas dengan tinggi yang kamu mau. 
5. Untuk tambah atau kurangi jumlah menu, silakan copas atau hapus Skrip dengan blok warna hijau (1 porsi menu) , jumlah sub-menunya bisa ditambah sesuai selera, misalnya submenu ..c, d, e, f, dst.
6. Untuk mengganti warna, background dan huruf, perhatikan skrip di bawah ini.

[1]. <style>  
[2]. /* -- Menu Horizontal + Sub Menu-- */
[3]. #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
[4]. #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 


A. Mengganti warna background menu: Silakan ganti warna pada baris ketiga yang saya beri warna merah, dengan warna yang anda sukai, silakan klik daftar kode warna.
B. Mengganti warna tulisan/huruf, silakan ganti warina pada baris ke-4 yang saya beri warna hijau dengan warna yang anda sukai (ganti kodenya saja).
C. Mengganti model huruf (font), perhatikan skrip urutan ke-14; gantilah tulisan berwarna ungu dengan jenis font kesukaan anda,
[14]. #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-
- Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . 
- Lalu simpanlah/save
Saran 
* back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas. 
*  Untuk menghilangkan tampilan tampilan dobel dengan Laman Utama, 
- Maka ikutilah saran berikut :
- Masuk ke Menu Laman 
- Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
- Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...
Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi  melalui komentar di bagian bawah ini.

 

 

Tuesday, 11 July 2017

Cara membuat readmore otomatis dengan gambar

Cara membuat readmore otomatis dengan gambar

                                                Sumber gambar : http://krishnathapa.com/read-more-with-post-title/
  • Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
  • Cari Kode </head>
  • Copy paste kode dibawah ini tepat di atas kode </head>
<!--ReadMore http://trikseosimple.blogspot.com-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.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);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

  • Save Template anda.
  • Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
  • Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
  • selanjutnya akan terbuka kode kode yang lain.
  • geser atau scrol ke bawah dan cari kode 
             <data:post.body/>
  • Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:


<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

  • Klik SAVE / SIMPAN dan lihat hasilnya.
Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.
         
Sumber : www.http://trikseosimple.blogspot.co.id/

Tiket.com

Sign up for PayPal and start accepting credit card payments instantly.