Oktober 2010 | WeCode | Web Design Contruction Development

Tahukah anda bahwa Astore Amazon dapat berdiri sendiri dalam halaman blogger ?. Blogger telah membuatnya menjadi mudah bagi kita sebagi pemula . Kita dapat dengan mudah menambahkan hingga sepuluh berdiri sendiri setiap halaman di blog Blogger anda . Setiap halaman akan memiliki header yang sama dengan blog. Masih ada beberapa hal yang mungkin perlu dikombinasikan untuk mendapatkan blog Anda persis seperti yang Anda inginkan , tapi saya rasa Anda akan senang untuk mencobanya. saya akan berbagi cara langkah demi langkah.

Sebelumnya anda harus terdaftar di Amazon dan mengerti pembuatan Astore Amazon. Kunjungi artikelku sebelunya untuk lebih detilnya. Ok..bila sudah punya akun di Amazon, langkah langkahnya adalah sebagai berikut :
Masuk ke akun Blogger Anda . Pergi ke Layout dan klik tab elemen " halaman / page " . Kemudian klik "add a gadget " link yang ada di antara header dan elemen-elemen posting blog .

Klik " Page " ( New ! ) " untuk menambahkan gadget berdiri sendiri pada halaman blog Anda

Kemudian akan muncul " Configure Page List " . Anda dapat menambahkan judul untuk label gadget Anda jika Anda mau , kemudian klik save.

Secara otomatis akan menambah sebuah halaman baru pada blog Anda . Sebelumnya Anda bisa menyeting halaman yang Anda buat untuk secara otomatis ditambahkan ke panel navigasi / daftar . Jika semuanya seperti yang Anda inginkan , kemudian klik tombol simpan untuk keluar.

Anda akan melihat " Pages " gadget di Layout Anda / Page Elemen Halaman seperti yang ditunjukkan di bawah ini.

Anda harus melihat " Pages " gadget di bawah header blog seperti gambar di bawah ini

Sebuah link untuk " Page / Halaman " Home akan berada di bawah header blog .

Sekarang Anda perlu untuk membuat sebuah halaman berdiri sendiri untuk aStore Amazon Anda . Kembali ke ujung belakang blog Anda dan klik " Posting " tab .
Ini akan membawa Anda ke " Posting Baru " elemen , tetapi Anda tidak ingin posting , jadi klik " Edit Pages " . Klik " ok " tombol saat Anda diminta untuk menavigasi dari pos " New Page " .
Klik " New Page "di bawah "Posting " dan " Edit Page " tab.

Sampai di sini , klik tombol " New Page " . Ini akan membuka editor ( seperti yang ditunjukkan di bawah ini ) untuk berdiri Anda sepanjang konten halaman.

Ketik judul halaman yang Anda inginkan untuk aStore Anda . Anda dapat mengetikkan judul seperti " Shop " kemudian klik tab mengatakan " Edit HTML " untuk editor HTML . Di sinilah Anda akan menyisipkan kode untuk aStore Amazon Anda . Masuk ke Amazon untuk mendapatkan " frame inline " kode.aStore Anda, copas aja . Kemudian kembali ke Blogger dan paste " frame inline Anda " kode ke editor HTML Klik " . Publish Page " kemudian klik " View Page "untuk melihat bagaimana blog Anda terlihat dengan aStore baru Anda berdiri sendiri dalam satu halaman .

Sekarang Anda akan melihat bahwa nama yang Anda berikan aStore Anda akan ditampilkan di bagian atas sebelah " Home " dan aStore Anda pada halaman tersendiri. Anda bisa klik " Home " untuk pergi ke halaman home dari blog Anda , kemudian klik "Shop "lagi untuk kembali ke aStore Anda. aStore Anda tertanam ke dalam blog Blogger Anda !

Selesai sudah dan tugas Anda kemudian adalah mengatur lebar Astore disesuaikan dengan template blog Anda. Semoga sukses dan banyak cara menambahkan aStore Amazon ke blog Blogger Anda.

Sebelumnya saya sudah pernah membahas cara memasang widget share facebook di bawah judul postingan. Kurang lebih sama fungsinya, namun kali ini saya akan memberikan sedikit tips buat sobat pemula yang ingin membagi artikelnya lewat situs-situs social bookmark ataupun jejaring sosial, seperti facebook, myspace, twitter, dll.
Dengan memasang widget sharing is sexy, maka postingan atau artikel sobat akan cepat tersebar dan otomatis blog sobat akan cepat terkenal di situs-situs social bookmark yang notabennya memang tempat berkumpulnya para blogger di seluruh di dunia. Tapi dengan catatan isi konten menarik, dan sobat wajib mendaftar di berbagai situs social bookmark agar sobat bisa langsung sharing tanpa menunggu pengunjung blog yang mengklik widget sharing is sexy-nya.

Baiklah mari kita lanjutkan !

- Silahkan login ke blogger.
- Kemudian klik tab Edit HTML.
- Klik Expand Template Widget.
- Copy kode di bawah ini setelah kode ]]></b:skin>

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

- Lalu cari kode <data:post.body/>
- Jika sobat sudah menggunakan read more, maka akan terdapat 2 kode <data:post.body/> . Letakkan kode dibawah ini setelah kode <data:post.body/> yang pertama

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/miscah' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>

Kemudian Simpan Template.

Ganti tulisan yang berwarna merah dengan ID feedburner sobat, jika belum punya sobat bisa daftarkan blog sobat langsung di feedburner.

Menanggapi dan melihat pertanyaan sobat Fachry pada postingan widget sharing is sexy, dengan tampilan widget yang muncul pada halaman depan blog. Seharusnya widget tersebut munculnya pada halaman postingan atau setelah read more di klik. Ada sedikit kode yang harus sobat ketahui untuk meletakkan widget, ingin di letakkan pada halaman depan blog saja atau hanya ingin meletakkan widget pada halaman postingan. 2 kode ini saya rasa mutlak wajib sobat mengerti fungsinya, buat yang belum mengerti berikut HTML-nya.
1. Meletakkan widget hanya pada halaman depan (home page)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LETAK WIDGET
</b:if>

2. Meletakkan widget hanya pada halaman postingan (post page)
<b:if cond='data:blog.pageType == "item"'>
LETAK WIDGET
</b:if>

Pada kasus yang dialami sobat Fachry adalah widget sharing is sexy muncul pada halaman depan blog, padahal seharusnya widget tersebut hanya muncul pada halaman postingan. Untuk itu kode yang digunakan adalah kode yang nomor 2. Sehingga kode lengkapnya untuk widget sharing is sexy tersebut adalah :

<b:if cond='data:blog.pageType == "item"'>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-ID' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/>
</div>
</b:if>

Saya hanya memberikan 2 kode yang wajib sobat ketahui, sebenarnya masih ada beberapa kode lagi untuk peletakkan widget-widget di blog. Semoga bermanfaat !

Dengan adanya kotak scroll yang berisi seluruh judul postingan blog anda, maka pengunjung akan lebih mudah mencari dan membaca seluruh tulisan yang telah anda posting. Saya akan memberikan Trik bagaimana postingan dalam menu sroll kita dapat tampil secara manual atau kata lainnya anda yang harus mengeditnya maupun yang secara otomatis. Yuk kita langsung praktek ,,
A. Cara Manual :

1. Masuklah ke halaman Dashboard > Tata Letak > Elemen Laman > Tambah Gadget/Javascript.

2. Klik tanda plus pada HTML/Jaxascript.

3. Copy kode dibawah ini
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 280px; height: 270px; text-align: left;">

<li> <a href="http://alamat posting blog anda" target="new">1.sesuaikan pada judulnya.</a></li>

<li> <a href="http://alamat posting blog anda" target="new">2.sesuaikan pada judulnya.</a></li>

</div>

4. Untuk besar serta panjang kotak scroll ubahlah kode berwana biru pada bagian width & height, anda dapat menyesuaikannya dengan blog milik anda sendiri.

5. Jangan sampai lupa untuk mengganti teks yang berwarna merah ( url alamat posting blog anda ) dan juga sesuaikan pada judulnya.

6. Untuk menambahkannya cukup anda copy-pastekan kode berikut :

<li> <a href="http://alamat blog anda" target="new">3.sesuaikan pada judulnya</a></li>

7. Simpan dan lihat hasilnya.

B. Cara Otomatis :

Cara ini langkahnya sama seperti contoh diatas ( cara manual ) hanya kodenya saja yang berbeda dan lebih mudah juga praktis karna postingan yang baru kita buat akan otomatis masuk ke kotak scroll setelah kita menyelesaikan entri baru tanpa harus di edit, akan tetapi judul postingan juga sudah pasti mengikuti urutan isi dari entri Anda dan tidak bisa disesuaikan . copy paste, ganti kode manula dengan kode otomatis dibawah ini :
<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://AlaMatBloG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

</div>

jangan lupa untuk mengganti tulisan AlaMatBloG dengan url alamat blog Anda dan untuk menginginkan banyaknya posting yang bertengger di kotak scroll ubahlah angka/jumlah var numposts = 15, misalnya Anda menginginkan Seratus Posting maka gantilah angka/jumlah 15 dengan 100.

Terimakasih,

If I get you right, you'd like to remove the add to cart button in the product list view. (but keep it when you are in the detailed view)
Therefore you have to go to the virtuemart administration
then to configuration,
then click on the 'site' tab,
then in the right column named layout click on configuration under 'select the theme for your shop' and finally check no for 'Show the Add-to-cart Button on the product list?'

Hope this helps

Halaman utama sebuah website memiliki peran yang sangat penting bagi para pengunjung untuk mencari informasi yang dibutuhkan secara cepat dan menarik. Pada beberapa website portal, kombinasi antara teks, gambar, animasi, dan media lainnya dapat diatur sedemikian rupa sehingga tidak terkesan “semrawut”. Tema berita juga dapat ditempatkan secara terstruktur tanpa mengurangi keindahan tampilan.
Website yang dibuat dengan Joomla! mampu merealisasikan kebutuhan tersebut dengan cara menambahkan component, module, dan plugin sehingga sebuah berita terbaru maupun terpopuler dapat ditempatkan pada bagian yang jelas (eye catching). Hal ini dapat memberikan perhatian khusus dari para pengunjung.
Ada banyak cara untuk menampilkan berita/artikel dengan tujuan memberikan informasi kepada pengunjung tentang menarik dan up to date. Salah satunya adalah membuat beberapa halaman depan mini (Mini Frontpage) yang dapat menampilkan gambar dengan ukuran kecil, lengkap dengan deskripsi artikel tersebut.

A. Mengenal Mini Frontpage

Frontpage umumnya tampil di halaman utama, lengkap dengan gambar sebagai ilustrasi dan kalimat pembuka dari berita/artiel yang dimaksud. Jumlah artikel yang akan ditampilkan dalam frontpage juga dapat diatur sesuai kebutuhan. Dengan memanfaatkan ekstensi dari pihak ketiga, frontpage dengan ukuran kecil (mini) dapat ditampilkan di halaman utama dan dapat diatur berdasarkan Section dan Cetogory. Dengan memanfaatkan mini frontpage, berita maupun artikel menjadi semakin informatif.

Module untuk menampilkan mini frontpage bervariasi, ada yang gratis namun ada pula yang berbayar. Buku ini menyertakan file pendukung untuk menginstal mini frontpage yang gratis, jadi tidak perlu membayar atau mendownload terlebih dulu

B. Menginstal Mini Frontpage

Untuk melakukan instalasi, pilih menu Extensions > Instal/Uninstall.

Tekan tombol Browse untuk menentukan lokasi file.
Temukan file mini frontpage.
Jika sudah yakin, tekan tombol Open.
Klik tombol Upload File & Install untuk melakukan proses instalasi.
Tunggu beberapa saat hingga proses instalasi selesai. Jika telah berhasil akan muncul informasi bahwa proses instalasi berhasil
Selanjutnya mengatur parameter untuk menampilkan berita melalui module Mini Frontpage di halaman utama.

C. Mengatur Parameter Mini Frontpage
Module mini frontpage memiliki halaman untuk mengatur tampilan, jumlah artikel, besarnya gambar (thumbnail), artikel yang ditampilkan, dan pengaturan lainnya. Sebelum mengatur parameter terlebih dulu harus mengetahui ID Section, ID Category, dan ID Article karena nomor identitas tersebut (ID) digunakan sebagai pengaturan parameter untuk menampilkan artikel.

Pertama kali, periksa nomor ID Section dengan cara memilih menu Content > Section Manager.
Apabila telah berada di halaman Section Manager, nampak daftar nama section yang telah dibuat sebelumnya. Pada kolom paling kanan nampak nomor ID, nomor identitas tersebut yang nantinya akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Section.
Setelah mencatat ID masing-masing Section, langkah selanjutnya mencatat ID Category. Untuk itu, pilih menu Content > Category Manager.
Pada halaman Category Manager, nampak beberapa Category yang telah dibuat sebelumnya dan pada kolom paling kanan tertera nomor identitas (ID). Nomor identitas ini juga akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Category. Catatlah nomor identitas tersebut.
Catatlah semua ID artikel berdasarkan Category dan Section./param-4.jpg" alt="param-4" height="215" width="411" />
Selanjutnya, pilih menu Content > Article Manager untuk mencatat nomor identitas masing-masing artikel.
Langkah selanjutnya mengatur parameter Mini Frontpage, pilih menu Extensions > Module Manager.
Pada halaman Module Manager temukan module Mini Frontpage.
Editlah Mini Frontpage dengan cara mengklik nama module tersebut.
Setelah berada pada halaman Module [Edit], nampak beberapa informasi yang harus diatur yaitu: Details dan Parameters. Untuk Details, atur Show Title = Yes, Enabled = Yes, Position = Right, dan Access Level = Public.
Untuk Parameters, perlu beberapa pengaturan namun akan dijelaskan secara bertahap. Atur Enabled Cache = No, pada kolom Section masukkan ID Section yang akan ditampilkan. Dalam buku ini, ID yang dimasukkan adalah 5 (Section Olah Raga), kemudian masukkan ID Category. Dalam hal ini, beberapa ID Category yaitu: 34, 35, 36, 37 (Sepak Bola, Bulu Tangkis, Tenis Meja, dan Catur).
Untuk pengaturan lainnya, aturlah sesuai kebutuhan.
Thumbnail Position = posisi gambar (thumbnail), sebelum judul/kategiru atau setelah judul/kategori.
Show Category Title = Judul kategori ditampilkan (Show atau Hide).
Frontpage Items = Item ditampilkan difrontpage (Yes atau No).
Display Article Title = Judul artikel ditampilan (Show atau Hide).
Title Link = Judul artikel dalam bentuk Link (Yes atau No).
Display Author = Nama penulis ditampilkan (Yes atau No).
Display date articles created = Tanggal pembuatan artikel ditampilkan (Yes atau No)
Limit Intro = Batas maksimal kalimat pembuka (formatnya karakter).
Untuk mengatur format tampilan dan ukuran gambar, aturlah beberapa spesifikasi.
Number of columns = Jumlah kolom untuk menampilkan mini frontpate.
Number of Articles to display = Jumlah artikel yang akan ditampilkan
Number of Introtext / Hide Introtext = Jumlah kalimat pembuka yang akan ditampilkan.
Show thumbnails = Thumbnail ditampilkan (Show atau Hide).
Thumbnail Image Width = Lebar thumbnail (formatnya pixel).
Thumbnail Image height = Tinggi thumbnail (formatnya pixel).
Preserve Aspect = Rasio thumbnail.
Header Title for another articles link = Judul teks untuk artikel lainnya.
Langkah terakhir adalah melihat hasilnya di halaman utama. Maka akan nampak tampilan Mini Frontpage seperti nampak pada gambar berikut.

Alternatif yang sepertinya lebih bagus dari hosting gratis 000WebHost adalah byethost. Dan di hosting ini bisa dimasukkan domain gratis dari co.cc.

Berikut beberapa fitu yang ditawarkan :

Selain mendapatkan hosting gratis, kita juga otomatis mendapatkan nama domain gratis dengan nama domain seperti di bawah, mywebsite otomatis akan berubah sesuai dengan username saat kita daftar dan otomatis itu menjadi alamat website kita. Jadi nama domain kita menjadi subdomain di websitenya mereka, maklum namanya juga gratisan.

Berikut langkah-langkah mengambil hosting/domain gratis di sana:

1. Pergi ke byethost

2. Kemudian klik link “Click here to sign up for free hosting” yang berwarna biru, kemudian akan muncul layar seperti ini:

Disebutkan bahwa kita disarankan/diwajibkan memakai browser firefox, jangan internet explorer.

3. Masukkan data-data yang diminta, yaitu:

Username, password, alamat email, kategori situs (pilih dari menu), bahasa situs (pilih english atau non english) kemudian masukkan security kode untuk memastikan Anda manusia dan bukan robot :)

Klik tombol register.

4. Setelah itu akan dihadapkan pada tampilan seperti ini:

5. Klik pada tombol “Click Me To Continue” dan akan muncul layar seperti ini :

masukkan kode verifikasi yang diminta, sekali lagi untuk memastikan Anda manusia :)
6. Setelah itu klik tombol register, maka langsung kita akan mendapatkan account hosting gratis, termasuk juga alamat domain gratis :

Di sini diberikan data-data penting yang berhubungan dengan hosting gratis Anda, untuk itu sebaiknya dicatat atau disimpan baik-baik data ini, yaitu:

Control panel username = ini username yang Anda buat dan berguna untuk login ke hosting gratis Anda

Control panel password = ini password yang tadi Anda buat dan berguna untuk login ke hosting gratis Anda

Control panel url = ini adalah alamat url tempat gerbang Anda masuk ke hosting gratis Anda

FTP username = ini adalah username untuk mengupload file ketika Anda menggunakan FTP Software

FTP password = ini adalah password untuk mengupload file ketika Anda menggunakan FTP Software

FTP hostname = ini adalah alamat url/FTP Anda untuk mengupload file ketika Anda menggunakan FTP Software

Dan sisanya adalah data-data MySQL Anda yang diperlukan ketika pembuatan database semisal wordpress, forum, atau ketika Anda menginstall script yang membutuhkan database.

7. Yang pertama-tama dilakukan adalah, tentukan dahulu apakah Anda akan menggunakan domain gratis yang diberikan byethost atau Anda menggunakan domain sendiri/domain gratis dari co.cc. Bila menggunakan domain yang diberikan byethost dan bila Anda ingin mengisi domain tersebut maka cukup langsung diupload file file yang akan diisi tersebut melalui FTP Software.

Bila Anda tidak ingin memakai domain gratisan yang diberikan atau Anda ingin menambahkan domain gratisan lainnya, maka domain tersebut perlu ditambahkan dahulu di hosting tersebut, agar tersambung.

Caranya:

1. Login ke hosting Anda dengan alamat yang sudah diberikan di atas

2. Masukkan username dan password yang telah dibuat, kemudian klik tombol login

3. Setelah itu pilih menu “Addon Domains”

Jangan lupa catat name server yang diberikan, apa gunanya name server ini ? ini gunanya untuk dimasukkan ke dalam data domain Anda agar domainnya mengenali dan bersatu dengan settingan server hosting.

Masukkan nama domain yang ingin ditambahkan dan klik tombol “Create Domain”

Setelah itu jangan lupa untuk mengganti settingan domain Anda dengan name server yang diberikan, tiap jasa penjual domain settingannya berbeda-beda, namun semuanya hampir mirip dengan postingan setting domain

Dan setelah itu biasanya tersambungnya domaind dan hosting memerlukan waktu 1 jam sampai 2 hari (Waktu propagate) agar situs Anda tersambung sempurna dan bisa terakses dari seluruh dunia.

Bila hal itu sudah siap, maka Anda tinggal mengupload saja file yang dinginkan agar domain Anda online dan bisa diakses darimanapun.

Semoga berguna

Cara Otomatis

Yang saya maksud otomatis di sini, kita tidak perlu repot menyiapkan icon sendiri. Hanya saja kita harus menginstal komponen tambahan pada Joomla! kita melalui backend. Komponen yang saya pakai di sini adalah com_phocafavicon yang bisa anda download di: Donlot Gratisan

Sebelum melakukan penginstalan, ada baiknya anda persiapkan dulu gambar yang akan dijadikan icon, lebih baik yang memiliki panjang dan lebar yang sama, texturenya jelas kalau diperkecil dan simpanlah dalam bentuk .jpg dengan nama terserah anda, misalnya Aku.jpg. Setelah itu upload gambar anda ke server, bisa melalui filezilla ke folder 'images/phocafavicon'.

Selanjutnya,instalah komponen anda melalui tab instal/uninstal di control panel Joomla. Setelah sukses arahkan mouse ke Component kemudian klik Phoca favicon dan klik create favicon.

Ikuti 3 tahap seperti gambar diatas:

1. Pilih template yang anda pakai.
2. Pilih image yang telah diupload.
3. Create favicon.

Untuk melihat hasilnya, bersihkan dahulu history dan cache browser anda,untuk Mozilla Firefox arahkan mouse ke Tools kemudian clear private data atau (tekan Ctrl+shift+Del bersama-sama). Untuk Internet Explorer arahkan mouse ke Tools kemudian Delete Browsing History...

Cara Manual

Bagi yang tidak mau membebani joomla anda dengan komponen baru, berikut cara termudah yang bisa anda lakukan :

1. Buat icon sesuka anda berukuran 16x16 pixel dan namai dengan favicon.ico Bingung cara membuat icon? Buat saja secara online, kunjungi link:Dynamic DriveKemudian browse file anda, create icon dan download.
2. Kemudian upload icon anda bisa menggunakan Media Manager (Site > Media Manager) atau filezilla ke direktori tempat default favicon berada, biasanya di:

http://webkamu.com/templates/template_kamu/favicon.ico

atau tempat lain, mohon untuk dicek ulang. Namai favicon lama sebaiknya dibackup terlebih dahulu.

Jika cara di atas tidak berhasil,alternatif lain upload icon anda ke direktori /images/ kemudian edit index.php di folder template anda, kemudian tambahkan code berikut sebelum tag </head> :

Lihat hasilnya dengan membersihkan history browser anda terlebih dahulu. Semoga bermanfaat.

Fiuhhh akhirnya bisa juga install module secara manual. Seneng bener pas tulisan “Install Module Success” nongol. Soalnya hosting di tempat gratisan memang perlu sedikit perjuangan biar bisa dapet fasilitas penuh tanpa merogoh kocek terlalu dalam.

Saya membuat sebuah web berbasis joomla dan saya hosting di bytehost salah satu hoster gratis yang ada. Bytehost ini cukup bagus menurut saya dibandingkan dengan tempat hosting lain yang sejenis. Tapi sayangnya ketika mau install module joomla muncul deh tulisan
JFolder::create: Path not in open_basedir paths Warning! Failed to move file

Setelah saya coba cari-cari informasi, dan tanya-tanya ke forum banyak yang tidak memberikan solusi. Setelah kutak-katik akhirnya saya putuskan untuk instal manual aja menggunakan fasilitas “Install From Directory” dari Joomla.

Berikut tahapannya :

1. Download file component / module joomla yang kita inginkan
2. Extract file zip-nya
3. Kemudian buat folder di publichtml/tmp/folder anda (sesuaikan dengan server
hosting yg dipakai, karena ada yang rootnya htdocs).
4. Masukkan/upload file yang sudah diextract tadi kedalam folder yang kita buat.
5. Buka control panel, lalu masuk ke extension/ install/uninstall
6. Masukin deh path yang mengarah ke folder tempat file kita tadi, contoh :
/usr/home/web anda/public_html/tmp/module anda/
7. Terus tinggal klik Install,
8. Sukses

Sekarang gak perlu pusing lagi kalau gak bisa instal langsung, Kata orang bijak masih banyak jalan menuju Tambun.

WE ARE CREATIVE

What We Do?

WEB DESIGN

GRAPHSIC DESIGN

PHOTOGRAPHY

CLEAN CODE

PROGRESS AND ACCORDIANS

24/7 Support

1254

1424

2136

15

MEET OUR AWESOME TEAM

Dharma EA

Webdesign Dev

Riza Averill

Animator

Reepat Alghifar

Masterweb

Rifat AA

Game Developer

Choose the perfect Plan

19$

49$

99$

Jon Doe

Jon Doe

Jon Doe

LATEST FORM Blog

Popular Posts

Labels

Send Us A Email

ContactInfo

Address:

Phone:

Email: