58 Widget Pilihan Untuk Mempercantik Blog Anda

Widget jika berhubungan dengan web ataupun blog maka yang dimaksud
adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan,
kecantikan, serta “kenarsisan” blog Anda. *heuheu* Widget sendiri
merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah
disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal
dari third party atau pihak ketiga.

Penggunaan serta pemasangan widget telah sangat dimudahkan oleh
pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya*
hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali,
cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah
berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda.

*Note:* Saya sarankan jangan terlalu berlebihan memasang widget karena
selain agama juga melarang *kesannya* memasang widget yang
berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan
kumuh dan membebani loading halaman blog Anda sehingga tidak menutup
kemungkinan terjadi PLP.

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. Dan dengan
kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu
meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangad*
So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai
account yahuu.

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. Pro-kontra memang selalu ada; sebagian
menganggap widget ini berguna karena menandakan kejujuran kita selaku
pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang
lojalabo. *heuheu*

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, contohnya di sidebar blog ini ada
celotehan saya sekedar catatan apa yang
tengah saya kerjakan menggunakan plugin tersebut.

7. Digg News – Widget ini manampilkan Link
terakhir yang masuk ke Digg sebuah social bookmarking yang sudah
“kakoncara” dijagat perbloggan mah lah… *halaaah* 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* heuheu. 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 *heuheu* . 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.

16. iBegin Weather Widget – Menampilkan
laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of
Gas di atas widget ini hanya cocok untuk blog yang memang membahas
masalah yang sama.

17. ClockLink – Sepertinya widget ini yang
paling banyak diminati dan digunakan para blogger yang peduli dengan
manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan
petunjuk waktu atau jam pada blog Anda.

18. Film Loops – Menampilkan kesimpulan
filem terakhir yang Anda tonton melalui account FilmLoops Anda.

19. Daily Painters –
Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget
ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.

20. WhoLinked – Memperlihatkan kepada pengunjung
blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu
mengupdate karena WhoLinked ini secara teratur mengupdate sendiri
web/blog yang melink blog Anda.

21. Criteo AutoRoll – Widget ini
memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda.
Sehaluan…? Secara…! Heuheu.

22. Calender

– Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya,
untuk pengguna blogger widget kalender belum tersedia, oleh karenanya
jika Anda ingin menampilkan kalender maka widget satu ini pantas di
perhitungkan.

23. Bitty Browser – Menampilkan
web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama
yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang
lainnya… *beuh ga nyambung*

24. Leafletter – Ini juga sama
masih masalah mini, widget ini membuat website mini dan menyimpannya
pada blog Anda.

25. WikiSeek – Menampilkan
widget untuk pencarian pada Wikipedia.

26. FeedCount – Menampilkan jumlah
pengunjung blog Anda melalui banner kecil dan widget ini berhubungan
dengan account feedburner

Anda.

27. Technorati Link Count –
Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu
directory blog terbesar dan terpopuler abad ini… dialaaaaaaah
Technoraaaaati. *juara tinju dunia kita* halaaaah.

28. MyPageRank – Inilah cara lain untuk
sombong menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan
menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR
google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR
yang baik menurut google itu yang lebih besar alias 10, kalo baru satu
berarti belum besar-besar amat blog Anda.

29. CheckPageRank
–
Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget
ini menampilkan juga ranking Alexa.

30. Counter Statistic
–
Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka
widget ini adalah salah satu yang menyediakan fasilitas tersebut.

31. Web/Blog Counter – Widget ini datangnya dari
Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari
mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog
Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui
search engine semisal google, yahoo, msn menggunakan keyword apa. Jika
Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini
yang bisa saya rekomendasikan.

32. BlinkxIt – Widget mantab sangad
karena menampilkan banner kecil dibawah setiap postingan blog Anda,
ketika banner BlikxIt itu di klik maka keluar mini popup seperti
snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.

33. Skype button – Seperti widget
menampilkan status online YM
pada blog
Anda, widget ini pun hampir sama cuma bedanya status online/offline pada
account skype Anda yang ditampilkan.

34. RockYou Horoscope –
Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini
berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita
sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari
shalat Anda tidak diterima *mode galak* Heuheu…

35. Bravenet Horoscope

– Seperti halnya widget di atas, bravenet pun menyediakan widget
horoscope untuk blog Anda.

36. del.icio.us Tagometer – Widget
ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.

37. del.icio.us Linkrolls – Widget
ini menampilkan bookmark terakhir Anda dari del.icio.us.

38. Timelines – Perlu membuat timeline
untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu
memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.

39. PollDaddy – PollDaddy memberikan Anda
kemudahan membuat sebuah poling atau survey interaktif padamu negeri
dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang
harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi
saksi cinta suci nan tulus kita berdua.

40. Vizu – Pilihan widget lain untuk membuat
poling pada blog Anda, kelebihannya widget ini cocok dengan platform
blog manapun.

41. AnswerTips –
Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah
yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah
mas tukul*. pis mas… Heuheu.

42. AnswerBoxes – Masih
widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada
pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan
mendapat jawaban segala risau hatiku dari Answer.Com.

43. Now Playing – Jika Anda ingin sharing
playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog
Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp
yang melakukan trik bagaimana hal itu mungin terjadi.

44. BuzzBoost –
Menampilkan headline dari RSS FeedBurner

blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga
pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada
blognya dia, mereka dan dirinya. *jangan maksa deh*

45. LibraryThing – Tampilkan
buku terakhir yang telah Anda baca wahai kutu buku!

46. Plaxo Address Book
– Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku
tamu mereka langsung dari blog Anda.

47. AuctionAds – Widget yang menampilkan
pelelangan barang dari eBay, dan memberikan kesempatan pada untuk
mendapat persentase *uang denger gitu loh* dengan catatan pengunjung
blog Anda membeli barang lelang tersebut.

48. aStore – Hampir mirip dengan AuctionAds
di atas, hanya saja widget ini datangnya dari Amazon. Widget ini
memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli
lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw,
sudah daftar amazon belum? Kalo belum Klik Disini

untuk daftar dan langsung buat “warung sederhananya”. Heuheu.

49. Deal of The Day

– Masih dari Amazon ini merupakan widget paling anyar yang dirilis
amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang
ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang
dari widget tersebut tentu Anda mendapat persenan dari amazon,
lumayanlah buat beli kacang goreng. Heuheu.

50. Plazes – Widget ini menampilkan dimana
posisi Anda, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh
tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan
lokasi peta dimana kamu berada. *nyambungkah?*

51. Stockalicious
– Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan
blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda
keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.

52. Yahoo! For Good –
Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang
berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial,
rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang
menerima penitipan kotak amal. ^_^

53. Giftspace – Sahabat ataupun
teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak
tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui
widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan.
*meski diberi nawar boleh donks* heuheu.

54. MixMap – Dari widget ini Anda bisa melihat
pengunjung profile MySpace Anda dari sebuah Peta.

55. Google Map Widget
–
Perlihatkan pencarian pada peta google dari blog Anda.

56. Google Video Search
– Tampilkan
form pencarian video dari video pilihan pada blog Anda.

57. This Day in History
–
Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa
lalu.

58. Shoutbox

– Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para
blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa
Anda gunakan diantaranya, Shoutmix , Cbox
, atau kalo Anda berorientasi nasionalis dan cinta
produk dalam negeri Anda bisa memilih Oggix . Dan
awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin
berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar.
Pssst jangan bilang kalo saya udah nyoba blognya oggix, klik disini
untuk melihat blog oggix punya saya *heuheu*

READ MORE .....

Cara Cepat dan Mudah Membuat Backlink Secara Otomatis | Tips Blogspot | Membuat Backlink Otomatis

Backlink adalah sebuah link yang mengarah ke situs sobat yang terpasang pada web atau blog orang lain. dan ingat Semakin banyak jumlah backlink ke situs anda, maka mesin pencari manapun akan menganggap situs anda semakin penting dan berkualitas dan tentunya akan memperoleh tempat cukup tinggi di hasil pencarian di Google, Ask, Aoe, dan pastinya akan meningkatkan pagerank anda do search engine. Kalau pada google Secara umum cara google melakukan penilaian intinya terletak pada jumlah link yang tersebar ke situs - situs atau directory lain. Jika sobat tertarik silakan ikiti langkah - langkah berikut :

1. Sobat buat posting baru dengan judul misalnya " Cara Cepat dan Mudah Membuat Backlink Secara Otomatis ".
2. Lalu silakan anda copy mata rantai dibawah ke posting baru sobat.
3. Catumkan link website anda di kolom paling bawah yang sudah tersedia.
4. Saya ingatkan kembali jangan anda merubah atau mengotak - atik format yang telah saya buat karena bisa merusak mata rantai anda disearch engine.
5. bila anda sudah menerapkannya dengan benar otomatis para pengunjung website atau blog anda akan menjadi mata rantai anda berikutnya.
6. Selamat mencoba.......

Daftarnya

http://kolombloggratis.blogspot.com

http://bannerpasang.blogspot.com

http://arial-solution.blogspot.com

http://solusinyaiklan.blogspot.com
http://www.aryawan49.uni.cc/

Isi Link sobat

Jika sobat sudah menerapkan dengan benar trik untuk menghasilkan backlink, Kunjungan banyak, pagerank tinggi secara otomatis, pastinya akan membuat website atau blog sobat berkwalitas disearch engine.

READ MORE .....

CARA PASANG TUKER LINK OTOMATIS DI BLOG DENGAN BLENZA

1.Klik http://blenza.com/linkies/.


2.Klik Register Lalu isi Formulir pendaftaran dengan lengkap.


3.Setelah itu kamu diminta untuk memasukkan kode konfirmasi yang dikirimkan melalui email.


4.Setelah itu silakan LOGIN dengan akun blenza yang udah kamu buat.


5.Selanjutnya klik wizard


6.Pilih servernya Blogger dan widgetnya Original Auto-Linkies, lalu klik Generate code.


7.Setelah kamu mendapatkan Kode HTML nya silakan Copy kode tersebut lalu :

CARA PASANG TUKER LINK OTOMATIS DI BLOG
8.Login ke blogger lalu klik Tata Letak lalu klik Tambah Gadget lalu pilih HTML/javascript atau kamu juga bisa mempastenya di dalam postingan tuker link di blog kamu.


9.Copy kode berikut lalu paste di bawah Kode <head> .Caranya Login Ke blogger Lalu Klik Tata Letak Terus Klik Edit HTML Cari dech <head> nya.

<script src='http://www.blenza.com/linkies/header.js' type='text/javascript'/>


10.Kalo udah jangan Lupa Klik Save template

Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

Sumber:Google

READ MORE .....

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Setelah saya berkelana di blog para sahabat saya mulai melihat kata "obeng" , yah ternyata templatenya toh... Terus saya lihat blog saya sendiri, ternyata masih ada obengnya, ya udah saya copot aja obengnya.

Berikut adalah cara mudahnya :


1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :



]]></b:skin>


5.

Copy paste kode berikut persis di atas kode yang tadi :



.quickedit{
display:none;
}


6.

Klik tombol Simpan template.
7.

Selesai.


Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....

Vertical Sliding Panel menggunakan jQuery

Contoh tampilannya lihat gambar dibawah ini ya,sedang untuk demo-nya sobat bisa lihat di SINI.

Vertical Sliding Panel menggunakan jQuery .



Langkah cara membuat Trigger Hover jQuery / Vertical Sliding Panel mengggunakan jQuery ini sobat bisa lakukan langkah -langkah berikut:

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 ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin> tersebut.

#container {
clear: both;
margin: 0;
padding: 0;
}

#container a{
float: right;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

#container a:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

.content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel {
position: absolute;
top: 250px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 250px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hRDUoR6OdO53EVe2K8SFxDm00lO0hRYzRzZ76iV_aKZOI99W0QoZLheHUF_tcj41uWyQ4mhKwgM8Jb4iSCx1oPkYJwzxKgpNKDczbtlDH9CuovoymeaUAki8tLtPqvpyKx3YTl5ia14/s320/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 250px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hRDUoR6OdO53EVe2K8SFxDm00lO0hRYzRzZ76iV_aKZOI99W0QoZLheHUF_tcj41uWyQ4mhKwgM8Jb4iSCx1oPkYJwzxKgpNKDczbtlDH9CuovoymeaUAki8tLtPqvpyKx3YTl5ia14/s320/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxLMS6RACPP0LZ2U18OR5jgGyCnkcLCRGwtl7-tu0kIhmiiy6hH3Muqf_cZwLsIcONCMhxxa54AslFOWXSVJ1v3UXn5r049YpBGf5C1GG9Mxye0l738WquHmPBA-t0bkjyfCG2b_q2Ms/s320/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

Setelah itu,carilah kode </head>,setelah ketemu tepat diatasnya letakkan kode javascript dan jQuery berikut:

<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.trigger&quot;).click(function(){
$(&quot;.panel&quot;).toggle(&quot;fast&quot;);
$(this).toggleClass(&quot;active&quot;);
return false;
});
});
</script>

Lalu simpan templates.
Nah,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)



(4)


(5)

Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:

<div class="panel">

<h2>Silakan pilih kategori:</h2>
<div style="clear:both;"></div>
<div class="columns">
<div class="colleft">
<h3>Bisnis Online</h3>
<ul>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=bisnis+online&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Bisnis Gratis">Bisnis Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=domain&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Domain Gratis">Domain Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=pasang+iklan+gratis&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Pasang Iklan Gratis">Pasang Iklan Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=bisnis+tanpa+modal&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Bisnis Tanpa Modal">Bisnis Tanpa Modal</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=uang+gratis&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Uang Gratis Free!">Uang Gratis Free!</a></li>
</ul>
</div>

<div class="colright">
<h3>Ngemis Dollar Internet</h3>
<ul>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=bisnis+online&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Bisnis Gratis">Bisnis Gratisan (Baru)</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=domain&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Domain Gratis">Baru! Domain Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=pasang+iklan+gratis&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Pasang Iklan Langsung!">Pasang Iklan Langsung!</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=bisnis+tanpa+modal&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Bisnis di Rumah">Bisnis di Rumah</a></li>
<li><a href="http://marshaaruan.blogspot.com/?cx=partner-pub-7754036656352309%3Ats44k6-oawo&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=uang+gratis&amp;sa=Search!&amp;siteurl=marshaaruan.blogspot.com%2F" title="Gratis Uang Jajan">Gratis Uang Jajan</a></li>
</ul>
</div>
</div>
<div style="clear:both;"></div>
</div>
<a class="trigger" href="#">Surf!</a>

Dan Langsung Simpan aja...ok..

Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....

Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....

Cara Pasang File dan lainnya yg bersifat Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :

http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash">

4.Selesai.Tinggal save aja

Note:
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.


Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....

Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)

Suatu ketika saya berkunjung ke kompas.com saya mengeklik salah satu judul berita, disana saya menemui ARTIKEL TERKAIT yang dibawahnya link judul-judul yang masih ada hubungannya dengan berita yang pertama tadi. Mungkin sedikit cerita itu bisa mengambarkan kita apa yang dimaksud dengan judul di atas yaitu "Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)"

Berjalan-jalan ke trik-tips blogging, saya menemukan cara untuk menampilkan judul artikel yang berhubungan. Di trik ini, judul itu di tampilkan di bawah artikel, dan penampilan itu berdasarkan label. Mungkin kita ada label Kucing karena kamu pengemar binatang, di Label Kucing itu ada 10 judul, maka saat kita melihat salah satu dari judul itu maka 9 judul ada di bawahnya.

Berikut ini langkah-langkah kita untuk menampilkan judul artikel yang berhubungan :
1. login ke Blogger
2. Lalu pilih Tata Letak-->Edit HTML
3. Selanjutnya Expand Widgets Template template kita
4. Cari kode berikut ini
<data:post.body/>
*) untuk blog yang ada "read more" nya akan ditemui 2 kode <data:post.body/>, pilihlah kode yang pertama
5. Kalau sudah ketemu, taruh script berikut ini di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>ARTKEL TERKAIT</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>



6. Kalau sudah kita ditaruh script di atas, SIMPAN temlpate kita

Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....

Membuat Running Teks Berita dari Blog Kita

Pernah melihat televisikan? :D pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.
Membuat Running Teks Berita dari Blog Kita

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript">
var hn_url_blog = "http://www.aryawan49.uni.cc/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

Ganti http://www.aryawan49.uni.cc/ dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai.

Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

READ MORE .....