Cara Membuat Link Download dengan Google Code

Cara Menggunakan File Hosting Gratis Google Code

Beberapa hari lalu ada sahabat kami yang menanyakan bagaimana cara menggunakan google code file hosting gratis ini,nah sebagai bahan posting kali ini saya menggunakannya dengan salah satu manfaat dari file hosting gratis ini,yakni membuat link download untuk blogger

Namun selain dapat digunakan sebagai sarana untuk menempatkan sebuah file di komputer kamu yang ingin kamu share,Google Code juga mampu digunakan untuk fungsi javascript,php dan lain sejenisnya.Namun disini kita akan coba sharing bagaimana menggunakan file hosting gratis google code untuk membuat link download.

Daripada banyak teori kepala malah tambah pusing,yuk dimari kita sama-sama cari tahu langkah dan cara membuat link download di blogger dengan google code.

Contoh fisik akan seperti ini sob:

Belajar membuat link download:

Silakan klik di sini

Nah,gimana sob? ingin mencobanya? yuk ikuti langkah berikut ya gan :D

Cara Mudah Membuat Link Download

Pertama sobat daftar di code.google.com,jika dah punya account di GMail tinggal daftar aja dengan email atau account google sobat,jika dah berhasil login,sobat nantiu akan lihat tampilan seperti ini dan klik aja Project Hosting,lihat gambar:



Selanjutnya nanti akan tampil halaman baru klik aja 'Project Hosting on Google Code',lihat gambar gan:





Kemudian,sobat akan dihadapkan halaman seperti gambar berikut,dan isi form sesuai dengan permintaan dan hal-hal seputar file yang akan sobat download(gunakan huruf kecil aja ya),lalu klik Create Project:



Project sobat sudah berhasil dibuat,klik 'Downloads' untuk mulai meng-upload file,lihat gambar gan:



Setelah itu sobat akan dihadapkan halaman seperti berikut,klik tombol 'New Download',lihat gambar:



Nanti sobat akan dihadapkan form seperti gambar berikut,isilah form sesuai dengan kriteria file sobat yang akan di upload,lihat gambar:



Dan tada!!! file anda telah berhasil anda upload dengan tampilnya halaman seperti dibawah ini,klik file untuk melihat statusnya,lihat gambar:



Sebagai langkah terakhir,sobat klik kanan pada file seperti gambar dibawah ini dan klik 'Copy Link Location',lihat gambar:

Nah,setelah sobat melakukan langkah-langkah diatas,sekarang sobat sudah memiliki url dari file yang baru saja sobat upload dari mengcopy lokasi file,pada tahap ini saya mendapatkan url file seperti ini:

http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3

Yup,itulah url link yang sobat dapat gunakan dalam tutorial membuat link download kali ini,nah cara menggunakannya pada posting or Html widget gunakan kode berikut:

nama_url_link

" target="_blank">nama file (terserah sobat ya)
contoh:

http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3

" target="_blank">Benarkah Bid'ah itu Sesat?

Semoga berhasil dan semoga bermanfaat ya sob :D,

Bagaimana Membuat Efek Loading / 'Memuat' dalam Blogspot Blogger?

Dari tetangga sebelah sob,sekalian mo promosi blog sahabat di AkuPunya.Com,script ini sengaja kami ambil untuk sekedar berbagi trik dan tips membuat efek loading di blog.

Bentuk fisiknya sobat dapat lihat di SINI,saat sobat membuka halaman atau mengklik link posting misalnya akan ada efek menunggu atau istilahnya dengan 'animation loading page widget'.

Jadi sambil sobat menunggu konten blog tampil sempurna,widget ini akan tampil dengan gambar animasi yang telah disediakan dalam script.
Seperti yang telah AkuPunya.Com ciptakan,berikut bahan yang dibutuhkan:

1.Script dengan ekstention *.js,silakan lihat di:

http://tc.comze.com/js/preloadpage.js

2.Gambar yang akan tampil,disini adalah yang berformat *.gif yang beralamat di:

http://lh3.googleusercontent.com/-kcn5J_HBL0k/TjwQzEsyEAI/AAAAAAAAAcw/fyuDdV9NDmU/ajax-loader.gif

Tampilan akan seperti ini (gambar ini akan tampil jika yang bersangkutan masih mengabadikannya pent-):

3.Langkah dan caranya.

Langkah dan Cara Membuat Efek Loading Blog dari AkuPunya.Com

Pertama,pilih Dashboard lalu pilih Tata Letak / Rancangan(1) kemudian pilih tab Edit HTML(2),lalu seperti biasa contreng tulisan Exspand Widget Templates(3).

Lihat Gambar ya :D


(1)



(2)



(3)

Nah,selanjutnya cari kode (Gunakan Ctrl+F),setelah ketemu sob,tepat dibawahnya letakkan kode berikut:

Simpan dan lihat hasilnya :D

Bagikan posting ini di:

---

Seperti Apa Menu Horizontal dengan Efek jQuery Ini?

Mengingat waktu yang sudah malam gan,saya share langsung kepermasalahannya aja ya.

Yup,membuat menu dengan efek memanjang ke kanan menggunakan jQuery.
Contoh sebelum di eksekusi akan tampil seperti ini:

1


2


3

Nah,untuk contoh fisiknya,sobat lihat aja di SINI

Gimana sob? tertarik,yuk intip cara membuatnya.

Langkah dan Cara Membuat Menu Horisontal dengan jQuery

Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak (gb1) kemudian pilih tab Edit HTML (gb2) dan jangan lupa contreng checklist 'Expand Widget Templates' (gb3)


(1)


(2)


(3)

Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):

Setelah sobat ketemukan kode tersebut,tepat diatasnya letakkan script berikut:

Kemudian cari lagi kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):

]]>

Setelah kode tadi sobat ketemukan,kini tepat diATASnya letakkan barisan kode css berikut:

#menuguegitu {
width:200px;
height:50px;
background:#999999;
}

.membuatbordermelengkungroundedcorner {border: 3px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.membuatbordermelengkungroundedcorner a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;
}

Setelah itu simpan template sobat.Untuk langkah terakhir ikuti berikut gan:

Pergilah ke Dashboard lalu pilih Tata Letak (gb1) dan klik Add Gadget (gb5) kemudian pilih HTML/Javascript (gb6),lihat gambar:


(5)


(6)

Setelah itu pilih HTML/Javascript (gb5) dan letakkan kode berikut:

Home | Index | New! | Facebook | Twitter | Google+

Simpan dan lihat hasilnya :D
Berhubung waktu sudah larut,edit sendiri ya sob sesuai dengan attribut yang sobat inginkan.See you dan Moga sukses ya nguliknya ya gan!

Membuat Shadow / Bayangan Border Widget

Membuat Sebelah Kanan dan Kiri Border Widget Memiliki Border Berbayang / Shadow

Menciptakan Shadow / Bayangan Border Widget Unik

Pernah sobat melihat sebuah background atau semacam border widget yang memiliki efek seperti banyangan?

Kurang lebih akan tampak seperti dibawah ini sob:

Lihat di SINI untuk contoh Live-nya

Membuat Shadow / Bayangan Border Widget - caranya sangat mudah gan,pertama,sobat letakkan barisan kode css berikut diatas kode skin:

.headerright {position: relative;height: 255px;width: 302px;border:1px solid #BABABA;margin: 5px 5px 0px 0px;padding: 5px 5px 0px 5px;font-weight: bold;background-color: #D2D2D2;-moz-box-shadow: inset 0 1px 1px #eeeeee;-ms-box-shadow: inset 0 1px 1px #eeeeee;-o-box-shadow: inset 0 1px 1px #eeeeee;-webkit-box-shadow: inset 0 1px 1px #eeeeee;box-shadow: inset 0 1px 1px #eeeeee;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}.headerright:before, .headerright:after {z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 50%;max-width:300px;background: rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}.headerright:after {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;}

a.mrpujiajadeh {width:123px;height125px;}div.i125 a.mrpujiajadeh {background:#e7e7e7;width:125px;height:125px;line-height:100%;}div.lebarbox a {width:302px;}div.lebarbox a, div.i125 a {display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;line-height:100%;margin:0;}div.lebarbox img, div.i125 img {border:0;clear:right;}html > body div.lebarbox a.mrpujiajadeh {width:302px;height:255px;}div.lebarbox a.mrpujiajadeh, div.i125 a.mrpujiajadeh {color:#666;font-weight:bold;font-size:12px;/*border:1px solid #BABABA;*/text-align:center;}div.lebarbox a.mrpujiajadeh {background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .06), rgba(255, 255, 255, 0.1) 40px);background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .06), rgba(255, 255, 255, 0.1) 40px);width:302px;height:60px;line-height:480%;-moz-box-shadow: inset 0 1px 1px #EEE;-ms-box-shadow: inset 0 1px 1px #EEE;-o-box-shadow: inset 0 1px 1px #EEE;-webkit-box-shadow: inset 0 1px 1px #EEE;box-shadow: inset 0 1px 1px #EEE;}div.lebarbox a.mrpujiajadeh:hover, div.i125 a.mrpujiajadeh:hover {/*border:1px solid #999;*/background:#ddd;color:#333;}

Setelah itu,untuk menerapkannya pada widget,sobat tinggal membubuhkan kode berikut:

Di Sini Letak Kode Html/Text/Javascript Anda

Selamat Mencoba Ya :D

Javascript Jam dan Tanggal (Membuat / Memasang Jam dan Tanggal dengan Javascript)

Cara Memasang Waktu / Jam dan Tanggal di Blogger Blogspot dengan Javascript

Adakah tampilan baru di blog sederhana ini? Betul sob,tanggal dan jam yang terdapat pada header blog seperti pada blog ini.

Script ini sengaja saya padukan dari berbagai script yang sebenarnya sudah bertebaran di serp paman Google.
Namun sebagai referensi semata tutorial ini sangat efektif dan tidak mempengaruhi dalam proses loading.

Adalah 'sebel' yang akan kita alamai saat memasang sebuah 'widget' dari pihak ketiga dan dalam waktu beberapa bulan saja widget yang kita pasang sduah tak bisa tampil karena 'pihak ketiga' yang bersangkutan sudah tak menyediakannya lagi.
Tapi,yaah,itulah resiko gan.

Tapi ada solusi jitu,kita dapat memasang script sendiri untuk menciptakan widget berupa jam dan tanggal,yup! dengan javascript sob.
Dan caranya pun sangat mudah,sobat tinggal pergi ke AC Hardware dan beli jam juga kalender disana,EH SALAH!!! maksudnya pergilah ke Dashboard lalu pilih Tata Letak / Design,pilih tab Edit Html dan contreng tulisan Expand Widget Templates:

Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):

]]>

Setelah kode tadi sobat ketemukan,kini tepat diATASnya letakkan barisan kode css berikut:

.pelajaranblogareakeren {border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.pelajaranblogareakeren a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

Setelah itu simpan template ya sob.

Selanjutnya,kembali pergilah ke Dashboard lalu pilih Tata Letak / Design,pilih Add a Gadget dan pilih Html/Javascript seperti gambar berikut:





Lalu sobat letakkan script tanggal dan jam untuk blogger berikut:

Simpan dan lihat hasilnya :D
Untuk kode yang berwarna hijau sobat sesuaikan sendiri sesuai selera dan keinginan,moga berhasil ya sob :D

Menghubungkan Facebook dengan Blog / Website

Ingin artikel blog/website ada di halaman facebook? Apalagi jika Anda pemilik blog atau web tersebut , dan ingin mempublish artikel agar lebih banyak diketahui teman atau kenalan di Facebook. Caranya mudah dengan menggunakan aplikasi yang bernama "Simplaris Blogcast" di Facebook feed atau artikel terbaru yang ada akan muncul juga pada halaman Facebook sekaligus menjadi nilai tambah untuk mempromosikan blog/website kita

1. Search dengan keyword > simplaris blogcast.

2. Dihalaman tentang Simplaris klik tombol > ke aplikasi

3. Silakan masukan alamat feed blog/website

Misalnya untuk blogger:
http://ptcbayar.blogspot.com/feeds/posts/default
(ganti ptcbayar dengan alamat blog Anda)

Sedangkan untuk yang memakai feedburner
http://feeds.feedburner.com/ptcbayar
(ganti ptcbayar dengan alamat yang didaftarkan pada feedburner)

4. Setelah menekan tombol "Lets Blogcast!" akan muncul tampilan
tanpa ada isi feed atau artikel, silakan klik link "update".

5. Dan akan muncul seperti ini.

Sedangkan untuk konfigurasi lainnya bisa kita lihat di bagian setting

Silakan pilih sesuai keinginan Anda

Untuk menambahkan Simplaris ke halaman Facebook silakan klik kedua tombol "tambahkan ke info" dan "tambahkan ke profil" (pada halaman setting)

Dan terakhir adalah tampilan dari halaman facebook kita yang sudah diisi dengan artikel terbaru dari blog/website lewat aplikasi "Simplaris Blogcast"

Tips Cara Membuat Artikel Blog Berkualitas

Apa maksudnya cara membuat postingan blog berkualitas.?? dan bagaimana seharusnya postingan blog bisa menarik..??
terkadang para blog khususnya pengguna blogger atau wordpress kebanyakan hanya copas saja dan tidak mengerti apa yang sebenarnya mereka tulis.. untuk peraturan copas dalam blog di sahkan saja asal mencantumkan sumber dari postingan yang akan kita buat.. seperti pada postingan ini saya copas namun saya hanya menterjemahkan dari bahasa inggris ke indonesia dan mencantumkan sumber orisinilnya.. lanjut ke topik pembahasan...
Membuat postingan blog seperti halnya saat kita akan membuat sebuah kue atau masakan. harus ada perencanaan,bahan-bahan,cara kerja/cara pengolahan,dan terakhir memperindah tampilan kue tersebut..
UNDER-88 → Nah sekarang saya akan mencoba memberi resep atau saran agar postingan blog berkualitas dan menarik bagi para pengunjung..
artikel ini saya dapat dari blog.yousayto.com dalam versi bahasa inggris ..
ikuti langkah-langkah/step by step:

>	Langkah Pertama : Mulailai posting Anda dengan memilih beberapa topik segar,tren untuk sesuai selera Anda. seperti beberapa contoh Politik, foto, kerajinan atau teknologi. Campur jadi satu dan tuangkan ke dalam bentuk pos.. j1ka topik tersebut berkaitan.

Langkah Ke-dua : Isi posting Anda dengan text yang mudah di baca. ingat orang akan melihat pada search engine. tulislah dengan kata yang di mengerti

Langkah Ke-tiga : Agar lebih menarik lagi tambahkan sebuah post visual seperti audio atau video dari you tube.. jika memang itu di perlukan.

Langkah Ke-empat : Buatlah judul postingan yang menarik dan sesuai dengan topik. Buatlah singkat dan deskriptif. Ingatlah untuk selalu menggunakan kata kunci.. supaya postingan kalian pun akan mudah di cari

Langkah Ke-lima : Jelaskan posting Anda dengan tag/labels. Cobalah untuk tidak menggunakan tag yang lebih panjang dari 2 kata. Usahakan dengan singkat.

Langkah Ke-enam : Berbagi posting Anda yang baru dibuat dengan teman sebelum postingan itu menjadi basi. Gunakan jaringan sosial seperti Facebook, Twitter atau Google +, email ke teman dan menambahkannya ke Digg, Reddit dan penanda sosial lainnya.

Langkah Terakhir : Melayani pengunjung dengan senang hati dan terima semua kritik dan saran..

UNDER-88 →Demikian penjelasannya tentang Membuat Artikel Blog Berkualitas... semoga bermanfaat dan menjadi blogger yang bijak dan baik hati..hehehe
Wassalamualaikum wr.wb.

Tips Cara Agar Blog lebih menarik Untuk Di kunjungi

Setiap blog atau blogger berlomba lomba mencari pengikut untuk menambah silaturahmi. terutama bagi mereka yang masih belajar membuat blog di blogger,Namun semua itu memang tidak bisa di pungkiri tanpa teman/pengikut blog kita akan terasa hambar,tapi apakah blog kita sudah bisa menarik banyak pengunjung dan banyak untuk mengikuti..??? jangan terlalu berpikiran ingin cepat-cepat banyak pengunjung karena tanpa kontribusi yang baik semua itu akan menjadi sia-sia.. sekarang saya akan berikan beberapa hal agar blog kita menarik dan lebih banyak pengunjung yang betah di blog kita.
Inilah susunan yang mungkin bisa mebuat blog lebih menarik untuk di kunjungi :

1. SAMBUTAN : Ya, sambutan adalah di mana saat orang lain berkunjung dan melihat blog kita begitu cepat tanpa harus menunggu loading yang tak pasti, itu akan menarik untuk di kunjungi kembali, sayang kan kalo kita punya banyak artikel tapi saat orang lain mau masuk eh,, kelamaan loading malah gak jadi ,, pengunjung kabur deh sebelum melihat-lihat.. usahakan perkecil semua ukuran Pada template dengan sebuah compressor CSS,Javascript dan HTML.
2. TAMPILAN : Hem begitu penting kah tampilan,,,??? . sebenarnya mau tamplan seperti apapun juga asal blog kita ringan itu bisa membuat orang lain betah dan ingin lama di blog kita, namun alangkah baiknya tampilan kita buat semenarik mungkin asalkan jangan terlalu banyak embel-embel yang gak penting yang bisa memberatkan blog.. Blog ibarat rumah, dengan tampilan menarik pengunjng pun akan terkesima dan ingin segera melihat isi dalam rumah tersebut.
3. HIDANGAN : ets jangan salah persepsi dulu maksud hidangan bukan ngasih makanan buat para pengunjuk ya.. tapi maksud saya memberikan sebuah hidangan berupa artikel yang sudah di sajikan dalam bentuk Popular Post, Label Artikel, Artikel Terbaru, Archive dan Menu ... dengan hidangan blog seperti sebuah restoran yang menyajikan berbagai menu pilihan, pengunjung akan memilih-milih menu apa saja yang menurut mereka enak untuk di nikmati.
4. SAJIAN : seperti pada point no.3 sajian ini merupakan isi dari menu hidangan tersebut dengan memberikan sajian yang enak dan menarik untuk di rasakan, Maksud dari sajian adalah sebuah artikel. Buatlah artikel semenarik mungkin,hal ini sudah pernah saya bahas dalam artikel membuat artikel blog berkualitas ... ya karena dengan sajian yang menarik pengunjung pun akan memuji sajian tersebut dengan berbagai cara..

Pada dasarnya Agar Blog Menarik adalah buat blog sesederhana mungkin tapi antik alias menarik,agar tidak disebut katro/kampungan. Penambahan jQuery dan Script lainnya bisa di tambahkan asal penggunaannya benar...

Sementara ini saya hanya bisa memberikan Saran 4 point dulu untuk point lainnya akan di tambahkan jika ada pemikiran lain,maka dari itu saya memerlukan saran dan kritik dari anda semua, dan semoga ini bisa bermanfaat.

Tips Cara melindungi Artikel Blog Dari copy paste illegal

Cara Memproteksi Konten Blog Dari Copy Paste Tanpa Izin

Pernahkah sobat merasa geram dengan ulah para copas (termasuk gue pent-)...(tukang copas maksdunya pent-) yang semena-mena dan tidak 'berperibloggeran' terhadap konten blog yang kita miliki?

Jika script ini masih disediakan oleh pihak yang 'berwenang',yuk kita balas kesewenang-wenangan mereka yang telah meng-copy paste artikel milik kita tanpa izin yang SAH..dengan mas kawin seperangkat alat shalat dibayar...oe! ini ngeblog mas bukan akad!
Oh ya,maaf.

Bagaimana efek dari script ini? ilustrikan saya adalah anda gan..
1.Tukang copas (yaitu gue pent-) mengcopy dari artikel atau konten apapun itu dalam sebuah posting blog,misal pengunjung mengcopy sebuah kode dari salah satu artikel didalam blog ini seperti gambar berikut:

Dan setelah saya paste dalam sebuah notepad/wordpad/ms word,etc hasilnya akan tampil seperti ini:

Sobat dapat lihat barisan kode yang saya beri tanda merah,setiap pengunjung mengcopy dari konten blog ini maka (jika script ini masih bekerja pent-) tulisan Read More bla bla bla.. akan turut serta setelah penginjung tersebut melakukan paste dari konten yang sebelumnya telah ia copy.(ribet banget si ngejelasinnya :()

Langkah dan Cara Melindungi / Memproteksi Artikel Posting dari Copy Paste

Sebenarnya tidak dapat juga dibilang 'melindungi' hanya 'menambah kerjaan' dari si tukang copas tersebut,apa kerjaanya? ya...ngapus 'read more' yang tadi beg* hehe (no sara,piss)

Oke,caranya gamapang sob,kunjungi www.tynt.com



Lakukan registrasi seperti gambar berikut (penting:untuk nama blog jangan menggunakan tanda 'slash' dibelakang [dot] com,misal jangan menggunakan nama_blog.blogspot.com/ tapi tulis nama_blog.blogspot.com saja tanpa tanda 'slash' or '/' dibelakangnya):


Setelah itu agan copy script kode yang diberikan lalu klik tombol finish,lihat gambar gan:



Misal kode script yang kami Jiez Share dapat adalah seperti ini:





Lalu dimanakah kode tersebut harus diletakkan?
pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3)


(1)


(2)


(3)

Setelah itu cari kode gunakan Ctrl+F pada keyboard untuk mempermudah pencarian,setelah sobat menemukan kode letakkan persis diBAWAHNYA kode script yang sobat dapat dari tynt.com lalu simpan.

Uji coba dengan mengcopy konten blog sobat dan paste kedalam notepad atau semacamnya,apa yang terjadi? hehehe moda berhasil and specially thanks to tynt.com