Membuat Burung Terbang Follow twitter

Maraknya pengguna twitter dan facebook saat ini membuat mereka berinovasi bagaimana membuat akun mereka yang tampil di blog atau situs lebih menarik dengan harapan para pengunjung blog / situs akan tertarik untuk add di akun mereka sehingga menambah jaring pertemanan menjadi semakin luas.
Berikut ini adalah tutorial membuat icon twitter dengan animasi burung yang bisa terbang mengikuti arah gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak yang ada pada blog/situs yang sengaja saya share dari rekan netter imemoz.com. Caranya cukup mudah dan gampang.

Berikut adalah langkah-langkahnya:
Pengguna Platform Blogger
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.

Pengguna Platform Wordpress
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.

Copy script berikut ini kemudian paste di blog atau situs anda.


<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT5hatlhPYJneiEl0EeR9R_v_ndwn0w76mPTO9WuEFH2uCS63s48TpUv-1B3RofZUhKrVWaQ9VssGG6sqZQzxKzAOhAony_b266P-_OU2HtmUeJovooGkhcCBG_4v1Q0UjGrEY-fwjvUxO/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://eko-tipsntrick.blogspot.com/";tripleflapInit();
</script>


Ganti tulisan NamaTwitterAnda (ada 2 tulisan)bdengan ID twitter anda dan http://eko-tipsntrick.blogspot.com/ dengan alamat Blog anda

Selesai dech...


Cara Pasang Widget Wibiya Di Blog

Berhubung ada yang menanyakan gimana cara pasang toolbar yang ada di footer saya ini, maka saya akan coba postingkan gimana cara buatnya, sebenarnya mudah kok, kita cuman meminta bantuan pada sebuah situs yang menyajikan widget tollbar seperti itu, ya bener....wibiya namanya, dan langkah-langkahnya adalah sebagai berikut:
1. Buka Situs Ini http://www.wibiya.com
2. Klik Get It Now, maka akan akan muncul tampilan seperti ini

3. Isi data lengkap kamu, Full name(nama lengkap kamu), Email Adress(alamat enail, yang nantinya buat konfirmasi akun), Password(isi dengan password yang kamu inginkan), Site Url(isi dengan Url kamu, jika ingin pasang di Blog, maka masukkan alamat blog kamu), Site Name(tentang isi dari blog kamu, Contoh Indonesian Beach), Site Language( pilih bahasa yang kamu mau). Klo sudah terisi lanjutjan dengn klik tombol Next. Dan tampilan berikutnya seperti ini

4. Pilih salah satu tampilan yang kamu inginkan, lanjutkan lagi dengan meng klik tombol next.,dan….tampilannya seperti ini.,

5. Gambar diatas adalah menu menu yang akan di tampilkan pada toolbar kamu nanti, pilih remove from toolbar apabila ingin menghapus salah satu menu yang ingin di tampilkan, jadi intinya pilih menu yang penting-penting saja,. Contoh (Social chat, I translation, Facebook like, dll yang kamu anggap perlu untuk di tampilkan). Lanjut lagi dengan meng klik tombol next.
6. Akan ada tampilan pop up windows seperti di bawah ini, isikan alamat-alamat yang diminta, jika face book like maka isikan dengan alamat facebook kamu, dan sterusnya, and then klik Done

7. Setelah itu pilih lokasi dimana kamu akan memasang toolbarnya, pilih lambang blogger jika ingin memasang di blogger, dan kamu akan dibawa ke halaman berikutnya seperti ini :

8. Copy Script yang ada di kolom edit Content, semuanya ya, jangan sampe ada yang ketinggalan
9. Langkah selanjutnya Login ke blogger, Pilih Rancangan/Design, add Gadget, Pilih HTML/JAVA Script, Pastekan Kodenya dikotaknya, gak usah di kasih judul ya, dan Pilih Save, Selesai dech, karang lihat hasilnya, ok gak? Apa bila ingin melukakan pengeditan toolbarnya masuk aja ke Wibiya dan kamu otak atik sendiri aja, sesuai dengan tampilan yang kamu inginkan..,Akhir kata semoga postingan ini bermanfaat bagi kita semua, Jazakumullah khaairan Katsir..,

Klo ada yang di tanyakan silahkan berkomentar di bawah ya,,,,

Biaya Bikin Blog (Gratis vs Bayar)

Saya bukan penjual domain apalagi penyedia layanan jasa sewa server hosting jadi entry ini tidak akan merekomendasikan penjual domain apalagi penyedia jasa hosting. Namun saya ingin sedikit memberi gambaran bagaimana jika Anda, saya, kita dan mereka memiliki blog dengan nama domain (pilihan) sendiri dan menyewa penyedia jasa hosting sendiri pula? Dengan asumsi akan pertanyaan, “Berapa biaya bikin blog?”
Seperti halnya namaanda.com dengan self hosted alias hosting berbayar yang bisa digunakan untuk mencari penghasilan tambahan dengan script adsense atau program make money online lainnya. Sekiranya berapa harga yang harus Anda, saya, kita dan mereka keluarkan tiap bulan atau tahunnya?
Berikut ini sedikit saya mengulas mengenai daftar harga domain dan hosting harga domain dan hosting dari yang termurah hingga termahal, mulai domain berextensi internasional hingga domain berextensi lokal (domain Indonesia).
Jika kita melihat daftar harga domain yang berextensi internasional pertahun dengan kurs rupiah yang paling murah diduduki domain berextensi .info sekitar 20.000, lalu .com, .net, .org, .biz, .us, dan .name sekitar 70.000. Sedangkan yang termahal berextensi .mobi, .in, .tv, dan .cc mulai dari 90.000 hingga 250.000.
Sedangkan untuk domain berextensi lokal yang paling murah dipegang web.id sekitar 30.000 lalu ac.id, go.id, or.id dan sch.id sekitar 60.000 dan yang cukup prestisius co.id dan net.id sekitar 125.000.
Variasi harga domain tersebut dihitung pertahun dan belum termasuk biaya sewa hosting yang harus kita  keluarkan perbulan (jika merasa berat bayar pertahun).
Untuk hosting sendiri harganya cukup bervariasi tergantung paket hosting dengan kapasitas disk space dan bandwidth yang kita ambil nanti.
Kita gambarkan dengan harga hosting standar. Disk Space 50 MB dan Bandwidth perbulan 30 GB harga perbulannya sekitar 7.000 dan jika Anda ambil pertahun biasanya ada diskon khusus sehingga yang seharusnya 84.000 dari harga 7000 per bulan, Anda bisa membayar 50 hingga 60.000 tergantung penyedia jasa hosting.
Paket hosting di atas merupakan standar untuk “blog” dan “termurah”, jika blog Anda sudah berkembang pesat, memiliki banyak pengunjung dari seluruh dunia lalu artikel dan file termasuk image yang banyak tentu saja Anda membutuhkan lebih besar lagi space bandwidth dan… Anda perlu mengeluarkan biaya esktra. Untuk hosting yang cukup besar dengan disk space 20 GB dan bandwidth sebesar 300 GB Anda perlu merogoh kocek sebesar 400.000 perbulan atau 3.500.000 pertahun.
Jika kita kalkulasikan harga domain plus hosting di atas dan mengambil yang termurah berarti pertahun untuk satu blog kita harus mengeluarkan biaya sekitar 100.000-an bagaimana jika Anda mempunyai 5 hingga 10 blog…? Anggap saja Anda mempunyai 5 blog untuk mencari uang di internet. Silahkan hitung sendiri pengeluarannya!
Murah? Ya cukup murah!
Pertanyaan sederhana Anda kenal dengan Cpanel, FTP file, Chmod, .htacess, MX Record? Untuk membuat blog sendiri Anda memerlukan pengetahuan istilah-istilah tersebut, bagi yang sudah paham mungkin mudah saja tapi bagi yg terlanjur terbiasa menggunakan blogspot atau wordpress.com istilah-istilah tersebut mungkin masih terasa asing. Jika ada kesalahan sedikit saja mungkin blog Anda akan lenyap dan error tidak bisa diakses serta masalah lainnya dan harus memulai dari awal lagi! Mengambil jasa pemilik hosting biasanya harus memberikan bayaran ekstra, meski ada juga yang free of charge.
Jadi?
Saya rasa sebelum membuat blog dengan domain dan hosting berbayar sendiri mungkin bisa menjadi alternatif pertimbangan untuk menggunakan jasa domain dan hosting gratisan. Untuk apa? Untuk berlatih memahami “daleman” seluk beluk domain dan hosting berbayar nantinya.
Saya tidak berbicara tentang blogspot, wordpress.com, dagdigdug, leoxa, blogdetik atau 58 penyedia jasa blog plus hosting gratis lainnya yang tutorial untuk membuat blog tersebut bisa Anda dapatkan dengan mudah di teman-teman blogger yang memang pada baik hati, tapi saya berbicara tentang CMS WordPress (wordpress.org) yang bisa Anda instal ke domain gratis Anda melalui file manager hosting gratis tanpa takut salah, takut rugi dengan biaya pengeluaran dan bisa digunakan untuk mencari sesuap nasi melalui blog kalaupun ada sisa di tabung buat ongkos naik haji atau rekreasi bersama keluarga keliling dunia.
Ya… saya berbicara mengenai platform CMS wordpress (self hosted) dan yang saya sarankan untuk berlatih bermain menginstal CMS wordpress dengan domain gratis yang dulu pernah terlupakan dan hosting gratis dengan kapasitas disk space sebesar 250 MB bandwidth sebesar 100 GB semuanya gratis tanpa harus mengeluarkan biaya kecuali biaya internet! Jika kita memperkirakan harga untuk domain dan hosting tersebut sekitar 500.000 per tahun! Lumayan untuk menghemat biaya pengeluaran mengingat harga BBM dan kebutuhan pokok yang semakin menggila!
Untuk itu silahkan pilih dan daftarkan domain gratis pilihan Anda di co.cc (klik disini untuk mendaftar) setelah mendaftar domain di co.cc lalu daftarkan domain Anda di hosting gratis di 000webhost.com (klik disini untuk mendaftar hosting gratis).
_______________
PS: Namun bagi teman-teman yang baru mengenal domain gratis co.cc dan hosting gratis webhost ini serta masih bingung bagaimana mendaftar di co.cc dan menghosting domain tersebut di webhost dan bagaimana menginstal CMS wordpress pada domain hosting tersebut serta memerlukan panduan/tutorial lengkap lainnya bagaimana…
  1. Cara mendaftar domain gratis di co.cc
  2. Mendaftarkan domain pada hosting gratis webhost
  3. Menginstal CMS wordpress di webhost dengan Fantastico Autoinstaller
  4. Menginstal CMS wordpress melalui File Manager
  5. Menginstal CMS wordpress menggunakan FTP client (Filezilla)
  6. Chmod directory menjadi writable
  7. Mengubah struktur permalink (contoh: dari www.domain.co.cc/p2 menjadi www.domain.co.cc/tentang)
  8. Menginstal plugin oneclick atau Easy Uploader untuk memudahkan instalasi plugin serta theme.
  9. Panduan lengkap mengaktifkan nama domain pada google application untuk mendapatkan email sesuai nama domain anda (contoh: kontak@domain.co.cc)
  10. Mengsetting MX record untuk email
  11. Membuat subdomain (contoh: forum.domain.co.cc)
  12. dan lain-lain…
Nantikan tulisan berikutnya mengenai “Panduan Lengkap Membuat Blog (Menginstal CMS WordPress) Dengan Domain dan Hosting Gratis!”
Namun sekali lagi… jika Anda sudah tidak sabar dan ingin berexplorasi sendiri (mencari pengalaman dan kepuasan pribadi) silahkan daftarkan pilihan domain gratis Anda dengan extensi co.cc dan hosting gratis di 000webhost.com.
Selamat mencoba atau sabar menunggu artikel berikutnya… :-P

Cara membuat pesan khusus diatas kotak komentar

Mudah kok sob... tinggal ketik aja jadi.. hehe.. 
Dalam menulis pesan bisa ditambahkan Tag HTML jika ingin membuat teks tebal, miring dan teks berLink.. 

Tag HTML yang bisa dipergunakan dalam kotak pesan komentar ini adalah
  • <b> untuk membuat huruf menjadi tebal (kode penutup </b> )
  • <i> untuk membuat huruf menjadi miring (kode penutup </i> )
  • <a> untuk menyisip link (kode penutup </a> )

Ini dia cara membuat pesan diatas kotak komentar :

1. Login ke blog sobat --> Setelan --> komentar--> Tampilkan

2. Gulir kebawah sedikit ada menu 'Pesan formulir komentar'
3. Isi dengan pesan yang ingin sobat tampilkan

4. Jangan lupa di SAVE.

Demikian cara membuat pesan diatas formulir komentar.


HAPPY BLOGGING and SHARING

Menambahkan fitur "Baca artikel lain" dibawah post

Fitur ini menggunakan feed label atau kategori post, dan cara kejanya hampir sama dengan "Related Articles" atau "Artikel yang berhubungan". Bedanya kalau fitur ini, kita dapat menentukan label atau kategori artikel apa yang akan kita tampilkan. Sehingga judul artikel  yang muncul secara acak dan otomatis, akan sesuai dengan label atau kategori yang kita pasang pada fitur ini.
Selain itu kita juga dapat menentukan jumlah label atau kategori yang akan ditampilkan dan jumlah judul artikel yang akan muncul pada setiap label atau kategori yang kita pasang.

Untuk letak, dimana kita meletakkan fitur ini terserah kita....
Pada artikel ini saya memberi contoh dan langkah-langkahnya di bawah artikel post. Atau bila sudah ada fitur "Related Articles" atau "Artikel yang berhubungan", kita tinggal menambahkan dibawahnya.


Tapi, bila anda menghendaki fitur ini ditampilkan dalam gadget sidebar juga bisa. Sebab fitur ini akan tetap bekerja dengan baik, asal anda tidak keliru mengganti teks yang ada pada script yang saya berikan dan anda tinggal copy paste pada gadget....OK.

Bila anda juga bermninat membuat artikel berhubungan atau related Post pada blog anda, silahkan anda ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
 4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Jangan lupa Klik tombol "Expand Widget Templates"
6. Cari kode yang mirip dengan kode ini : <data:post.body/>
7. Bila blog anda sudah menggunakan "Read more",
Taruh kode dibawah ini setelah kode <data:post.body/> yang kedua. 
Dan bila anda sudah menggunakan "Related Articles" atau "Artikel yang berhubungan", anda tinggal meletakkan kode dibawah ini setelahnya. :

<br/>
<b>Baca artikel lain :</b><div style='height:200px;overflow:auto;' class='related-post' id='artikel_lain'>
<script type='text/javascript'>
var homeUrl3 = "http://www.carabuatwebgratis.com/";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 4;
maxNumberOfPostsPerLabel = 4;
maxNumberOfLabels = 4;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('artikel_lain').appendChild(div1);
}}}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;




textLabel = "LABEL-1";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}





textLabel = "LABEL-2";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}





textLabel = "LABEL-3";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}





textLabel = "LABEL-4";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}





</script>
</div>

Catatan :
  • "maxNumberOfPostsPerLabel = 4;"  Jumlah artikel yang tampil.
    "maxNumberOfLabels = 4; "  Jumlah artikel yang tampil.
  • Ganti teks  LABEL-1, LABEL-2, LABEL-3, LABEL-4, dengan label yang ingin anda pasang.
  • Bila ingin menambahkan label, anda tinggal menambahkan satu bagian kode seperti berikut :
    textLabel = &quot;LABEL-4&quot;;
    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }} 
    Jangan lupa ganti teks berwarna merah.
8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....