10 October 2012

Cara Install Atau Publikasi Templates Artisteer Pada Blogger

<a href='http://tusad.blogspot.com'><img alt='cara publish template artisteer pada blogger, joomla, wordpress, dan drupal' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgafqknBbEPSya-IVEizB6oelzrl_H0Ikmo0BXAZj_THi8iARBGtFnQP6jfvSEWHgYxbUuyD38FrtA_ZMX3b_R2AtrPem19WsE6W0xzfiD2mIUwlLjqn4iFWO3gbp2Fmh7xyq1emikGfRKI/s1600/artisteer+blogger,+wordpress.jpg'/></a>
Seperti kita ketahui Artisteer yang merupakan software revolusi web disign terutama untuk pemula yang belum begitu mengerti mengenai code HTML serta CSS, dan memang menjadi populer apalagi cara penggunaanya begitu sederhana juga mudah dipahami.

Artisteer juga telah mendukung templates web serta blog themes terkenal seperti Joomla, Drupal, Wordpress, termasuk Blogger. Nah sekarang bagaimana cara install atau publikasi templates tersebut?.

Cara install, publish template di Blogger yang dibuat dengan Artisteer sering mengalami kegagalan. Padahal kita sudah bersusah payah melakukan kustomisasi templates sedemikian rupa, serta dipoles secantik dan seindah mungkin, tetapi ketika mau di publikasikan ke blog kita,  malah tidak berhasil. 
Saya akan memberikan beberapa tips dan trik agar templates yang dibuat dengan Artisteer berhasil di publikasikan di blogger atau pada wordpress. Ikuti langkah - langkah berikut ini.

Publikasi templates Artister pada Blogger :

Pertama : Apabila kita sudah selesai melakukan kustomisasi template, lanjutkan dengan mengklik File pada menu atas bagian kiri, kemudian dilanjutkan dengan Export, terakhir Export Template.

Pilih Templates Untuk Blogger
<a href='http://tusad.blogspot.com'><img alt='cara export template artisteer ke hosting site' src='http:/.blogspot.com/-Qf1ofb5oKwo/UHUDw6HbKWI/AAAAAAAADMc/TPaWHa9Z5DU/s1600/export+template+artisteer.jpg'/></a>

Kedua : Buatlah account di Imageshack, selanjutnya klik Options pada pop up Export.

Cara Export dan Publish Templates
<a href='http://tusad.blogspot.com'><img alt='cara setting pop up export' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDxdpru3eamB4idkACqoG_ka-jZOD0PzaTaDyjqdS4MLga6rSJHYiYLLUQaagV_fNmdEO7w1QTRXI0PTDk5lLr7UBWwqdgQa25jCcP-dU1KPXlkzorI6cjOv_AUGIzfBvTuDpwuWKsQXr/s1600/pop+up+export.jpg'/></a>

Ketiga : Ketik user name dan password account Imageshack pada jendela Export Options, deretan menu Image Hosting.

 Mengisi User dan Password Hosting
<a href='http://tusad.blogspot.com'><img alt='cara konfigurasi pada options image hosting' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-DmORGqwTsxEfT57DKv3UOSn_LMdIdDh4wQX5daJNtVZ8GXc0nBMODbA8ksrnfahCsKlbOzDv8I7xnVjfX9S3Cf1ZhOLt5ts4T3SnE4QyCj4y1I8t14TxIiPyBgEqqkJOrLuITbQxmsA/s1600/image+hosting.jpg'/></a>

Hosting provider : Imageshack.
User name : User yang dibuat di Imageshack.
Password :  Password di Imageshack.

Deskripsi Templates yang bisa disesuaikan
<a href='http://tusad.blogspot.com'><img alt='cara konfigurasi menu pada export options' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAKmNCGoF5BWgdv1syF-mGU7C1ovkZJfEPS936QaffXDmXSOV2KedQfzUrcZVCKJsJb_suK4EE9Kl0Zk2mYYZXmiXqE1rUjQVM8AIxEnfj00e_NZNz2Toe-Ip04DWZJ9hDAQVsGZrB2Ab/s1600/description.jpg/></a>

Isi menu Description ; Author Name : nama anda
Author URL : blog anda
 Template version : 1.0
Template URL : dengan blog anda
Tags : Widgets, Valid XHTML
Description : terserah kita
Footnote kita bisa membiarkan atau menghilangkan
centang link author dan link artisteernya. 
Setelah semua terisi lanjutkan dengan klik OK.

Keempat : Sekarang kita tinggal mengklik Export untuk mulai melakukan hosting image di Imageshack kemudian dilanjutkan dengan publishing templates ke blogger.

Proses Hosting Template ke Imageshack
<a href='http://tusad.blogspot.com'><img alt='proses hosting template ke imageshack sedang berlangsung' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRrCBKQ28yX2IaweyLmEG-EMixSphIzfwQ5ywCCrxMPuU5ZGKpOireGEC_XqzUIdHxTn7c-W67SUUTOvRw-N9AGfwmctwLr1ycTw_CNKVERBpuvYQ1jiB5y7M-BkTm2hWzc35QPu-VVRW-/s1600/Publishing+ke+blogger.jpg'/></a>


Kelima : Setelah template berhasil di upload, bukalah file archive atau folder yang kita export tadi biasanya terletak di C:\Users\Tusad\Documents\Artisteer Templates. Tulisan merah menandakan user yang berbeda disesuaikan dengan user di komputer sobat.

Letak Templates yang di Export pada Documents
<a href='http://tusad.blogspot.com'><img alt='cara membuka direktori template pada komputer ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjaNhiq-bGI9xURvaHa50f-uS8MwWhGRCQbfrSOyXF5__a7UOgNzHztgdSz_Rd-Tr3cvJoP-lqvkIVYOKBcmfIFLjJstaZzyRqKbc8-J-3jqnsZcnV-nzeV2nUeUzQJk2477zQC3RYqXz/s1600/letak+export+template.jpg'/></a>

Keenam : Lalu klik kanan main.xml open dengan menggunakan Notepad, kemudian select all atau C + A lalu di Copy.

Copy Paste Templates Artisteer
<a href='http://tusad.blogspot.com'><img alt='buka dengan notepad kemudian di copy paste seluruhnya' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2uozRCy1qmoW2jiap9tLwoMyz17AqJP5rjr9U-EPmgp19K7ZX6tHXJ-v2_TMWbt-2X7VjgErY7FQBCWejgGEeWrCdYxKLE48MnF2HXrXr4YTMIi7skRsvrp4xfI6eW3WPEJyhB-iiK9E/s1600/select+all.jpg'/></a>

Ketujuh : Sekarang masuk ke Blogger, Template, klik Edit HTML, lalu Proceed, ingat centang Expand Widget Templates, terakhir ganti seluruh template blogger anda menggunakan main.xml tadi atau paste main.xml yang kita buat dengan Artisteer. Sebelumnya ingat untuk membackup blog anda terlebih dahulu.

Cara Mengganti Templates Standard Blogger dengan Artisteer
<a href='http://tusad.blogspot.com'><img alt='ganti template dengan cara copy paste di blogger home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjeA7RJqPUBP_7Yo-88kkqcCLZw77CbHYKtAIWTIo4lao8GlFYfOucAG1OskvjjExktNyUVhhqS4qSFwrc-tFKAHjCXjsafcwUdYbaUVwgik_mK4Z6n-qIRlcAl_gmEsufQ7rQ6PHJu-m/s1600/blogger.jpg'/></a>

Kedelapan : Dan ini adalah salah satu tampilan blog dimana templatenya di buat menggunakan Artisteer v3.1.0.48375. Sedangkan untuk Wordpress saya akan bahas pada postingan selanjutnya. Dan saya juga menyertakan video tutorial jika masih mengalami kendala. Selamat mencoba, dan semoga bermanfaat.

Tampilan Blogger dengan Templates Artisteer
<a href='http://tusad.blogspot.com'><img alt='interface blog yang dibuat dengan artister' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqinwkSfEAhhBVGQpIdswGs7_DVNv3ioNopck9m3DJ3FTkI7l-I6da-rViizrrABmmXhq7eDDUTjvT0KMM4KUvcnC-JtnugteIPWcvaSRdha0pPFwiGhVmyD9z7gBwvxEPoBfTr36gT4wI/s1600/tu-sad+dot+blogspot+dot+com.jpg'/></a>

Link Download

12 comments:

  1. pas saya selesai upload trus saya masuk browser secara otomatis (apakah ini ngaruh) tapi hasilnya not found setelah saya ikutin cara ini tetep gagal

    ReplyDelete
    Replies
    1. sebenarnya sih memang harus di review agar kita tahu apakah templates berfungsi normal. asalkan anda mengikuti langkah diatas, pasti semuanya lancar. masalah yang sering terjadi adalah karena kita gagal login di imageshack. jadi cek user dan password anda kembali, dan ulangi tahapan di atas.

      Delete
  2. ane udah coba yang agan blg, tp kok blum bisa jg ya gan??

    ReplyDelete
    Replies
    1. kuncinya adalah jika proses hosting template ke imageshack ( seperti gambar di atas ) ada masalah, saya yakin template blogger tidak akan berhasil untuk diinstall. ulangi tahapan tersebut bila masih ada error. hal yang pernah saya alami adalah kendala koneksi internet yang lambat. jadi saya melakukannya berkali-kali ( pesan error tidak boleh muncul pada saat hosting ).

      Delete
  3. aku nyoba juga belum bisa mas,gambar di header selalu ga muncul,ato emang harus munculin secara manual?

    ReplyDelete
    Replies
    1. klo misalnya header yang bermasalah, sebaiknya jangan dulu digunakan. memang bisa kok secara manual, yang penting jangan ada error pd saat hosting.

      Delete
  4. Saya mau tanya. Setelah saya selesai mendesign template dengan artister dan saya publish yang muncul di menu home adalah artikel (atau blank/no post) jika kita tidak membuat atau membuat artikel sekaligus pada saat mendesign, dan tampilan design home malah tidak muncul di halaman utama, menu home ada nya di page, dengan url /p/home.html. Bagaimana cara memunculkan tampilan utama pada hasil design. Mohon pencerahannya. Terimakasih.

    ReplyDelete
  5. Bro mau nanya, kalo waktu kita buat template itu kita design home nya sedemikian rupa dan setelah di publish menjadi page dengan url http://namablog.blogspot.com/p/home.html. Nah ternyata itu tidak muncul di halaman utama, yang muncul di halaman utama adalah postingan artikel. Gimana cara nya supaya home page yang sudah kita buat itu munvul di halaman utama bro, kira2 bro tau engga caranya... mohon masukannya ya bro, terimakasih.

    ReplyDelete
    Replies
    1. saya berusaha mencari jawaban atas apa yg anda alami, tapi memang benar hal sama terjadi. saran saya coba gunakan flatform yg lain, misalnya wordpress, jika masalahnya sama berarti kita perlu melakukan kustomisasi yg berbeda saat membuatnya

      Delete
  6. mas saya mau tanya tolong di bantu mas..ketika saya sudah selesai menggarapnya pas saya mau publi eh blog nya gag muncul padahal pas dan email udah benar hlp ya mas,,thanxs

    ReplyDelete
    Replies
    1. coba ganti tempat hostingnya, semoga membantu

      Delete

Mohon untuk tidak menyertakan link aktif pada setiap komentar.
Dan maaf kalau respon agak lambat, mungkin karena kesibukan saya. Terimakasih