» » Cara mengedit template Metro vCard
Kamis, 31 Oktober 2013

Cara mengedit template Metro vCard

blogger templates
Hallo Blogwalkers.......

Setelah sebelumnya saya sudah pernah share template Template Metro vCard.
Kali ini saya mau share Cara Meng-edit template Metro vCard [Theme Forest],..

Follow step by step ya kakak . . . HeHeHee :-)
  1. Pertama, kalian harus mendownload Template Metro_vCardnya dahulu [ya iyalah -,-]
  2. Kedua, setelah kalian mendownload Template Metro_vCardnya, Extract .rar tadi dengan
    password " irvan-efendy.blogspot.com "
  3. Setelah di extract, kalian pasti melihat folder Metro_vCardnya seperti ini.

     
     
  4. Lalu semua yang ada di folder metro_vcard tadi, kalian upload ke hosting kalian..
  5. Nah sekarang edit source codenya,

    • jika kamu ingin mengganti Username Twitter nya, kalian edit script.js yang ada di folder js di var twitter Username='irvan_efendy';//Your twitter username to fetch tweets.
      *irvan_efendy di ganti dengan username twitter anda
    • jika kamu ingin mengganti google maps yg ada di contact formnya, silahkan edit di script.js juga, var latitude=37.775871;//Langitude and latitude of place that you want tobe shown in contact form.
      var longitude=29.07629;//Langitude and latitude of place that you want tobe shown in contact form.
      *ganti latitude dan longitude tempat anda berada
    • jika kamu ingin mengganti title / judul websitenya (index.html), kalian edit
      <title>Promo Metro Vcard</title> yang ada di antara <head> dan </head>
    • jika kamu ingin mengganti Heading 1 yg ada seperti ini


  • Silahkan cari kode di bawah ini dengan (ctrl+f), lalu edit

    *div itu ada sesudah kode
                <div class="pages-holder"> yang letaknya ada di bagian <body>
  •  Social Page
      *     jika kamu ingin mengganti link link yg ada di social page, mari baca ini ;)<div  class="promo-block-1x1 promo-blue-4 hidden hide-show">
                                    <a class="normal-link" href="#facebook"></a>
                                    <i class="icon-facebook"></i>
                                    <div class="title">Facebook</div>
                                </div>

    Kita ambil contoh kode link facebook ini, #facebook boleh diganti dengan link facebook anda
    (misal http://www.facebook.com/irvan-cyber4rt)
    *icon-facebook, icon-linkedin, icon-tumblr, icon-gplus, icon dll itu adalah tipe Web Font yg pengaturannya ada di fontello.css yang ada di folder CSS. silahkan dilihat ;)
  • Portfolio Page ialah Tempat Porfolio / hasil karya mu dari mulai Gallery Foto, dll
  • Interest Page ialah Tempat Hobby kamu, Minat kamu itu dimana..
    nah icon-android, icon-amazon, dan icon yg lain lain yg ada di Interest Page, bisa di ganti dengan icon-icon yang lain. tapi harus berbasis pengaturan yg ada di CSS nya ;) (yaitu fontello.css)
  • Resume Page ialah Tempat dimana pengalaman2 kamu, misalnya kamu ialah seorang pendiri
    di blog irvan efendy atau di pendiri Bl4ckcodes Team ;)
  • Contact Page ialah tempat contact (tempat yg bisa dihubungi), selain tempat social, di contact page ini. visitor juga bisa mengirimkan email, lewat page itu...*untuk PHP "POST" Contact Page, saya masih bingung soal itu, karena di dalam folder metro_vCard yg asli. tidak ada terdapat SUBMIT.PHP nya.

    •  Setelah sudah mempost ini sekitar 3 jam -_-, akhirnya selesai juga..
    makasih udah berkunjung di blog irvan efendy
    Kalo masih ada yg belom ngerti , silahkan komen disini :-)
    Diposting oleh di