Cara membuat widget statistik blog

Cara membuat widget statistik blog

Blog atau website memerlukan statistik bertujuan untuk Memantau atau melihat perkembangan blog adalah hal yang sangat di perlukan pemilik blog dari sini pemilik blog akan bisa melihat siapa saja yang membaca halaman blog ( Pageviews ) kita, daily reloads, jumlah pengunjung ( Visits ), kunjungan per hari ( Daily Visits ), pengunjung yang sedang online ( User Online ), Pagerank blog ( PR ).

Mendapatkan  widget statistik blog ini tidak begitu sulit atau bisa dikatakan mudah dan tidak perlu membayar apapun atau dengan kata lain gratis. Di bawah ini saya buatkan sedikit panduannya Cara membuat widget statistik blog supaya anda bisa memahaminya yaitu :

1. Silahkan sahabat berkunjung ke widget24.com

2. Customize widget ini akan dilihat di halaman utama layanan widget24 silahkan anda isi : 

Text - Isi dengan judul tampilan widget anda, Your Website - Isi dengan URL website atau blog anda,Select Style - Silahkan pilih tampilan widget anda tandai pada render button di sampingnya, Select Color - Silahkan pilih warna tampilan widget anda ada 6 pilihan warna, pilih salah satu klk saja icon warnanya,Font Color - Pilih warna text klik to select di bawah kolom kode warna, Select Counters - Pilih yang akan di tampilkan pada widget statistic tandai centang (√) pada kotak di sampingnya.

Lihat contoh pada gambar dibawah ini :

3. Insert the code on your website Ini merupakan langkah terakhir setelah mengisi lengkap pengaturan widget di atas  silahkan copy dan paste code widget yang di berikan di blog atau website anda. Selesai  

Lihat contoh pada gambar dibawah ini :

Cara menempatkan widget statistik blog di blogspot anda :

Login ke Blogger►Dashboard►Design►Add gadget►Pilih gadget HTML►Paste code widget di dalamnya. 

sekian semoga dapat bermanfaat..........

cara membuat gambar di pojok bawah, atas, kanan dan kiri blog

     Pada malam hari ini  saya akan membahas tentang cara membuat gambar di pojok kiri kanan atas atau bawah blog sahabat . Trik ini saya buat untuk menyimpan kode untuk membuat gambar di pojok kiri kanan atas bawah blog  ekalian shere kepada para teman-teman sahabat sekalian. :)  apabila ingin membuatnya Silahkan ikuti langkah-langkah berikut:

• Masuk ke blog Anda.
• Masuk ke template blog Anda lalu klik Edit HTML dan lanjutkan
• Cari kode ]]></b:skin> (cara mencari: Ctrl + F)
• Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>


• Keterangan kode di atas: top = atas, bottom = bawah, left = kiri, right = kanan. Silahkan diganti sesuai dengan keinginan Anda.
• Lalu cari lagi kode </body>
• Copy dan paste kode di bawah ini tepat di atas kode </body>




• Simpan Template dan lihat hasilnya.

Selamat mencoba! dan semoga bermanfaat........

Cara Membuat Kotak Komentar Facebook di Blogspot (Update)

Semakin populernya situs jejaring sosial seperti facebook, maka banyak juga temen-temen blogger yang memasang form komentar facebook di blogspotnya untuk memudahkan interaksi dengan pengunjung blog selain kotak komentar standarnya blogspot.




Untuk memasang form komentar facebook di blogspot caranya :


1. Buka Dashboard - Design - Edit HTML - Download Full Template (buat jaga-jaga jika ada masalah) - Centang Expand Widget Templates.

2. Cari kode <b:includable id='status-message'> dengan Ctrl-F, nanti akan ketemu seperti dibawah ini.

</b:includable>
<b:includable id='status-message'>

3. Copy script dibawah ini dan letakkan diatas kode </b:includable>.


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=ID-APLIKASI&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='400'/>
</b:if>


4. Ganti ID-APLIKASI dengan id-aplikasi yang telah dibuat, angka 5 adalah jumlah komentar yang mau ditampilkan dan angka 400 merupakan lebar dari kotak komentar facebook.

5. SAVE TEMLPATE dan lihat hasilnya.

Semoga bermanfaat.

Cara Mengecek Kecepatan Loading Blog

    pada siang  kali ini saya akan memberi  tau  gimana sih caranya mengecek kecepatan loading blog kita ? Nah cara ini juga dapat dijadikan sebuah acuan, bahwa sudah nyamankah blog kita di mata pembaca ? (FYI : Pembaca Mudah Bosan dengan Blog yang Loadingnya lebih dari 15 detik). So buat para sahabat blogger yang punya blog dan memiliki aset penting di dalamnya, jangan sampai loading blog sahabat membuat si pembaca bosen terus berpindah ke lain hati.. hehehehehe.....

di bawah ini screen shoot milik saya...

Via IWebtool

                Emang sih punya gue nggak bagus-bagus bangeet. Secara blog yang sekarang masih amatir, page rank aja beluum dapet #hiks. Doain yak supaya blog ini maju, dan tutorial ini bermanfaat buat lo semua yang baca. Tentunya bisa dicatat situs-situs ini, berikut ini adalah situs pengecek kecepatan loading blog :

1. http://gtmetrix.com/
2. http://iwebtool.com/speed_test
3. http://websiteoptimization.com/services/analyze
4. http://tools.pingdom.com/
5. http://numion.com/stopwatch
6. http://pagespeed.googlelabs.com/

Keterangan :

1. Langkahnya gampang sahabat  tinggal masukin aja link blog sahabat terus klik submit atau go.

2. Hasil pengukuran berbeda-beda antara satu situs dengan situs lainya.

3. Pengukuran kecepatan ini tidak menimbulkan resiko apapun (AMAN)

            Sekarang bagimana hasilnya ? Apakah blog sahabat loadingnya cepet ? Untuk google speed dianjurkan hasil tes sahabat minimal 80 dan lebih dari 80 berarti itu bagus. Dan untuk yang lainya mungkin berbeda lagi, dan canggihnya salah satu dari situs diatas dapat mengcompare/membandingkan situs sahabat dengan situs lainya. Jadi buruan dicoba yah sobat, sebelum sahabat kehilangan banyak pengunjung karena nggak tau apa fungsi ini. 

Semoga sukses ! selamat mencoba.......................

Cara membuat sitemap di blogger blogspot

halaman sitemaps merupakan  halaman yang berisikan seluruh daftar isi postingan  blog  sahabat, yang di klasifikasikan layaknya seperti buku.

bagi sahabat blogger yang belum tau dan ingin membuat halaman sitemap bisa mengikuti cara -- cara beriku.
langsung saja.

( jangan lupa do'a dulu ) heheheheheh..........
1. login ke blogger
2. pilih tataletak
3. pilih laman baru








contohnya pda gambar di bawah ini..

lalu ikuti gambar selanjutnya..

untuk selanjutnya masukan kode HTML berikut.. alias di copas aja..

<script src="http://myjsdot.googlecode.com/files/sitemap.js"> </script> <script src="http://reihan-juice.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

Ganti http://reihan-juice.blogspot.com yang berwarna merah dengan URL blog sahabat.. lalu klik publikasikan.
maka selesailah sitemap sahabat....

ok... semoga dapat bermanfaat.........

Tips Supaya Blog Muncul di Search Engine

Untuk membuat supaya blog kita bisa muncul di search engine, apa lagi munculnya dihalaman depan dan bagian atas, merupakan keinginan hampir semua bloger. Namun tidaklah mudah untuk membuat blog kita nangkring di top rank result search engine. Ada banyak cara yang dilakukan supaya hal tersebut terwujud, mulai dari yang otak-atik script dan meta tag sampai membayar jasa SEO Service. Nha berikut ini akan aku berikan sedikit tips atau hal-hal yang mempengaruhi kenapa blog kita bisa nangkring di urutan atas hasil pencarian search engine, atau setidaknya masuk dalam deretan hasil pencarian walopun berada diurutan buncit :D

Berikut ini tipsnya (untuk Google) :
1. Coba ketikkan alamat URL blog kamu di google search kemudian tekan Enter. Jika blogmu muncul berarti sudah ke indes di google tapi mungkin masih kalah bersaing dengan yang lain. Dan jika blogmu tidak muncul berarti belum keindex di google. Coba daftarkan blog km di http://google.com/addurl. Hasil tidak langsung jadi lho, jadi perlu waktu supaya blog kita terindex oleh google.

2. "Title Blog", jika membuat blog tentunya kita disuruh untuk membuat title blog. Title blog ini sangat penting dan sangat berpengaruh terhadap hasil pencarian di search engine, jadi pintar-pintarlah untuk memilih title blog km. Buatlah title blog yang menggambarkan isi dari blog km. Jangan terlalu panjang dan jangan terlalu pendek.

3. "Title Postingan". Title postingan ini juga hampir sama pentingnya dengan title blog. Dalam membuat title postingan atau judul postingan hendaknya dipikirkan betul, bayangkan kira2 judul apa yang paling cocok untuk postinganmu. Juga bayangkan kira2 jika km mencari artikel tentang postingan mu tersebut, keyword apa yang akan km ketikkan di dalam search engine. Bayangkan seperti itu. 

4. "Update Blog", sering-seringlah mengupdate blog km setidaknya dalam satu minggu itu sekali ato dua kali. Hal ini pernah aku rasakan efeknya di salah satu blogku. Blogku yang pada awalnya memiliki pengunjung dari search engine sekitar 30-40% tiba-tiba menurun drastis menjadi hanya sekitar 3%. Itu terjadi karena blog tersebut sudah lama tidak aku update, dan ketika aku update lagi, kemudian blogku kembali bisa memasuki jajaran top rank di search engine result.

5. "Promosikan blogmu", promosikan blogmu ke banyak web/blog, forum, situs2 promosi gratis, dll. Karena semakin banyak link blogmu tersebar maka akan semakin sering pula spider searh engine mengunjungi blogmu.

6. Gitu aja deh tipsnya....

NB: perhatian tips-tips diatas tidak menjamin blogmu akan langsung terangkat di hasil pencarian search engine, karena metode sebenarnya dari pencarian itu yang mengetahui hanyalah dari pemilik search engine itu sendiri. Tapi setidaknya dengan mengikuti tips diatas web/blogmu bisa masuk kedalam hasil pencarian search engine walopun mungkin berada diurutan keberapa..he..he..

http://trik-tips.blogspot.com/2008/05/tips-supaya-blog-muncul-di-search.html

Pasang Widget Translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :

	Gadgets powered by Google

Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...

Trik Mengembalikan Kotak Komentar Yang Hilang

rik baru tentang Cara mengembalikan kotak komentar yang hilang. sobat blogger kadang panik ketika melihat kotak komentar di blog malah hilang,untuk mengembalikannya mari ikuti caranya:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Centang kotak kecil bertuliskan Expand Template Widget
5.Kemudian cari kode seperti dibawah ini (agar levbih mudah mencarinya gunkan f3)

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

  
 6.Lalu ganti kode tersebut dengan kode dibawah ini

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

7.Save templatenya

Klo ga bisa coba cara yang satu ini:


1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Centang kotak kecil bertuliskan Expand Template Widget
5.Kemudian cari kode (gunakan f3 agar lebih mudah mencarinya) <b:include data='post' name='comments' />
6.kalo udah ketemu letakkan kode berikut dibawah kode tadi <b:include data='post' name='comment-form'/>

7.Save templatenya

Sumber : http://yuksharav.blogspot.com/2011/12/trik-mengembalikan-kotak-komentar-yang.html#ixzz26FxzAVgS

Optimasi Google, Bing & Yahoo dengan SEO Toolkit Gratis dari Microsoft

Berita terbaru yang saya ambil dari beritanteknologi bahwa Perusahaan Raksasa Microsoft telah mengeluarkan tools gratis untuk dapat melakukan optimasi yang disesuaikan dengan semua mesin pencari raksasa seperti Google, Bing dan juga Yahoo? Microsoft kali ini hadir memberikan aplikasi gratis SEO Toolkit yang mana dirancang khusus bagi para webmaster dan web admin untuk beradaptasi langsung dengan Bing, Google dan Yahoo. Tentu ini akan membantu website yang sedang dikembangkan untuk bisa tampil di mesin pencarian dengan mudah bisa diakses oleh pengguna internet dunia.


Beberapa hari lalu, pihak Microsoft juga melepas update terbaru untuk Windows Server Technical Evangelism. Kali ini aplikasi tersebut lebih mengedepankan IIS SEO Toolkit.

“Windows Server 2008 R2 Web Server (IIS 7.5) yang dibangun dengan arsitektur modular yang sepenuhnya memiliki API yang canggih. Hal ini memungkinkan pengembang untuk dengan mudah menambah, menghapus dan bahkan menggantikan komponen IIS yang sudah built-in yang selama ini telah diadaptasikan dengan berbagai situs website. Saat ini lebih mudah mengkombinasikan kode ke dalam core IIS dan menggunakan cara-cara yang sebelumnya tidak mungkin,” kata Pennington.

Janji dari Microsoft adalah bahwa SEO Toolkit ini dirancang untuk membantu pekerjaan webmaster untuk meningkatkan arus lalu lintas dunia maya serta pendapatan tambahan, pengaruh dan memperbarui mesin pencari dan meningkatkan pengalaman pelanggan. Satu-satu kekurangan dari solusi optimasi mesin pencari adalah kenyataan bahwa alat ini hanya dirancang untuk bekerja dengan situs web yang menggunakan Windows Server dan server IIS. Dalam hal ini, IIS SEO Toolkit sebenarnya merupakan sebuah ekstensi IIS dan karena itu alat ini tidak akan dapat berjalan pada web server Linux dan Apache.

“SEO Toolkit gratis ini membantu Anda meningkatkan arus lalu lintas dan pengunjung ke situs Anda, dan sebagai hasilnya dapat meningkatkan penghasilan Anda secara langsung atau tidak langsung melalui website Anda,” kata Scott Guthrie, wakil presiden Microsoft.

diambil dari : www.beritateknologi.com

Google Percepat Akses Voicemail Pada Google Voice

Bukan Google namanya kalau tak rajin dalam hal menyuguhkan sesuatu yang baru bagi para penggunanya. Saat berkunjung ke voicemail pada Google Voice, kini Anda akan merasakan akses yang lebih cepat dibanding akses yang sebelumnya. Dengan begitu Anda tidak perlu menunggu lama dan ini tentunya akan menghemat waktu Anda.

Akses yang lebih cepat ini sebagai hasil peningkatan yang telah dilakukan Google terhadap aplikasi voicemailnya baru-baru ini. Dan ini tentunya akan meningkatkan akses penggunaan voicemail Anda pada Google Voice selama ini.

Yang membuat aplikasi ini memiliki akses lebih cepat dari pada biasanya dikarenakan pada saat Anda ingin mendengarkan dan membuka voicemail yang ada, sistem akan segera menyalin voicemail tersebut sehingga Anda tidak perlu mendengarkan satu per satu dari voicemail yang ada. Selanjutnya sistem akan segera mengirimkan pemberitahuan melalui email dan SMS notifikasi sehingga Anda akan mengetahui kapan Anda mendapatkan pesan yang baru. Dan bahkan sistem mengizinkan Anda mendengarkan pesan suara yang ada untuk mengetahui seberapa panjang isi pesan yang ada.

Untuk membuat pesan suara kini menjadi lebih mudah, ada 2 perubahan dalam cara Anda mendengarkan pesan suara melalui perangkat telepon Anda. Perubahan pertama adalah saat pengguna memutar nomor Voice Google-nya sendiri, dan pengguna mulai memutar ulang pesan suara langsung tanpa perlu menekan angka 1 terlebih dulu. Perubahan kedua adalah Google kini akan memainkan pesan suara yang paling terakhir (baru) meninggalkan pesan suara terlebih dahulu dibanding pesan suara yang pertama (lama). Tentunya dengan adanya peningkatan ini, Google Voice akan terlihat lebih tangguh dan menyenangkan dari sebelumnya.

sumber berita : www.bertateknologi.com

Google Voice Chrome Extension Mudahkan Membuat Panggilan Dari Browser Dengan Fitur Click-to-Call

Berita terbaru yang saya releasi dari http://berita eknologi.com Google Voice merupakan salah satu layanan menarik yang ditawarkan Google saat ini. Sekalipun layanan ini masih berada dalam versi beta dan masih terbatas, namun di tahun 2010 ini Google tampaknya ingin memperkuat cakarnya di pasar telekomunikasi berbasis suara. Google Voice perlahan-lahan mulai menggeliat dan berintegrasi dengan produk lain buatan Google, itulah salah satu yang kini menjadi fitur penting di ponsel Nexus One keluarannya.

Kini lagi-lagi Google Voice ingin merambah produk lainnya dan berkolaborasi dengan Google Chrome sebagai sebuah ekstensi dan memperkaya browser besutan Google tersebut dengan fitur Click-to-Call.

Berikut ini daftar lengkapi dari fitur baru yang ditawarkan oleh Google :

• Menambahkan tombol baru pada toolbar, yang menampilkan jumlah pesan yang belum dibaca dalam inbox Google Voice

• Akses cepat untuk melihat pesan terbaru

• Memungkinkan Anda melakukan panggilan dan mengirim pesan teks dengan hanya mengetik setiap nomor atau nama kontak

• Membuat nomor telepon di situs melalui Google Voice hanya dengan mengkliknya

Fitur Click-to-Call memang saat ini menjadi fokus pihak Google. Dengan ekstensi tambahan pada Google Chrome, Google Voice ingin mempermudah pengguna untuk melakukan panggilan secara online dengan mengklik salah satu nomor telepon lalu akan muncul kotak dialog yang akan bertanya bahwa apakah Anda ingin melakukan panggilan. Selanjutnya Google Voice akan mengontak nomor telepon tersebut dan panggilan akan terhubung melalui browser. Memang kelihatannya cukup rumit, namun proses ini terjadi di belakang layar. Yang perlu Anda lakukan adalah hanya mengklik nomor dan kemudian melakukan panggilan saja.

Sebagai ekstensi Google Chrome, fitur ini terletak di bagian taskbar dengan tampilan tombol kecil, yang mana kalau Anda mengkliknya maka akan muncul kotak dialog kecil. Selain itu Anda juga bisa menyimpan nomor telepon, membuat panggilan dan mengirimkan SMS melalui browser. Google tampaknya akan terus mengintegrasikan Google Voice dengan layanannya yang lain selanjutnya. Kita tunggu saja kiprah selanjutnya dari Google Voice.

Tertarik mencobanya, silahkan download di sini :

http://www.softpedia.com/get/Internet/Internet-Applications-Addons/Chrome-Extensions/Google-Voice.shtml

Text Berjalan di Bar menu

Teman blogger beberapa hari yang lalu mengirimkan email kepada saya yang isinya menanyakan tentang cara membuat text berjalan yang ada pada bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan tersebut sudah saya jawab langsung melalui email juga dan sekarangpun pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar menu blognya ada tulisan berjalan.

Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.

Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.

Untuk template klasik silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan id sobat
2. Klik menu Template
3. klik menu Edit HTML

Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

Copy kode berikut ini lalu paste di atas kode </head>

<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

6. Klik tombol Save Template Changes
7. Selesai.

Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML
4. Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk
memberi tanda centang.
Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
6. Tunggu beberapa saat sampai proses selesai

7. Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah
sebelum kode </html>

<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>


8. Klik tombol SAVE TEMPLATE

9. Selesai

Membuat Gambar Melayang di Pojok

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Membuat Kotak Pesan Diblog

Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa

refrensi: http://trik-blog-nyaman.blogspot.com/2009/05/membuat-kotak-pesan-diblog.html

Trik agar bisa Upload Gambar Ukuran besar di blogger

Trik agar bisa upload gambar ukuran besar di blogger - Dalam postring kemarin sudah di tulis bagaimana mendapatkan hosting gambar yang unlimited bandwidth, yaitu dengan memakai blogger. Namun, ada sedikit yang membuat tidak nyaman yaitu kita tidak bisa posting atau upload gambar yang ukurannya lebih dari 400 pixel, karena apabila kita upload gambar yang ukurannya lebih besar dari 400 pixel maka secara otomatis gambar tersebut akan di perkecil menjadi 400 pixel.

Apakah ada trik agar bisa upload gambar ukuran besar di blogger? jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :

* Silahkan upload gambar yang berukuran lebih dari 400 pixel ke blogger.
* Jika gambar sudah tampil di blog anda, klik kanan pada gambar tersebut lalu pilih Copy Image Location untuk mendapatkan alamat gambar tersebut.
* Paste pada program text editor seperti "Notepad", "WordPad' atau text editor lainnya. Contoh : alamat gambar yang kang Rohman dapatkan seperti ini :

http://2.bp.blogspot.com/_pt7i0nbIOCY/SoFBbCzWTcI/AAAAAAAACNY/03Pe9qqm320/s400/blog-aing.jpg
* Perhatikan kode yang saya cetak merah, kode tersebutlah yang membatasi gambar besar yang kita upload menjadi kecil. Agar gambar bisa tampil maksimal, maka kita hanya cukup mengubah nilainya menjadi s800 ( jika gambar yang di upload kurang dari 800 pixel ) atau di ganti dengan s1600 ( jika gambar yang di upload melebihi 800 pixel ). Contoh, kodenya jadi seperti ini :

http://2.bp.blogspot.com/_pt7i0nbIOCY/SoFBbCzWTcI/AAAAAAAACNY/03Pe9qqm320/s800/blog-aing.jpg

http://2.bp.blogspot.com/_pt7i0nbIOCY/SoFBbCzWTcI/AAAAAAAACNY/03Pe9qqm320/s1600/blog-aing.jpg

Cara Membuat Akun Twitter

1. Buka Twitter.com dan isi form pendaftaran di halaman depannya. Isi nama lengkap, alamat email dan password. Jika sudah klik Sign Up
   
   

   Tutorial Mendaftar Twitter
2. Proses berikutnya adalah pengecekan inputan yang telah anda lakukan pada form sebelumnya. Di sini akan dicek apakah username masih ada, jika sudah tidak ada anda bisa ganti username lain. Pengecekan juga dilakukan terhadap alamat email dan password. Jika semua tidak ada masalah, klik tombol “Create My Account”
   
   

   Pengecekan Email dan Username Twitter
3. Setelah selesai, akan ada beberapa intro yang menurut saya bisa diskip saja . Silakan anda konfirmasi akun twitter anda dengan mengklik link yang diberikan lewat email yang anda gunakan pada langkah sebelumnya. Akan ada email dari twitter. dengan judul Confirm your Twitter account, [usertwitteranda] !. Buka email tersebut dan klik link konfirmasi yang ada di dalamnya.
   
   

   Konfirmasi Email Twitter
4. Selamat, akun twitter anda sudah jadi… Sekarang anda bisa login menggunakan username dan password yang anda gunakan pada saat daftar.. Alamat URL twitter anda adalah http://twitter.com/username-twitter-anda
5. selamat mencuuuuubaa...

Cara Membuat Animasi Berjalan di Bagian Bawah Blog Cara Membuat Animasi Berjalan di Bagian Bawah Blog

.

 Pernahkah sobat pada suatu saat mengunjungi Blog milik orang lain dan sobat melihat ke bawah ada sebuah animasi atau gambar yang bergerak ke kiri lalu ke kanan ataupun sebailknya?
Dari pada hanya heran dan bingung, sobat bisa melihat 
anda bisa membuatnya sendiri dengan mengikuti tutorial atau cara cara berikut ini.

Jika sobat tertarik dan ingin membuat nya, saya punya tips dan trik nya untuk membuat animasi berjalan seperti itu.
Silahkan sobat ikuti langkah-langkah nya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara buat foto atau gambar berjalan di blog  ini langkah langkahnya :

1. Silahkan sobat >> "masuk/login" ke Blog sobat.

2. Kemudian sobat cari dan klik >> "Rancangan".

3. Setelah itu sobat klik >> "Elemen Laman".

4. Lalu sobat klik >> "Tambah Gadget".

5. Setelah itu sobat cari >> "HTML/Javascript".

6. Lalu silahkan sobat masuk kan "Kode Script" di bawah ini :

---

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="9"><script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script></marquee></div>

Atau kode script yang di bawah ini :

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com" target="_blank"><img border="0" src="http://i1217.photobucket.com/albums/dd384/TauFixers/MyIcon.png?t=1303003796" style="cursor: pointer;" /></a></marquee></div>

Atau sobat masukkan semua Kode Script warna Biru di bawah ini:

Zombie Animasi Berjalan Loncat-Loncat


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i1093.photobucket.com/albums/i440/putraeka1/th_avatar2088630_11.gif?t=1295005006" style="cursor: pointer;" /></a></marquee></div>

---

KETERANGAN :
- Silahkan sobat pilih salah satu saja Kode Script di atas.
- Untuk yang berwarna BIRU, sobat bisa ganti dengan URL gambar sobat sendiri.
- Apabila sobat tidak mempunyai URL sobat sendiri, saya akan kasih variasi Animasi yang lain nya di bawah ini :

Animasi Babi Pink Bergoyang

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabpig.txt" name="DADrun"></script>

Animasi Sasuke Berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablsasuke.txt" name="DADrun"></script>

Animasi Kakashi berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablkakashi.txt" name="DADrun"></script>

Animasi Naruto berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablnaruto.txt" name="DADrun"></script>

Bleach Animasi Berlari

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script>


 Selamat mencoba sobat, semoga berhasil dan jangan takut untuk gagal karena kegagalan bukanlah akhir dari segalanya.
 Semoga artikel yang saya share ini, yaitu tentang Cara Buat Animasi Berjalan di Blog atau Cara Buat Animasi Berjalan di Bagian Bawah Blog, bisa sangat bermanfaat untuk sobat  semua. Amin..

selamat mencuuuuuba..

Cara Membuat Blog Gratisan Di Blogger Blogspot

 Di sini saya akan sharing bagaimana Cara membuat blog gratisan di Blogger Blogspot panduan tutorial praktis bikin blog dalam 5 menit bagi pemula.

Terkait:

• tutorial membuat blog di blogspot.
• 
  

Membikin blog di blogger.com / blogspot sungguh sangat mudah karena blogger.com milik Google.com. Karena itu apabila Anda sudah punya email gmail.com, Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:

1. Kunjungi www.blogger.com (klik)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com, atau diYahoomail.com.
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh Fatih Syuhud Blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel. Sebagai contoh, Anda bisa meng-copy dari sini.. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).

Catatan: Untuk memposting artikel berikutnya, Anda tinggal mengklik menu “Posting”.  Untuk mengedit tulisan tinggal klik “Edit Posting”

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Gambar 6

Gambar 7

semoga dapat bermanfa'at,,,,

http://reihanjuice.blogspot.com/2012/06/cara-membuat-blog-gratisan-di-blogger.html