Sebenarnya ada banyak sekali widget yang dapat kita gunakan untuk mempercantik blog agan, salah satunya akan saya bahas dalam postingan kali ini. Berikut Cuplikannya :))
1. MyBlogLog’s Recent Readers - Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda.
2. Mashable - Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.
3. Headline News - Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.
4. Flickr Flash Photo Stream Badge - Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.
5. Preview Anywhere - sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link.
6. Twitter Badge - Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog Anda.
7. Digg News - Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan, Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.
8. FEEDJIT - Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.
9. LineBuzz - Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*
10. Flixn - Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *hehe* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.
11. 3Jam - Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.
12. Jaxtr - Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*
13. LinkedInABox - Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.
14. Box Widget - Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.15. Price of gas - Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.
- dari sahabat saya dioltutorial
PEtualangan didunia maya memberikan banyak sekali pengetahuan, ini salah satu hasil kunjungan saya di blog sahabat saya. Cara membuat tulisan muncul dan menghilang sepertinya menarik juga, bagaimana caranya?? mari kita simak baik-baik tulisan berikut.
Untuk membuat tulisan berkelip seperi bintang sangat mudah, kalian tinggal copas kode berikut:
<blink>"ketik tulisan anda disini"</blink>
anda tinggal mengganti tulisan berwarna merah, jika sudah maka hasilnya akan terlihat seperti contoh berikut:
Postingan kali ini sebenarnya melanjutkan postingan saya yang lalu tentang "cara membuat textbox dengan menggunakan tombol copy" namun pada kesempatan ini saya akan memberikan cara bagaimana cara membuat textbox tanpa tombol copy
Hal pertama yang perlu anda siapkan adalah kode berikut:
Hal pertama yang perlu anda siapkan adalah kode berikut:
Jika sudah maka hasilnya akan tampak seperti ini<p align="center"><textarea name="code" rows="3" cols="40"> Isi text anda atau kode2 HTML</textarea></p>
Demikian tutorial ini yang singkat padat dan mudah-mudahan jelas :))
Jika anda berkenan mari bertukar banner, banner saya dapat dilihat di sebelah kanan
Kisah ini dimulai semenjak saya berjalan-jalan diblog orang, saya melihat ada blog yang bersedia saling bertukar banner. Karena ingin bertukar sayapun membagikan kode html saya dengan perantara mas widget :)) Textbox area merupakan kotak area yang sebenarnya lebih dikhususkan untuk menuliskan kode-kode HTML diarea box itu agar pengunjung lebih mudah mengcopy kode-kode itu.
Untuk bisa menggunakan textbox area ini kita harus mempunyai kode seperti dibawah ini, copy kode berikut:
Kalo sudah maka hasilnya akan seperti ini :
Untuk menuliskan kode anda ataupun tulisan anda maka gantilah tulisan "tulis kode atau tulisan anda disini" yang bertanda merah.
ini contoh textbox banner saya
Demikian tutorial ini semoga bermanfaat ya, :))
Untuk bisa menggunakan textbox area ini kita harus mempunyai kode seperti dibawah ini, copy kode berikut:
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">tulis kode atau tulisan anda disini</textarea></p></div></form>
Kalo sudah maka hasilnya akan seperti ini :
Untuk menuliskan kode anda ataupun tulisan anda maka gantilah tulisan "tulis kode atau tulisan anda disini" yang bertanda merah.
ini contoh textbox banner saya
Demikian tutorial ini semoga bermanfaat ya, :))
Menambahkan Energy Saving Mode Di Blogspot atau banyak juga yang mengenalnnya dengan ScreenSaver Blog,, Saya sendiri kurang paham apa tujuan dan manfaat dri pemasangan Energy Saving Mode/Screensaver di blog,tp dari pemahaman saya dari pemasangan Screensaver di PC/Laptop yg tujuannya untuk membuat PC/laptop kita lebih menarik dan menghemat listrik/daya yah mungkin sama fungsinya saat di gunakan di blog.
Setelelah melihat contohnya kita langsung aja cara membuatnya
----------------------------------------------
Jika anda ingin merubah teks dengan teks anda sendiri caranya yaitu
1. Download javascriptnya terlebih dahulu,,copy/paste kode yang berwarna merah di atas di URL bar Web browser anda
2. Jika download selesai silahkan buka file JS nya dengan Notepad
3. Cari kata-kata/teks yang anda ingin ganti,,jika ingin menggantinya dengan Gambarsilahkan ganti teks dengan alamat gambar anda.(belum saya praktekkan)
4. Jika telah selesai silahkan Save dan upload File Js nya, caranya bisa dilihat Di Sini
6. Ganti URL/alamat Js Saya (Kode Yang Berwarna Merah Di Atas) dengan Alamat Js anda yg telah anda Upload
7. Sudah deh......
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
* Sejuta trimakasih buat Rezdown7
 |
Ini contohnya : (untuk memperbesar open new tab gambar di bawah ini) |
1. Masuk dulu ke akun blogger anda
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
4. Cari Kode Berikut </head> (CTRL + F)
5. Pastekan Kode di bawah ini di Atas kode </head>
6.Save Template dan Lihat Hasilnya<!-- save your energy -->
<script language='javascript' src='http://rezkijit.googlecode.com/files/EnergySaving.js' type='text/javascript'/>
<!-- save your energy end -->
----------------------------------------------
Jika anda ingin merubah teks dengan teks anda sendiri caranya yaitu
1. Download javascriptnya terlebih dahulu,,copy/paste kode yang berwarna merah di atas di URL bar Web browser anda
2. Jika download selesai silahkan buka file JS nya dengan Notepad
3. Cari kata-kata/teks yang anda ingin ganti,,jika ingin menggantinya dengan Gambarsilahkan ganti teks dengan alamat gambar anda.(belum saya praktekkan)
4. Jika telah selesai silahkan Save dan upload File Js nya, caranya bisa dilihat Di Sini
6. Ganti URL/alamat Js Saya (Kode Yang Berwarna Merah Di Atas) dengan Alamat Js anda yg telah anda Upload
7. Sudah deh......
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
* Sejuta trimakasih buat Rezdown7
Seblumnya Kita Harus Tau Dulu Apa Itu Alexa?? Kayak Nama Band Yah...,,heheAlexa adalah?? #$%&#^&$%^ wkwkwkw Mana Saya Tau!! Yang Tau Itu "WIKIPEDIA" Ini Menurut Wikipedia :
Alexa Internet, Inc. adalah perusahaan berbasis di California yang mengoperasikan situs yang menyediakan informasi mengenai banyaknya pengunjung suatu situs dan urutannya.
Alexa Internet didirikan pada tahun 1996 oleh Brewster Kahle dan Bruce Gilliat.
Alexa Internet didirikan pada tahun 1996 oleh Brewster Kahle dan Bruce Gilliat.
Menurutnya agan... apa hayo.....??.
STOP BASA BASI
1. Kunjungi http://www.alexa.com
2. Klik Menu Register ( Di Pojok Kanan Atas )
3. Lihat Gambar Di Bawah Ini :
4. Silahkan Di Isi , Jika Telah Selesai Klik Register
5. Jika Sukses , Langsung Masuk Ke Email Anda Untuk Konfirmasi/Apalah Namax
6. Klik Link Yang Tersedia, Dan Anda akan Di Antar Ke Halaman seperti Gambar Di Bawah ini :
7. Silahkan Di Isi Lagi Sesuai Yang Di Inginkan Paman Alexa
8. Klik Submit Password, Jika Sukses Anda Akan Login secara Otomatis
9. Klik Nama Akun Anda Yang Terletak Di Pojok Kanan Atas dan Anda Akan Di Antar Ke Halaman Seperti Gambar Di Bawah Ini :
8. Klik Submit Password, Jika Sukses Anda Akan Login secara Otomatis
9. Klik Nama Akun Anda Yang Terletak Di Pojok Kanan Atas dan Anda Akan Di Antar Ke Halaman Seperti Gambar Di Bawah Ini :
10. Klik Add a Site Now (Yang Saya Tandai Berwarna Merah) Lalu Lihat Gambar Di Bawah :
11. Masukkan URL Blog Anda Dan Klik Claim Your Site
11. Masukkan URL Blog Anda Dan Klik Claim Your Site
12. Setelah Itu Perhatikan Gambar Di Bawah (Open New Tab Untuk Memperjelas)
13. Bagian Yang Ke 2 Terdapat Kode HTML, Copy Kode Tersebut Ke Blog Anda Tepatnya Di Antara Kode <head> dan </head> Caranya :
(Ingat halaman Alexa Jangan Ditutup Dulu)
15. Sukses.......
Untuk Memasang widget Alexa Klik Site Tools Di Menu Lalu Klik Alexa Site Widgets Lihat Gambar di Bawah Ini :
(Ingat halaman Alexa Jangan Ditutup Dulu)
15. Sukses.......
Untuk Memasang widget Alexa Klik Site Tools Di Menu Lalu Klik Alexa Site Widgets Lihat Gambar di Bawah Ini :
Pilih Model Widgetnya Kemudian Masukkan Alamat/URL Blog Anda Dan Copy Kodenya Ke Sidebar Blog Anda,Selesai deh.....
Wassalam.....
* Sejuta trimakasih buat Rezdown7
Kbw merupakan komunitas dari blogwalking difacebook dan bermarkas situ . Pertama kali berjumpa dengan KBW tak ada rasa apapun namun perasaan berkata lain, "penasaran" :P nah akhirnya saya tau apa itu KBW dan markasnya. Kegiatan blogwalking sangat berperan besar dalam ketenaran blog kita, disetiap kunjungan kita saling bertukar alamat, menebarkan komentar-komentar di blog orang lain. Seiring itu pula orang akan mengetahui alamat blog kita dan beruntung lagi bila mereka mem'Bookmark' blog kita :DD .
Jangan sok bangga denga blog kita sendiri, sebenarnya di luar pengetahuan ada blog yang jauh dan jauh lebih bermutu daripada blog kita ini :P. Bagi yang belum gabung, cepet-cepet gabung ya.
"Salam BlogWalking" sobat... :D
* Sejuta trimakasih buat Rezdown7
Apa Itu Tombol Back To Top?? sesuai namanya dalam bahasa ingrris yang dalam bahasa mandarinnya yaituKembali Ke Atap,upzzz Kembali Ke Atas Maksudnya ,,(mank ada yah bahasa mandarin Kembali ke Atas??) , Nah dari namanya saja pasti udah kebayang kalau di gunakan dalam sebuah halaman blog, yaitu jika kita berada di bagian bawah halaman ataupun pertengan halaman, jika tombol tersebut di klik maka secara perlahan akan menuju ke bagian atas halaman blog, namun ada juga yang langsung tok ke atas tidak secara perlahan,namaun yang saya gunakan naiknya secara Perlahan karena menggunakan JQuery,silahkan dilihat di blog ini contohnya (Bagian Kanan Bawah Arah Kita)udah Ketemu Kan Tombolnya??Kalau belum berarti anda berada di bagian atas halaman,ke bawah dulu dong...Waduh.... Panjang amat Yah,Yaudah Langsung aja saya Kasi Kodenya
Ini Dia Kodenya :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>entahlah saya dapat kode ini darimana asalnya,hahaha lanjuuuuuuuuttttttt
<script src="http://js-rezdown7.googlecode.com/files/rezdownbacktotop.js"></script>
Cara Meletakkannya Yaitu :
Seperti biasa1. Masuk ke akun blogger anda dengan email dan password sendiri2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya
--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.
Kalau kurang jelas silahkan hub. saya.
Terima Kasih...
Seperti biasa1. Masuk ke akun blogger anda dengan email dan password sendiri2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya
--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.
Kalau kurang jelas silahkan hub. saya.
Terima Kasih...
Setiap kali kita mampir ke blog orang lain dan melihat hal baru dan menarik pastinya bikin nriri bgt kan? :P wkwkwk salah satunya adalah shoutbox show-hide, Bagaimana Caranya Membuat Buku Tamu Atau Shoubox yang Kita Miliki Posisinya Berada Di samping Page Sheet Blog kita???
Mau tau Caranya?? Namun Kita Harus Tau Lebih Dulu Apa Keuntungannya,,Menurut saya Jika Shoutbox/Buku tamu posisinya Show/Hide di samping kanan blog kita,itu akan mengurangi tempat di sidebar,,dan lebih memperindah blog kita (menurut saya sebagai pemula).
Ini di Caranya :
1. Silahkan Masuk Ke akun Blogspot anda dengan email dan password sendiri (: ,,setelah berada di Dsahboard klik Desaign
2. Pilih Posisi sidebar Dimana aja (tanpa mengisi kolom judul)
3. Klik Add a Gadget -->Pilih HTML/Javascript
4. Copy dan Paste kode berikut Di Kolom HTML/JavaScript :
Keterangan :
 |
| Contoh Shoutbox |
Ini di Caranya :
1. Silahkan Masuk Ke akun Blogspot anda dengan email dan password sendiri (: ,,setelah berada di Dsahboard klik Desaign
2. Pilih Posisi sidebar Dimana aja (tanpa mengisi kolom judul)
3. Klik Add a Gadget -->Pilih HTML/Javascript
4. Copy dan Paste kode berikut Di Kolom HTML/JavaScript :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnP656KDTlV3Z3z0Vbz5iSXXB9dOqxmLuLAbRVF71c1u_TcT50gRN7JIOujxFwGZSwU-I67T-En8n1eOa2HzqHPGYyD0o2IcG56j9YWnOGrNIbUkxmEHzJEP82i_DBmAxeQwHCzP2toU1/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent"><!-- Letakkan kode buku tamu anda di bawah ini -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<small>Widget by: <a href="http://rezdown7.blogspot.com/" target="_blank">Rezdown7</a></small>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Keterangan :
