Cara Konversi Blog Ke Versi Mobile

Cara Konversi Blog Ke Versi Mobile

By Siapa?   11.16

Blog Anda jadi lebih nyaman dibaca di browser ponsel, oke tampaknya di masa depan semua ponsel bakal menyuguhkan browser dengan kemampuan terbaiknya.

HTML, AJAX, JAVA STRING, FLASH, dan MULTIMEDIA, semua akan tampil sempurna di layar ponsel, sesempurna tampilannya di komputer desktop. Namun saat ini, ponsel dengan kemampuan browser kompleks seperti itu masih sedikit. Beberapa vendor malah mematok harga yang cukup mahal untuk ponsel full browser mereka. Hal ini menjadi tantangan bagi para blogger dan pemilik website.

Bagaimana supaya mereka bisa menyuguhkan blog yang selain nyaman dibaca di komputer desktop, namun juga nyaman ditelaah di browser ponsel biasa? Solusinya? Jangan berpikir terlalu rumit. Tak perlu pula memeras keringat mengingat banyaknya "command html" dan berlama-lama membuat versi mobile yang rumit.

Anda hanya perlu berterima kasih pada MOFUSE, layanan konversi blog versi Mobile yang gratis dan mudah digunakan.

KONVERSI

Yang Anda butuhkan untuk memulai operasi ini adalah sebuah desktop komputer dengan browser dan koneksi internet. Itu saja. Masuklah ke situsMofuse. Di bagian tengah, Anda akan melihat kolom dengan tulisan "Mobilize your Blog Now". Masukkan alamat blog Anda ke dalam kolom yang tersedia, kemudian tekan tombol Mobilize. Selanjutnya Anda akan dibawa ke halaman baru berisi beberapa setting dan konfigurasi.

LANGKAH 1: 

Konfigurasi alamat web versi mobile

Masukkan alamat blog versi mobile Anda. Agar mudah diingat, sebaiknya masukkan alamat yang mirip blog versi webnya. Misalkan jika alamat webnya "namablog-Anda.blogspot.com", maka alamat versi mobilenya menjadi "namablog-Anda.mofuse.mobi". Mofuse secara otomatis akan menambahkan akhiran mofuse.mobi pada alamat mobile Anda. Jangan lupa cantumkan judul atau tema blog Anda pada kolom "Mobile Site Tittle", serta kategori blog Anda dalam kolom "Mobile Site Category".

LANGKAH 2:

Membuat akun untuk mengklaim alamat mobile site Anda

Untuk mengklaim alamat mobile site yang Anda buat di langkah pertama, Anda perlu membuat akun di Mofuse. Masukkan password yang Anda kehendaki. Cantumkan pula alamat email Anda sehingga data-data penting seperti password dan konfigurasi situs mobile Anda terkirim ke alamat email.

LANGKAH 3:

Finalisasi

Pada langkah ini, Anda hanya perlu memberi tanda centang di kolom persetujuan layanan, kemudian menekan tombol "Launch Mobile Site". Sesaat kemudian, Anda akan mendapatkan halaman baru bernama "Dashboard". Di dashboard ini, Anda bisa melakukan konfigurasi lebih lanjut terhadap situs mobile Anda, termasuk melakukan pengaturan akun, utak-atik tampilan, dan menerima pesan email. Sekarang Anda dapat membandingkan blog Anda, versi web dengan versi mobilenya.

* Ada alternatif lainnya untuk mengkonversi blog Anda ke versi mobile menggunakan akun Google Anda.

- Klik link ini untuk konversi blog Anda menjadi versi mobile

- Klik "Sign In with Google Account", "Add New Blog", masukkan nama blog Anda, "Go", masukkan kembali nama blog Anda, "Check Availability", "Next", setting site feed blog Anda ke "FULL", "Add Code", tambahkan gadget, kembali lagi ke bloggertouch, isi kembali nama blog Anda bila diminta, klik "Next", "Verification", bila sukses diverifikasi berarti blog Anda telah dikonversi ke versi mobile secara otomatis. 

Silahkan Anda lihat tampilan baru blog Anda via browser ponsel Anda. Bagaimana? Keren kan? 

Tampilan blog Anda memang menjadi sederhana. Tapi dengan begitu loading blog Anda menjadi cepat diakses dan pengunjung blog Anda pun tidak perlu menunggu lama untuk sekedar melihat maupun membaca artikel di blog Anda.

Menarik bukan? 

Blog Anda kini lebih leluasa diakses melalui ponsel. 

Read More

Cara Membuat Template Website

Cara Membuat Template Website

By Siapa?   11.13

Dalam membuat template website, setidaknya ada beberapa faktor utama yang harus dan mutlak dimiliki oleh setiap orang. Beberapa faktor itu antara lain memiliki pengetahuan terdahap program CSS, memiliki basic (x)html (dan lebih baik lagi jika Valid w3) dan faham Slicing di beberapa program editor seperti photoshop, fireworks, maupun image ready.

Cukup banyak memang yang harus kita kuasai. Tetapi bagaimana bila kita sama sekali tidak mempunyai backgound pengetahuan seperti yang sudah di sebutkan di atas ?
Untuk itu kali ini FastNcheap mau berbagi sedikit trik membuat template dengan software Artisteer 3. Program ini juga bukan program Freeware alias gratis. Untuk mendapatkan versi full versionnya ada bisa mencarinya sendiri informasinya di internet.
Jika anda sudah selesai meng-installnya, klik menu File > New, maka akan tampil beberapa pilihan  template yang digunakan untuk CMS berjenis apa saja (lihat gambar di bawah).

• Bila anda pengguna CMS Joomla pilihlah Joomla.
• Bila anda pengguna CMS WordPress pilihlah WordPress.
• Pengguna Drupal bisa memilih Drupal untuk Templatenya.
• Blogger juga bisa memilih type Blogger.
• Dan untuk template non CMS alias HTML anda bisa memilih Website or Blog.

Beberapa kemudahan yang dimiliki Artisteer:

• Ada banyak type template yang bisa digunakan.
• Pengaturan layout template bisa di atur sesuai kebutuhan.
• Banyak pilihan menu-menu untuk menambah disain template.
• Template bisa di atur sesuai kemauan penggunanya.
• Bisa mengatur Favorite Icon sendiri.

Kekurangan yang dimiliki Artisteer:

• Program komersial, untuk mendapatkan lisensinya harus membayar.
• Disain Layout hanya bergantung dengan apa yang sudah ada didalam Artisteer.
• Tidak bisa memasukkan file html untuk di audit menjadi template.

Untuk anda yang suka mengoprek-oprek CMS, software ini sangat cocok untuk di miliki. Untuk mencoba versi demo alias trialnya anda bisa langsung mendownloadnya di website resminya yang beralamat di artisteer.com, atau jika memang diperlukan anda juga bisa membeli versi professional dari software ini.

Read More

Cara Membuat Widget Translator di Blog

Cara Membuat Widget Translator di Blog

By Siapa?   11.05

1. Login ke BLOGGER
2. Klik RANCANGAN kemudian pilih ELEMEN LAMAN
3. Jika sudah klik ADD GADGET
4. Masukkan KODE dibawah ini:

Spoiler: 

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCP1Crv-I9hragWE48OjqNTBdrXRnmNjsylXleGpgP2UiQ-smkUiChl62EN0o0pd-W33hjZ8ihbh75b9UyOMxpbftENTnjZupgm_Ksf5Yxisv2QDQLIPRKYybdn2IGwYi2iKl9MeXz8bI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTVwVDHZ19zOYD2cJx6cDwz83iPKdkYDxjm49-fdsQJ0A7zwNqT2EXC5IhnhvY5LuBW4mLPKmpu7RDoSRnvXnS1s7_reWVWMtQxpMNNuKUBuW1HABRPZSt6pS-ykPZZyOWaWv98z01hU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1L_61gVGVodGtCJC9ws1RMm_bMkLk1QDlpZB-8Qrq2loumYJ6qdnGANIkhi7rFHsrlTy6QNk5zgH4EDpWjSTTfJ5Sp5FBC-r0LAu_VTw8SP04fiYieEIhEa2r0iDN3FbuMm19S0TBBoxK/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl2ghfrDLHEOLfp60ixDk7IYeYiXTD2bXzFB4Um58A4Hf_8upbgYaqEUnTl2hVIPcAZy6pe29drvR54SAu4hjp8tI0EzJYtCvLWKLUQKw6smD6G71zs69HnDJ3jtPMGol1CYKxCz2DHLrw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrvwLXi7G9mfNF-wrPut8BXe1goWH7gTcQ_5j4MXRBC12rSFWYHz3vS_p28O1SAOSFE2oUu3OWb0jjZ7Wc_rK0PNEN1OQtkJICodOWVSu-uEECKHHdki-8_EpjqZ3NZAcqoj0dKhdVQ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKRB3yPHcB4GtuAZZpSyuV8Z7a-RgdeKD5u5sd29XbaEXiwswd_KEyMnLUyOFrRilcI4-GG3f8mZQWvw_U7Y3Z7pN-IcBW3I5bNufhDUwTfr0s5qUiuMA-J6Oh2btI8qjpGwjEwKngrU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNkaTN1mcTT0donO8c8vGtCnrRSKbfSvbh5a3_0V02eoY1pa3ig7Y-RJwegSh_9S2I01tQ_KDBLs-kBwWys-rD5B96wciqrPo8gd42FW7OvKgAci3iSHKu9hPQAR1PtBHFRSArvkn6628/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRstGTy7Y3FcH_rrEeFzYqB3VQwfMNjrLjUXElufFdVrD7TfaT9XIEfsfqY92FOeOPB6qzHd89yaFaCJAGV0sT21K9RCYlD2ujafzZZq5RTej5GccVOl9jNI7YtaHKYCi7devj7clM22C1/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6nd8azGckqIALxjD58GG0PoKLOhcDK6rAzBsnRIOh9wE7UC73dL4RZlD8fR4kVUhAmu_6r_9YJbGnbus-JdqfiJENrSBh34POn3BjxE5iDGi0ERZt2eOxX6yeRijzhP41QHrDhyphenhyphenMO_dU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2Hs2N321eLMuXvWsvIIcnfviS1PXb9CUL8Ngb9eXp-i3j5TZoEPIaZ9T6b2_APe32VkBORhyyvsSvHUY92jkGk6pzX1SJsdXI1XRmsnOqa0djruJAAHyktG6IPSnYuaEopv4tCZexA4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</div>

5. SIMPAN

Read More

Cara Membuat Tombol Like Facebook di Blog

Cara Membuat Tombol Like Facebook di Blog

By Siapa?   10.59

Advertisement Facebook, situs layanan jejaring sosial paling terkenal, baru-baru ini merilis fitur baru yaitu Facebook Like. Kalau sebelumnya tombol "Like" hanya terlihat pada situs Facebook saja (misalnya di bawah status update pengguna Facebook), dengan fitur ini pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs/blog di luar Facebook. Tapi tentunya hanya pada situs/blog yang memasang tombol ini yang bisa membagi link artikelnya ke Facebook.

Nah, bila Anda tertarik untuk memasang tombol "Like" di artikel blog Anda, silahkan ikuti cara pemasangannya. Sebenarnya, di situs Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di situs/blog. Tapi sayangnya, pada pilihan URL to Like di tool itu, hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel/halaman blog (URL dinamis). Untuk itu perlu sedikit modifikasi dari kode yang bisa didapat di Facebook itu.

Silahkan pilih kode yang sesuai dengan platform blog yang dipakai. Jika Anda tertarik silahkan ikuti langkah demi langkah di bawah ini:

- Login dulu ke akun Blogger Anda

- Klik pilihan Rancangan

- Edit HTML

- Tandai Expand Template Widget

- Cari kode <data:post.body/> dan masukkan kode di bawah ini di atas atau di bawahnya.

<b:if cond='data:blog.pageType == "item"'>

<div>

<fb:like expr:href="data:post.url" layout='button_count' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>

</div>

</b:if>

- Cari kode </head>, masukkan script berikut ini di atas kode </head>.

<script>(function(d){

var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}

js = d.createElement('script'); js.id = id; js.async = true;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));</script>

Cari kode <html, biasanya berada di paling atas pada kolom edit html.

Dan ubah menjadi <html xmlns:fb="https://www.facebook.com/2008/fbml"

Read More