Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf mein web blog

Best regard. I will do my best to make it interesting and useful. Greeting to toko online Prestashop!

23 Februari 2014

Tips Blogger : Install Google Analitics ke website blog


google analitics to blogger
Google Analitics adalah tools yang memberi report aktifitas website (blog). Untuk memenuhi standar gunakan Google Webmaster Tools dan/atau Bing Webmaster Tools

Mendapatkan statisitik website dari Google Analytics

GA memberi statistik komprehensif terkait audiens, sumber trafik, content dikunjungi, keyword et cetera. Jika blog dikelola secara profesional, maka perlu report perkembangan website. GA menawarkan statistik trafik dan traffic metrics (tayangan halaman, kunjungan, pengunjung unik, bounce rate, waktu rata-rata dihabiskan setiap tamu etc).

Blogger (milik Google) memberi advis berikut :
Tambahkan Google Analytics ke blog Anda untuk melihat bagaimana interaksi pengunjung dengan situs Anda. Tambahkan ID Properti Web Google AnalyticsAnda untuk mulai melacak blog Anda. Setelan ini dikhususkan untuk template Tampilan Dinamis dan Tata Letak. Jika blog Anda menggunakan template Klasik, Anda harus menambahkannya secara manual ke template biasa.

Cara Kerja Google Analytics mengevaluasi performance website

Google Analitics meletakkan kode tracker (pemantau) di website, sehingga memungkinkan semua aktivitas situs terpantau atau meningkatkan visibilitas blog oleh robot engine (googlebots, Bingbots etc) hingga semua aspek perkembangan terpantau & dilaporkan kepada Anda.

Sangat mudah menambahkan layanan ini. Install GA tidak melibatkan Copy-Paste Javascript. Statistik blog ditampilkan secara cepat (sehari setelah validasi).

Creating an account with Google Analytics
  1. Buka Google Analytics. Klik tombol Sign-Up Now di sudut kanan atas halaman utama GA. SIGN IN ke Google Adsense.
  2. Pada halaman berikutnya klik tombol Sign up.
  3. Berikan detail, yaitu  - account name, blog URL yang ingin dilacak (track), time zone, data sharing preferences, dan wilayah negara.
    create google analytics account
  4. Baca Terms of Service dan centang (tick checkbox).
    Yes, I agree to the above terms and conditions
  5. Klik tombol Create Account dan Anda akan dibawa ke tab Tracking Code Configuration.
  6. Temukan Web Property ID (UA number) – UA Number ini adalah ID unik untuk account yang baru saja dibuat.
  7. Copy saja UA number yang baru saja didapatkan karena nanti Anda perlu Paste.
Disregard all other items in this tab, the only thing you need is the UA number.
Google Analytic web property id UA number

Installing Google Analytics on website blog Blogger

Ada 2 proses :
  1. » Daftarkan Web Property ID dengan Blogger Anda
  2. » Import tracking code ke template (dokumen HTML) Blogger.
Tambahkan Google Analytics ID ke blog blogger
  1. Jika menggunakan Blogger interface baru, Anda hanya perlu klik menu dropdown dan klik nama blog yang ingin dilacak dan bernavigasi ke :

    Settings > Other > Google Analytics.

    Untuk Blogger Interface LAMA, pergi ke :

    Settings > Basic > Google Analytics Web Property ID.
    Google Analitics web property ID in blogger
  2. Paste UA number ke teks box Google Analytics Web Property ID.
  3. SAVE Settings.
  • Tambahkan Tracking Code
    Tag <include> berikut akan mengimpor kode pelacakan GA ke blog :
    <b:include name='google-analytics' data='blog'/>
    Jika Anda gunakan Layout Terbaru atau Dynamic Views template dari galeri Template Designer gallery, Anda dapat melewatkan langkah berikut (karena sudah ada  <include>  tag built-in. Hal ini juga berlaku pada mobile template.
  • Jika menggunakan layout template LAMA atau template pihak Ketiga, Anda perlu menambahkannya ke template secara manual seperti ini :
    1. Ke  Template > Edit HTML  dan cari tag </body> dengan bantuan tombol CTRL – F.
    2. Sisipkan kode tersebut tepat diatas tag </body>
    3. SAVE template.
Besok kembalilah ke Google Analytics Dashboard untuk melihat data pertama ditampilkan di account Anda (update GA setiap 24 jam).

Jika tutorial sukses, Anda akan lihat statistik blog!



That's all we know

read more website design

19 Februari 2014

Menambah jenis font baru pada website blog Blogspot


P engguna template blog platform blogspot (Blogger) dapat mengganti font template website blog. Ada beberapa jenis font bawaan Blogger, yaitu : arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings. Sayangnya jumlah pilihan jenis font ini sangat terbatas. Sementara Anda tentu menginginkan font yang lebih stylist dan elegan.

Font huruf website blog

Sebelumnya perlu dipahami pengertian font yang akan digunakan di content teks website (blog).
  • Font adalah jenis huruf untuk style tulisan.
Kebanyakan template hasil download tidak bisa diedit di perancang template. Namun kita tidak perlu melakukan sejauh itu untuk menambahkan tipe font pada blog. Simak saja tutorial berikut :

Memilih Jenis Font untuk website

daftar tipe huruf google-Font
  • Jika sudah menemukan huruf yang disukai, misalnya, saya memilih Tangerine (seperti gambar diatas). Maka lakukan klik tombol biru “Add to Collection pada bagian sudut kanan bawah sampel huruf yang Anda pilih. Silahkan pilih lebih dari satu huruf jika diperlukan.
  • Jika anda sudah selesai memilih huruf, silahkan klik tombol Use
tombol use google-font
  • Anda akan dialihkan ke halaman baru, dan ada 2 hal yang harus dilakukan :
    • Pertama, pilih jenis ketebalan huruf. Beri centang diantara 2 kotak pilihan yang ada (kotak Normal dan kotak Bold).

      Jika diberikan centang pada kotak Normal dan kotak Bold, maka loading page nantinya akan semakin berat karena ditampilkannya huruf tebal (bold).
page load blog blogger
1. Choose the styles you want :
  • Normal 400
  • Bold 700
2. Choose the character sets you want :
  • Latin (latin)

Lalu copy kode dari Google Font. Seperti gambar berikut ini.
Kode ini hanya contoh saja tidak perlu di-copy.

<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
add this code to your website

Menambahkan font pada website blog

  • Jika sudah menyelesaikan tahapan di atas sekarang masuk ke account blogger Anda.
  • Pilih menu Template > Edit HTML
  • Ikuti instruksi ini:
  • Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.
  • Maksudnya : Letakkan snippet yang didapat (seperti gambar diatas) atau paste kode yang di-copy tepat dibawah <head>
  • Jangan lupa untuk menambahkan kode / sebelum penutup > kode tersebut. Hasilnya akan terlihat seperti contoh berikut :
  • <head>
    <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'/>
  • Simpan Template

Penggunaan font baru di blog website design

Sekarang setelah selesai melakukan langkah langkah sebelumnya anda tinggal memanfaatkan font baru.  Saya akan mengganti jenis huruf pada nama blog saya – “WEBSITE DESIGN” dengan membuka dokumen HTML di bagian ini :

Semula :
#header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:60px;line-height:50px}

nama website design lama

Menjadi :

Title website design baru

#header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Tangerine, Helvetica, Sans-serif;font-weight:bold;font-size:85px;line-height:50px}



That's all we know - Good luck!


read more website design

15 Februari 2014

Aplikasi bawaan Windows - Website Design archive*


microsoft Windows for website design

Kenali aplikasi bawaan yang ada dalam Windows computer. Semua aplikasi berikut sudah disertakan saat kita install Windows. Untuk menjalankan aplikasi-aplikasi tersebut lakukan :
  • Buka command prompt 
  • Ketikkan nama programnya (contoh : cleanmgr.exe)
  • Atau klik Start -> Run 
  • Ketikkan nama programnya (contoh : cleanmgr.exe).

    Website Design Archive : Aplikasi Windows

    1. Disk Cleanup = cleanmgr.exe
      Digunakan untuk cleanup disk.
    2. Character Map = charmap.exe
      Digunakan untuk mencari karakter yang tidak umum
    3. Dr Watson = drwtsn32.exe
      Digunakan untuk troubleshooting di PC.
    4. DirectX diagnosis = dxdiag.exe
      Digunakan untuk diagnosis audio video card.
    5. Private character editor = eudcedit.exe
      Digunakan untuk membuat karakter baru di Windows.
    6. IExpress Wizard = iexpress.exe
      Digunakan untuk membuat self-extracting / self-installing package. seperti file Zip.
    7. Microsoft Synchronization Manager = mobsync.exe
      Digunakan untuk membuat sincronisasi.
    8. Clipboard Viewer = clipbrd.exe
      Digunakan untuk melihat konten dari Windows clipboard.
    9. Windows Media Player 5.1 = mplay32.exe
      Digunakan untuk membuka Windows Media Player versi 5.1
    10. ODBC Data Source Administrator = odbcad32.exe
      Digunakan untuk keperluan database.
    11. Object Packager = packager.exe
      Digunakan untuk memasukkan objek kedalam file.
    12. System Configuration Editor = sysedit.exe
      Digunakan untuk mengubah system.ini dan win.ini
    13. Syskey = syskey.exe
      Digunakan untuk konfigurasi account di Windows.
    14. Microsoft Telnet Client = telnet.exe
      Digunakan untuk melakukan koneksi internet sebelum ada browser.
    15. Driver Verifier Manager = verifier.exe
      Digunakan untuk monitoring driver di windows.
    16. Windows for Workgroups Chat = winchat.exe
      Digunakan untuk chat sec
    17. 17. System configuration = msconfig.exe
      Digunakan untuk mengontrol program startup.
    18. System Monitor = perfmon.exe
      Digunakan untuk memonitor PC Anda.
    19. Program Manager = progman.exe
      Merupakan warisan dari Windows 3.x desktop shell.
    20. gpedit.msc
      Digunakan untuk mengatur group policy dan otorisasi, Bila menggunakan Active Directory.
    21. Remote Access phone book = rasphone.exe
      Merupakan aplikasi seperti buku telepon.
    22. Registry Editor = regedt32.exe [juga regedit.exe]
      Digunakan untuk tweaking dan editing registry windows.
    23. Network shared folder wizard = shrpubw.exe
      Digunakan untuk membuat shared folder dalam jaringan.
    24. File siganture verification tool = sigverif.exe
      Digunakan untuk verifikasi signature.
    25. Volume Control = sndvol32.exe
      Digunakan untuk menampilkan sound control di System Tray.



    That's all we know

read more website design

Windows 32-bit or 64-bit - Arsip Website Design


Windows seven Plus in website design
Banyak sekali user computer menggunakan Microsoft Windows 7 pada laptop atau PC. Windows 7 adalah sistem operasi yang saat ini sedang naik daun. Tetapi Anda harus teliti sebelum membeli. Tahukah Anda Windows 7 memiliki 2 versi, yaitu Windows 7 32-bit dan Windows 7 64-bit.

Windows x86 (32bit) & x64 (64bit) : Website maniak

Berikut ini pembahasan rinci Windows 7 x86 (32bit) dan x64 (64bit) agar dapat menimbang saat harus memutuskan beli computer (laptop) baru. Apakah pakai Windows 7 x86 (32bit) atau x64 (64bit).

Penggunaan Windows x86 (32bit)  x64 (64bit) Website Design Arsip

Apakah lebih baik menggunakan Windows 7 64-bit atau Windows 7 32-bit?
Windows 7 64-bit lebih tepat-guna jika digunakan oleh user sering bekerja dengan ukuran file besar dan membutuhkan memori (RAM) besar pula, misalnya desain grafis, gamers.

Kenapa?

Windows 7 64-bit akan memberikan performa lebih baik dan maksimal dibandingkan Windows 7 32-bit. Windows 7 64-bit mendukung upgrade memory sampai 193 GB, sedangkan Windows 7 32-bit hanya sampai 3GB. Dari segi keamanan sendiri, Windows 7 64-bit lebih aman digunakan karena driver Windows 7 64-bit harus memiliki sertifikasi oleh vendor si pembuat hardware, sehingga sangat sulit disalahgunakan oleh pihak tidak bertanggung jawab.

PC atau komputer seperti apa yang bisa menggunakan Windows 7 64-bit?

Pada umumnya computer di pasaran saat ini dapat menggunakan Windows 7 64-bit, kecuali computer pengguna processor low-end seperti Intel Atom atau di bawah Intel Dual Core. Processor kelas Intel Dual Core ke atas sudah pasti dapat menjalankan Windows 7 64-bit, namun untuk memastikannya bisa digunakan Program Identifikasi Processor dari Intel untuk mengetahui apakah processor bisa menjalankan Windows versi 64-bit.

Hardware lainnya seperti LAN Card, Sound Card, VGA Card apakah juga support?

Kalau urusan Hardware, bisa dilihat tahun pembuatannya. Hardware dibuat setelah adanya Windows Vista bisa support Windows 7 64-bit. Sebaliknya bila hardware dibuat sebelum lahirnya Windows Vista disarankan sebaiknya dilihat di website vendor pembuat hardware untuk mengetahui apakah ada driver yang mendukung Windows 7 64-bit.

Apakah Driver Windows 7 32-bit bisa digunakan pada Windows 7 64-bit?

Apabila ada pertanyaan seperti ini, maka jawabannya sudah pasti TIDAK. Windows 7 32-bit mempunyai struktur berbeda dengan Windows 7 64-bit.

Apa solusi jika Windows 7 64-bit terinstall, sedangkan hardware diperuntukkan Windows 7 32-bit?

Windows 7 memiliki sebuah fitur yang namanya Windows XP Mode (Virtual Machine), dengan mode ini, Anda bisa menggunakan driver Windows 7 32-bit walaupun Computer telah terinstal Windows 7 64-bit.

Apakah program Windows 32-bit bisa dijalankan pada Windows 7 64-bit?

Teknologi WOW (Win 32 on Win 64) adalah solusinya. Jadi Anda bisa menjalankan program Windows 7 32-bit pada Windows 7 64-bit.

Apakah bisa Windows 7 32-bit di-upgrade ke Windows 7 64-bit? BISA.



-------------------------00000000000000000000oo^000oo00000000000000000000-------------------------

read more website design

Website design : How to use the keys in Windows XP3?


Kunci Fungsi or function keys
Lihat keyboard computer atau laptop! Anda menemukan deretan nomor 2 di bagian atas “function keys” atau “Kunci-Fungsi”, F1 sampai F12. Masing-masing tombol memiliki kegunaan berbeda, tergantung sistem operasi dipasang dan program software terpakai. Sayangnya banyak user mengabaikan (jarang sekali) memanfaatkan.

Sebuah program tidak semata menggunakan masing-masing kunci-fungsi, tetapi penggunaannya dengan menggabungkan fungsi tombol tertentu dengan tombol ALT dan/atau CTRL. Contoh : user Microsoft Windows dapat menekan ALT+F4 untuk menutup program aktif.

Mengoptimalkan Function Keys - arsip website

Berikut ini daftar beberapa fungsi umum “kunci fungsi” untuk menjalankan Microsoft Windows. Hanya saja, tidak semua program dapat berjalan menggunakan “tombol fungsi” dan/atau dapat melakukan tugas berbeda-beda seperti dipaparkan berikut :

Tombol fungsi F1
F1 = Hampir selalu digunakan sebagai pemanggil bantuan (HELP), Hampir setiap program akan membuka layar bantuan (HELP) saat F1 ini ditekan.
Windows key + F1 = membuka “Microsoft Windows Help” dan “support center” .
Shift + F1 = menunjukkan format dokumen (MS Word)
ALT + F1 = Pergi ke halaman berikutnya
ALT + Shift + F1 = Pergi ke halaman sebelumnya
CTRL + ALT + F1 = Tampilan Info Sistem Microsoft (tidak bekerja pada Windows Vista)
CTRL + Shift + F1 = Mengubah font (tidak bekerja pada Windows Vista)
Tombol fungsi F2
F2 = Mengubah nama file
Shift + F2 = COPY Teks
CTRL + F2 = perintah PRINT PREVIEW (MS Word)
ALT + Shift + F2 = perintah SAVE (MS Word)
CTRL + ALT + F2 = perintah OPEN (MS Word)
Tombol fungsi F3

F3 = Biasa berfungsi sebagai filter pencarian untuk banyak program termasuk MS Windows.
Shift + F3 = Perubahan bentuk teks di MS Word
CTRL + F3 = Program spesifik. Percobaan dengan satu ini, tapi simpan pekerjaan yang dilakukan.
ALT + F3 = Membuat sebuah blok bangunan di MS Word.
Tombol fungsi F4
 
F4 = Membuka “Find Window”
Shift + F4 = Mengulangi menemukan atau Pergi Untuk tindakan (MS Word)
CTRL + F4 = akan menutup jendela yang terbuka dalam jendela aktif di MS Windows
Alt + F4 = Close program aktif. Jika tiada program terbuka, bisa matikan PC dengan kombinasi ini!.
Tombol fungsi F5 

F5 = di semua browser internet, menekan F5 akan refresh atau reload halaman.
Shift + F5 = Memindahkan ke revisi sebelumnya (MS Word)
CTRL + F5 = Unconditional Refresh (refresh Internet Explorer dari Internet, tidak cache)
ALT + F5 = Menutup Program Word
CTRL + F5 = mengembalikan dokumen ke ukuran windows (tidak fungsional).
Tombol fungsi F6 

F6 = Memindahkan kursor ke Address bar di Internet Explorer dan Mozilla Firefox.
Shift + F6 = Program spesifik.
Percobaan risiko anda sendiri. Jangan lupa save pekerjaan anda terlebih dahulu.
CTRL + F6 = Siklus ke depan antara jendela yang terbuka dalam sebuah program
CTRL + Shift + F6 = Siklus ke belakang antara jendela yang terbuka di sebuah program
Tombol fungsi F7 

F7 = Digunakan untuk check ejaan dan tatabahasa dokumen dalam program-program Microsoft.
Seperti Microsoft Word, Outlook, et cetera. 
Shift + F7 = Membuka perintah Tesaurus di MS Word.
CTRL + F7 = spesifik Program.
CTRL + Shift + F7 = informasi Update di MS Word
ALT + F7 = Mencari salah eja berikutnya atau kesalahan tatabahasa.
Tombol fungsi F8
 
F8 = Masuk ke menu startup Windows, biasa digunakan untuk masuk ke Windows Safe Mode.
Shift + F8 = Mengecilkan pilihan saat ini (MS Word)
CTRL + F8 = spesifik Program. Dalam Microsoft Project ia mengubah size jendela projek.
Alt + F8 = Membuka menu makro (MS Word).
Tombol fungsi F9
F9 (kombinasi ini hanya berlaku untuk MS Word).
Shift + F9 = Beralih di antara kode halaman
CTRL + F9 = Insert dan kosong halaman
CTRL + Shift + F9 = hapus bidang
ALT + F9 = Beralih di antara semua kode halaman dan hasilnya
Tombol fungsi F10
F10 (Fungsi lain MS Word)
Shift + F10 = Menampilkan menu shortcut
CTRL + F10 = Memaksimalkan dokumen pada jendela
CTRL + Shift + F10 = Mengaktifkan to ruler (Non-fungsional)
ALT + F10 = Memaksimalkan jendela program
Tombol fungsi F11
 
F11 = Modus layar penuh di semua browser Internet modern.
Shift + F11 = Pergi ke halaman sebelumnya (MS Word)
CTRL + F11 = Kunci bidang
CTRL + Shift + F11 = Aktifkan bidang
ALT + Kode F11 = Tampilan Microsoft Visual Basic
ALT + SHIFT + F11 = Microsoft Visual Studio Tampilan Kode
Tombol fungsi F12
 
Shift + F12 = Pilih Simpan perintah (MS Word)
CTRL + F12 = Membuka Pilihan perintah
CTRL + Shift + F12 = Pilih perintah Cetak (print)
By the way! Ada berita buruk untuk user Windows XP. Setelah setelah 12 tahun penggunaan windows XP, kini saatnya Anda dipaksa migrasi ke Windows 7 atau windows 8 :

Why?
Support for Windows XP will end on 8 April 2014.

Support for Windows XP is ending


-------------------0o0-------------------

read more website design

09 Februari 2014

Johny Blogstore website store platform Blogger


Suatu blog (website) TANPA ditunjang template bagus, eye-chatching, user-friendly (mudah dinavigasi) dan nyaman dipandang akan kurang menarik perhatian user internet. Kita tahu bahwa yang pertama dilihat tamu website saat kunjungan pertama ialah tampilan web blog itu sendiri.

Memilih template khusus website bloggerstore

Bila kita ingin punya website toko online, tentu harus menyediakan template khusus dengan fasilitas yang dibutuhkan, seperti cart (keranjang belanja), sistem pemesanan (termasuk cara order, konfirmasi, cara bayar via Paypal atau media transaksi lain hingga kurir), dan akan lebih baik jika ada tempat memasang iklan. Template thema berbeda tentu berbeda fasilitas yang dibutuhkan.

Jadi memilih template cocok dan tepat untuk thema blog harus mendapat perhatian khusus dan perlu pertimbangan tersendiri.

Kali ini saya akan berbagi template toko online gratis untuk blogger yang sudah dilengkapi dengan cart belanja, templatenya juga berbau premium sekali. Seperti pernah saya tulis di label Toko online Blogstore. Langsung saja kita simak dari blogger tetangga berikut ini.

Template website toko online blogstore Johny Sip Dah


Template website toko online blogstore Johny Mantab


Template website toko online blogstore Johny Magstore


Template website toko online Johny Ganteng With Cart


Toko online BATIK YOGYA yang saya bikin bulan Pebruari 2014 lalu menggunakan Template Johny Ganteng with Cart diatas. Tampilan halaman utama ada di bawah ini :

website toko online Batik Yogya Etnic style batik sogan Yogya

Template website Store Johny Ganteng minus Cart


Template website toko online blogstore Johny Blackstore


Demikian informasi terbaru tentang Download Template Toko Online dengan Cart (keranjang belanja) untuk platform blogger blogspot.

Bagaimana cara menginstall template diatas? Kunjungi link :

RELATED POST :
Manual template toko online Blogger Johny Blackstore
Bagaimana cara membuat e-Commerce toko online




▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬
read more website design

Submit blog dan website ke Search Engine


submit-website-blog-to-search-engines

Sesudah menerbitkan content pertama di website Anda, segera lakukan submit ke Search Engine. Karena search engine menjadi sumber utama traffic. Jika ada rencana ikut program PPC (Pay Per Click, seperti Google Adsense, ketahuilah pengunjung via mesin pencari adalah pengunjung berkualitas dan berpeluang lebih besar melakukan klik.

Submit website dan blog

Lakukan submit secara berkala, misalnya sebulan sekali tetapi jangan terlalu sering sebab beresiko dianggap spam. Awali submit blog ke search engine utama seperti Google, Yahoo dan MSN baru kemudian ke search engine lain. Bagaimana caranya?

A. Submit website di Google

  1. Buka http://www.google.com/addurl
  2. Isikan data pada formulirnya
  3. URL --> isikan URL blog. Misalnya http://breakdown-free-cover.blogspot.com
  4. Comments --> isikan KEYWORD blog
  5. Optional -–> isikan code yang tertulis pada kotak yang tersedia
  6. Klik Add URL
  7. Jika semua langkah benar, akan diakhiri dengan :
Thank you, Your site URL has been succesfully added to our list of URLs to crawl

B. Submit blog atau Website di Yahoo

  1. Kunjungi : https//siteexplorer.search.yahoo.com/submit (tidak bisa akses!) Penggantinya kunjungi : http://search.yahoo.com/info/submit.html lalu klik link “Submit Your Site for free”
  2. Klik Submit website (webpage), input URL blog, eg. http://breakdown-cover-cheap.blogspot.com/
  3. Klik Submit URL
  4. Klik My Site pada menu di kolom kiri untuk melihat status website
  5. Klik kotak status warna kuning di website bersangkutan, muncul jendela ini :

To authenticate your site ownership, you can either add a META tag to your homepage, or upload a verification file to your site, follow the instructions below!.

How would you like to authenticate your website?
  • Alternative A : by uploading a verification file to my site.

    1. Download an authentication key (DO NOT change the file name or content):
      If you have a problem with downloading the authentication key,

      please create a text file named y_key_4fbd15660b71920b.html, and put the string 7f6ea61e4ab77b92 into the file.

    2. Upload the verification file to your site.
      Please upload the key file that you downloaded, or created yourself, at the root level of your site directory. The expected file path is :

      http//breakdown-cover-cheap.blogspot.com/y_key_4fbd15660b71920b.html.

    3. When the file is uploaded, please click the button below to let us know that the authentication key is in place. We will authenticate your site within 24 hours.
      Ready to Authenticate

  • Alternative B : by adding a META tag to my homepage.

    1. Copy the META tag listed below and paste it in your site's homepage :

      <META name="y_key" content="7f6ea61e4ab77b92" />

      The META tag must be within and near the beginning of the first <HEAD> section of the page and before the first <BODY> section.

When the META tag is added, please click the button below to let us know that the META tag is in place. We will authenticate your site within 24 hours.
Ready to Authenticate

Misalnya Anda pilih alternatif  B :
  • Copi tag ini <META name="y_key" content="7f6ea61e4ab77b92" /> 
  • Kemudian PASTE pada halaman EDIT HTML website Anda di 2 tempat yaitu :
[1]     persis di bawah  <head> dan
[2]     persis diatas  </head>

Atau diilustrasikan seperti dibawah ini  :

                          <head>
                          <META name="y_key" content="7f6ea61e4ab77b92" />
                           ;;;;
                           ;;;;
                          <META name="y_key" content="7f6ea61e4ab77b92" />
                          </head>

Lalu SAVE untuk memastikan META Tag ditempatkan pada file HTML website Anda.

Terakhir Klik link  Ready to Authenticate.

Untuk memeriksa status aktive website pada Search Engine Yahoo. Klik My Sites pada menu di kolom kiri halaman Yahoo Sites Explorer.

C.  Submit blog atau website di MSN / Bing

  1. Masuk ke situs  http://search.msn.com/docs/submit.aspx?FORM=WSDD2
  2. Isikan text sesuai karakter disediakan
  3. Masukkan URL Blog misal : yogya-batik.blogspot.com/ ATAU  http://yogya-batik.blogspot.com/
  4. Klik Submit URL -----> Selesai
Atau submit ke berbagai SEARCH ENGINE UTAMA melalui http://www.submitstart.com/



That's all we know

read more website design

02 Februari 2014

Manual template toko online Blogger Johny Blackstore


Berikut ini panduan template gratis toko online platform blogger. Jika ingin mengganti sub-domain blogspot dengan membeli domain baru, maka nama blog http://yogya-batik.blogspot.com dapat ditulis menjadi yogya-batik(dot)com, dan tetap memakai layanan hosting gratis Blogger. Topik ini pernah saya tulis dengan judul Bagaimana cara membuat toko online e-Commerce - didalamnya saya maksudkan Bloggerstore tahun 2013 lalu (Anda bisa kunjungi Blogger Store di blog ini). Tampaknya ini masih relevan. Akan lebih jelas pemahaman toik ini dengan tambahan dan pengulangan materi content dari blog tetangga berikut ini.

template toko online johny blackstore

Shopping cart yang digunakan adalah simplecart buatan wojodesign.com. Template Sudah dimasukkan currency IDR (Rp) pada script, tetapi tetap saja tidak bisa digunakan untuk transaksi langsung via Paypal, karena Paypal belum menerima Rp sebagai alat pembayaran. Jika tetap ingin pakai template ini, barangnya dinilai pakai US Dollar!!!. Atau arahkan untuk bayar via transfer bank.

Kini akan dijelaskan instalasi template dan beberapa fitur yang terdapat pada template ini.

Posting Artikel

Dalam membuat artikel baru, perhatikan struktur kode di bawah ini :

<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>

PENJELASAN
  • Warna merah  :
    Masukkan url gambar produk anda pada kedua kode warna merah diatas. Usahakan gambar yang Anda upload ukuran panjang dan lebar sama, misalnya 300x300px
  • Warna kuning :  Harga produk
  • Warna biru      :  Deskripsi dari produk
Dalam membuat posting baru HARUS diawali dengan KODE diatas. Untuk memudahkan (agar tidak berulangkali copy paste kode tersebut sewaktu membuat artikel terbaru) masukkan kode tersebut pada kolom post template. Caranya :
  • Masuk ke SETTING, pilih POST AND COMMNETS >> POST TEMPALTE.
  • Klik ADD. Lalu masukkan kode diatas pada kotak kosong seperti gambar dibawah.
  • Langkah terakhir SAVE SETTING.


Shopping Cart

Fitur Shopping Cart disini digunakan untuk memudahkan admin toko online dalam transaksi via Paypal. Tapi karena Paypal belum menerima pembayaran Rp, maka setting currency masih dalam US$. Untuk mengganti akun Paypal blog demo ini dengan akun Paypal Anda, cari kode berikut :

<script type='text/javascript'>
simpleCart.email = &quot;johnytemplate @ gmail(dot)com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];
</script>

Ganti email warna merah diatas dengan email Anda (email sudah didaftarkan di Paypal)

Fitur Pendukung
  1. Slider terpasang disini bekerja otomatis, menampilkan artikel terbaru Anda dengan jumlah 8 posting. Jika ingin menampilkan per kategori (label), cari kode dibawah ini pada Edit HTML (jangan lupa centang expand widget templates) :

    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>

    Ganti dengan kode berikut :

    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/your label?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>

    Ganti kode warna biru dengan label yang ingin Anda tampilkan pada slider.

  2. Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML (jangan lupa mencentang kotak expand widget templates) :

       (UNTUK MELIHAT SCRIPT KLIK KOTAK KECIL DISAMPING INI)
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    KETERANGAN
    Warna biru : ganti dengan alamat feed anda.

  3. Widget Contact Online
    Masukan kode berikut pada kotak HTML/Javascript

      (UNTUK MELIHAT SCRIPT KLIK KOTAK KECIL DISAMPING INI)
    <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
    <tbody>
    <tr>
    <td height='1'>Customer Service A</td>

    <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername1'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername1&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
    </tr>
    </tbody>
    </table>

    <div style='display: block;'>
    <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
    <tbody>
    <tr>
    <td align='left' height='1'>Custumer Service B</td>
    <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername2'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername2&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
    </tr>
    </tbody>
    </table></div>

    <p align="center"><a href="http://mas-template.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWT5LlEcl8fjwM0jPDn_4l2Yo0peK82AWTlYCkABLHVh7T77mhg7l9ADx4utMStaa9ZVzuATn4XI5aCB24yTtTh71NpTU1TZrmcXFrbiRFy0KetLsBhxpTRNFl4Do2xxCZzJesJp66pc/s1600/donate.png" alt="twitter maskolis" /></a></p>
    Ganti youryahoousername1 dan youryahoousername2 dengan ID yahoo Anda.

  4. Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply, Anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa centang kotak expand widget templates :

    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2440873145683465163&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

    Warna merah pada kode diatas ialah ID blog demo dan harus diganti dengan ID blog Anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar berikut :


  5. Widget popular post thumbnail, setting seperti pada gambar dibawah ini :

    popular-post
    Yang perlu diperhatikan ialah centang hanya thumbnail, biarkan kotak snippet tidak dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. Untuk lebih jelas tutorial disini.
Fitur lain saya kira mudah, seperti memasang Yahoo Messenger dan lain-lain. Template ini dilengkapi efek zooming. Jika Anda arahkan cursor pada gambar, gambar itu akan otomatis membesar sesuai dengan letak cursor. Saya rasa cukup penjelasan template ini, seperti biasa jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar.

Showcase
Jika Anda ingin melihat blog yang sudah memakai template ini. bisa dilihat disini :
Toko Madu Mulia Alam Nusantara
Johny Online Store

Sangat disarankan
  1. Baca tutorial pemasangan template ini sampai selesai.
  2. Disarankan upload gambar produk dengan ukuran length and width sama (e.g. 300x300px).
  3. Agar hasil akhir penggunaan template maksimal dan tata-letak post teratur, JUDUL POST jangan terlalu panjang, karena akan menggeser gambar ke bawah.
  4. Untuk percepatan loading, simpan javascript yang ada di template ini ke tempat penyimpanan Google Code Anda. Cara menyimpan di Google Code baca tutorial disini.
Update currency

Untuk merubah simbol currency dari $ (dollar) ke Rp (rupiah) pada shopping cart :
  1. Cari URL script ini di Edit HTML :

    http://jagad.googlecode.com/files/WojosimpleCart-IDR.js

    Setelah ketemu ganti dengan URL script berikut :

    https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js

  2. Langkah selanjutnya, masih pada Edit HTML ganti USD pada kode ini :

    simpleCart.currency = USD;

    menjadi

    simpleCart.currency = IDR;

  3. SAVE template.
Currency akan berubah menjadi Rp. Perlu dingat!!! INI hanya sekedar penggantian currency ke Rp, tidak bisa untuk checkout (pembayaran langsung) via Paypal. Karena Paypal belum menerima Rp sebagai alat pembayaran.

Updates nama barang

Beberapa komentar masuk, diantaranya menginginkan tampilan nama barang di shopping cart, untuk itu ganti yang lama dan download ulang. Template ini sudah di-updates dengan menampilkan nama barang (lihat demo)

Template toko online terbaru Johny Magstore
Dua template Toko Online tanpa shopping cart


Update Bloggerstore Template

My Google Code was banned again, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript


Komentar masuk : (cara pembayaran via bank lokal)
  1. kalo pembayaran via bank lokal gimana setingnya?
    jadi checkoutnya biar ke rek lokal gitu loch..bca, mandiri, bri dll dan tentu saja dilengkapi dengan data diri dan alamat pembeli untuk tujuan pengiriman...
    tengkiyu mas... tambah sukses!!!!

  2. Jawab :
    Bisa dibuat page terlebih dulu dengan judul order yang berisi form pembayaran. Anda bisa membuatnya lewat google docs contohnya ini :

Ada 2 tombol dibawah gambar produk - yaitu add to cart dan view detail - untuk SHOPPING CART.

Jika tidak mau pakai sistem shopping-cart sebagai alat transaksi, maka ubah tombol add to cart menjadi order dan diarahkan ke direct link halaman formulir order yang sudah dibuat sebelumnya.

Contoh form pemesanan misalnya seperti ini (contoh form ini dibuat menggunakan docs google).

Jadi jika Anda gunakan form order untuk transaksi penjualan, fitur shopping cart tidak akan terpakai, Maka hapus saja semua script CSS dan javascript untuk shopping cart pada template ini.


Untuk menggunakan template BloggerStore, pilih salah satu dari 6 template di link dibawah ini.

RELATED POST :
Bloggerstore : Pilihan toko online template blogger



▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

read more website design
Penelusuran topik khusus di blog ini
Loading