Thursday, March 29, 2012

GALAU

Akhir-akhir ini suhu politik serta keamanan dinegeri kita ini lagi puanassss. Penyebabnya diantaranya masalah kenaikan BBM,ada yang kontra dan ada yang pro. Yang kontra bikin taktik dengan jalan demo dan pro bikin strategi diam tapi maju terus. Kalau kita lihat tayangan ditelevisi yang paling panas banget didaerah,SULAWESI,JAKARTA,PALU.. Sampai-sampai ada pihak dari pendemo yang terkena tembakan peluru tajam oleh pihak POLISI yang notabene digaji oleh RAKYAT. Tapi itu tidak aneh lagi dinegeri ini,kita anggap POLISI itu pembantu dan RAKYAT ini majikan,koq bisa-bisanya PEMBANTU membantai MAJIKAN...biarlah itu urusan mereka..!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! { Makanya jangan memelihara ANJING kalo ga mau di GIGIT... } Terus terang kita selaku rakyat padahal rinduuuuuuu sekali sama suasana yang tentram,aman,damai,sejahtra,serta sentosa juga aman. Tapi kapan waktu serta saat itu kan datang menghampiri kita semua..? Rasanya mustahil dech kalau dinegeri ini masih diisi oleh orang-orang yang gila KEKUASAAN,gila HARTA. Kita selaku rakyat hanya bisa berdo'a semoga saja Allah SWT. memberikan yang terbaik bagi kelangsungan negeri ini agar kelak negeri kita dapat mencapai KEAMANAN,KETENTRAMAN,dan KESEJAHTRAAN,walaupun kita kelak tidak menikmatinya tapi semoga saja anak cucu kita bisa merasakan apa itu KEDAMAIAN...wassallam...I LOVE YOU INDONESIA,YOU ARE THE BEST IN MY HEARTH......FOREVER.

Sunday, March 25, 2012

FAKTA UNIK

FAKTA UNIK sejarah lampau yang ada di Indonesia sebagian memang ada sudah tahu namun ada juga sebagian yang belum tahu,nah kali ini saya mau posting yang mengetengahkan fakta sejarah unik yang pernah terjadi di negeri kita tercinta Indonesia.


1.BUNG KARNO MENGUNDANG MARILYN MONROE

Mengenai hubungan antara revolusi Indonesia dan Hollywood, memang dekat. Setiap 1 Juni, selalu diperingati sebagai Hari Lahir Pancasila semasa Presiden Soekarno.
Pada 1956, peristiwa tersebut “hampir secara kebetulan” dirayakan di sebuah hotel Hollywood.
Bung Karno saat itu mengundang aktris legendaris,Maryln Monroe untuk sebuah makan malam di Hotel Beverly Hills, Hollywood. Hadir di antaranya Gregory Peck, George Murphy dan Ronald Reagan (25 tahun kemudian menjadi Presiden AS).
Yang unik dari pesta menjelang Hari Lahir Pancasila itu, adalah kebodohan Marilyn dalam hal protokol. Pada pesta itu, Maryln menyapa Bung Karno bukan dengan “Mr President” atau “Your Excellency”, tetapi dengan “Prince Soekarno!”


2.PERTUNJUKAN FILM PERTAMA TENTANG INDONESIA

Nah ada lagi hubungan yang erat antara 17 Agustus dan Hollywood..
Judul pidato 17 Agustus 1964, “Tahun Vivere Perilocoso” (Tahun yang Penuh Bahaya), telah dijadikan judul sebuah film: THE YEAR OF LIVING DANGEROUSLY.Film tersebut menceritakan pegalaman seorang wartawan asing di Indonesia pada 1960-an.
Pada 1984, film yang dibintangi Mel Gibson itu mendapat Oscar untuk kategori film asing...!


3.TESK ASLI PROKLAMASI DI TONG SAMPAH

Ternyata naskah asli teks Proklamasi Kemerdekaan Indonesia yang ditulis tangan oleh Bung Karno dan didikte oleh Bung Hatta, ternyata tidak pernah dimiliki dan disimpan oleh Pemerintah!
Anehnya, naskah historis tersebut justru disimpan dengan baik oleh wartawan BM DIAH.seorang putera asal Aceh yang juga tokoh pers, pejuang kemerdekaan, diplomat, dan pengusaha Indonesia.
Diah menemukan draft proklamasi itu di keranjang sampah di rumah Laksamana Maeda, 17 Agustus 1945 dini hari, setelah disalin dan diketik oleh Sajuti Melik.
Pada 29 Mei 1992, Diah menyerahkan draft tersebut kepada Presiden Soeharto, setelah menyimpannya selama 46 tahun 9 bulan 19 hari.


4.OH..PAHLAWANKU

Ibukota Jakarta tempat diproklamasikannya kemerdekaan Indonesia dan kota tempat Bung Karno dan Bung Hatta berjuang, tidak memberi imbalan yang cukup untuk mengenang co-proklamator Indonesia.
Sampai detik ini, tidak ada “Jalan Soekarno-Hatta” di ibu kota Jakarta.
Bahkan, nama mereka tidak pernah diabadikan untuk sebuah objek bangunan fasilitas umum ada pun sampai 1985.
Nama mereka pun baru diabadikan menjadi nama bandar udara 40 tahun setelah Indonesia merdeka BANDARA SOEKARNOE - HATTA.Lebih parahnya lagi, pemerintah baru secara resmi menyematkan gelar “proklamator” kepada mereka pada tahun 1986, atau 16 tahun setelah Soekarno wafat.

Tuesday, March 20, 2012

Free Link Exchange: Get 1 Million Visitors

English

This is a great way to exchange links. Because we put a link that will help promoted by 1 million people over just by referring 2 people only. Easy enough to invite two people to the list, as all promotional needs, everyone wants the link spread quickly. Especially if more than 2 people ... how will we be able to link the free n again ..

Okay, like what and how to do .. my friend lives just a list, not hurt to try, free of this, here we stick to keep the link, link which can be included his post title and URL for each page had a pagerank as well .. our PR's usually only on the front page, while on post pages not have a PR.

Sign up if you are interested enough. After that please check the password sent to your email, login and then immediately put the article title, description and URL links to be promoted on this website. O Yeah ... we will get our website to promote a replica you know .. For example, I dedicate a post about Free Link Exchange, Get 1 Million Visitors, one easy way to increase traffic and Pegerank our blog.

Next live to make a post like this or just copy and paste this article to the blog and feel the benefits.

To register please click the link Free here, then scroll down and click "Sign Up Now Free" or Click To Sign Up.

Good luck with tips Free Link Exchange: Get 1 Million Visitors this.


When my friend also has other tips .. please share in comments..!!


Bahasa Indonesia

Ini adalah cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih hanya dengan mengajak 2 orang saja.  Cukup mudah mengajak 2 orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat.  Apalagi kalau lebih dari 2 orang… berapa link yang akan kita dapat n gratis lagi..

Oke kayak apa dan gimana caranya.. sobat tinggal daftar saja , tak ada ruginya untuk dicoba , gratis ini, disini  link kita bisa nempel terus, link yg dimasukan bisa judul postingan dan URL nya agar tiap page punya pagerank juga.. kan biasanya PR kita hanya di halaman depan saja, sementara di halaman posting gak punya PR.

Kalau  berminat cukup Mendaftar. Setelah itu silahkan cek password yang dikirim ke email  anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada Website ini. Oh ya …  kita juga akan mendapatkan web replikanya untuk kita promosikan lho.. Sebagai contoh saya persembahkan postingan tentang Free Link Exchange: Get 1 Million Visitors, salah satu Cara mudah meningkatkan Traffic dan Pegerank blog kita.

Selanjutnya tinggal bikin sebuah postingan seperti ini atau silahkan copy paste artikel ini untuk di blog sobat dan rasakan manfaatnya.

Untuk mendaftar silahkan klik Link Gratis disini ,  kemudian scroll kebawah lalu klik “ Sign Up Now Free “ atau Klik Untuk Mendaftar.

Selamat mencoba tips Free Link Exchange: Get 1 Million Visitors ini.

Bila sobat juga punya Tips lain.. tolong share di komentar.. yaa..!!

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog


Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>


<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>


6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:
  • Kode warna hijau: ganti dengan URL Feeds sobat
  • Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png 

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Sumber Script: http://santaiselalu.blogspot.com
                        http://ardiyafardhanprayoga.blogspot.com

Saturday, March 17, 2012

Cara Membuat Text Area Dengan Tombol Pilih Semua

Text area merupakan salah satu hal penting untuk meperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren,, heheheheeeee,,,

Tips ini saya dapat dari illtorro.blogspot.com. Kronologinya, pada saat lagi jalan-jalan di blog para master yang sudah ber PR tinggi saya melihat text area yang saya anggap keren, saya cari-cari akhirbya ketemu juga nih kode HTML untuk membuat text area dengan tombol pilih semua / Select all, 

Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:



<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Keterangan:
  1. Text warna hijau: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
  2. Text warna kuning: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
  3. Text warna biru: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
  4. text warna merah: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.
Berikut ini saya berikan contoh text area pilih semua / select all:





Selamat mencoba dan semoga bermanfaat ya sob,,!!

Sumber: http://illtorro.blogspot.com

Friday, March 16, 2012

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:


<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:


Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.


Klik show untuk melihat
Masukkan tulisanmu di sini


Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.


Sumber : http://www.thecyber.co.cc

Wednesday, March 14, 2012

META BLIZKIRT PENURUN ALEXA

Buat teman-teman sebelumnya mohon maaf banget nih baru saja bisa update dan muncul kepermukaan.
Sebagai tebusannya rasa salah ini sama teman-teman semua,disini aku mau share tentang META BERBAYAR BLIZKIRT yang kali ini aku bikin GRATIS buat kalian.
Adapun meta blizkirt adalah meta yang gunanya membantu untuk menurunkan ALEXAatau bahasa bloggernya MELANGSINGKAN biar RANKINGnya kian mengerucut,dan satu lagi keistimewaan meta blizkirt adalah gunanya membantu agar aliran backlink keblog kita kian lancar..hahhayyy..kaya air aza.
Meta blizkirt pada awalnya memang meta yang berbayar,namun buat kalian semua aku bikin jadi gratis semoga saja rangking blog kita bisa kian mengerucut serta
link
yang masuk bisa makin bertambah.
Dan satu lagi segala tata cara memasang diblog sudah aku muat jadi kalian tinggal download dan baca keterangannya dan moga saja hasilnya kelak tidak terlalu mengecewakan.
Tapi jangan lupa juga sering posting,sering maen keblog teman sebagai mempererat tali silahturahmi sesama blogger.
DOWNLOAD DISINI

Sunday, March 11, 2012

Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat

Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat



Share kumpulan efek blog yang telah di posting oleh sobat CHRISTIAN TATELU  kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.
Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan


2. Efek hati bertaburan


3. Efek bintang bertaburan


4. Efek kembang api



5. Efek Gelembung



Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh




2. Banjir




3. Bunga Mekar




4. Bom Atom




5. Ufo




6. Graffity




7. Shaver




8. Gun




9.Bloody gun




10. Paint ball




11. Chainsaw




12. Dinosaur




13. Lebah




14. Lalat




15. Semut




16. Siput




17. Cacing




18. Mold




19. Bayi merangkak




20. Telur mata sapi




21. Kopi tumpah




22. Terbakar




23. Tomat




24. Creampie




25. Murka




26. Sapi Jorok




27. Anjing Jorok




28. Kencing Sembarangan



Cara pemasangan :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..

Sumber: http://christiantatelu.blogspot.com

Friday, March 9, 2012

Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url www.ozanhacker.com.

Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun berikut ini.

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9oOXcrPDAkAF0Dd4AsfWHHiNHcvt1u3gq13uSRRxr5JlSKV7OqLFRdDxKIIu51o11zB0lByJ7M7OnrAsGtBPzJ2491GN9BXGaxh4l918cSmXP99FT2FmSnmOKWfl6L0mdaoIhyphenhyphen9An6G1N/s1600/Untitled-2.png'/></a>



Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9oOXcrPDAkAF0Dd4AsfWHHiNHcvt1u3gq13uSRRxr5JlSKV7OqLFRdDxKIIu51o11zB0lByJ7M7OnrAsGtBPzJ2491GN9BXGaxh4l918cSmXP99FT2FmSnmOKWfl6L0mdaoIhyphenhyphen9An6G1N/s1600/Untitled-2.png'/></a>




5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:
  • Kode warna kuning adalah posisi tombol berada
  • Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan  gambarnya dengan selera anda)


Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}



2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>



3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

Sumber: http://www.ozanhacker.com 

Thursday, March 8, 2012

Mengatasi Tombol Balas/Reply Komentar Pada Blog Yang Tidak Berfungsi

Kali ini saya sedikit share sebuah tips dan trik blog tentang cara mengatasi tombol balas / reply komentar yang tidak berfungsi pada blog, postingan ini saya ambil dari salah satu blog / websait dengan alamat blog.kangismet.net. berikut ini adalah keterangan tutorialnya, silakan disimak,,

Mengatasi Error Pada Tombol Reply Komentar yang Tidak Bisa di Klik
Beberapa hari ini banyak komentar atau pertanyaan rekan-rekan blogger yang sudah menggunakan Threaded Comment (baca: Cara Membuat Threaded Comment di Blogger), ada masalah dengan tombol Reply / Balas.

Setelah saya cek, ternyata tombol reply / balas tidak berfungsi atau  form komentar tidak keluar. Hal ini disebabkan ada perubahan pada JavaScript threaded comment.

replyerror

Untuk mengatasi hal ini, ikuti langkah-langkah di bawah ini :

   1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML
   2. Menjaga kegagalan, backup dulu template anda ---> Download Template Lengkap
   3. Centang Expand Template Widget
   4. Cari kode dibawah ini :

Klik show untuk melihat
<b:includable id='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>


5. Ganti semuanya dengan kode dibawah ini :

Klik show untuk melihat
<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>

   6. Save Template dan silakan lihat hasilnya,,
Sumber: http://blog.kangismet.net

Wednesday, March 7, 2012

123 Page Number Navigation for Blogger

Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari. Adalah bagaimana cara membuat halaman berurut 123 /page 123 navigation untuk blog di blogger/blogspot.

Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar Bp.Wijaya di ariawijaya.com
Anda bisa mengunjungi website dan tutorial 123 page navigation ini di situsnya langsung dalam tutorialnya 'Membuat Navigasi Page Number Blogspot', atau anda bisa langsung klik disini.

Untuk hasilnya akan seperti gambar di bawah ini:


Sedangkan contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.
Bagaimana? Ingin membuatnya?

Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.

Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.

Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih Edit HTML.
Seperti biasa, contreng option Expand widget templates, selanjutnya cari kode berikut:

]]></b:skin>

Setelah ketemu,letakkan persis di atasnya kode css di bawah ini:





Lalu,cari lagi kode seperti ini: </body> Jika sudah ketemu, tepat di atasnya letakkan script di bawah ini:





Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):

'data:label.url'

Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):

'data:label.url + &quot;?&amp;max-results=5&quot;'

Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang

Sumber: http://www.abu-farhan.com