Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Kamis, 03 Juni 2010

Cara Menyatukan Semua Widget dalam Satu Tempat dengan Rapi


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
Cara Menyatukan Semua Widget dalam Satu Tempat dengan Rapi. Satu lagi trik sederhana agar tampilan widget dalam satu tempat kelihatan rapi. Dengan trik ini teman-teman bisa mengatur tatanan widget teman-teman agar tidak kelihatan amburadul. Sebagai contohnya teman-teman bisa menengok sidebar blog ini, tepat di bagian STATS DAN DIREKTORI. Pada bagian tersebut saya menggunakan jasa penambahan elemen HTML/Java Script, sering terjadi ketika kita ingin menyimpan banyak widget ke dalam satu tempat dan alhasil tampilannya malah jadi amburadul, ya kelihtan nggak rapi. Namun, bagi teman-teman yang ingin tampilan widget2nya tersebut kelihatan rapi, nggak perlu bingung - karena kita akan membahas cara agar tampilannya nggak amburadul lagi.

O ya, perlu diingat - mungkin sebagai catatan aja, trik ini bagus bagi teman-teman yang memiliki sidebar maupun kolom yang ada di dalam blognya yang memiliki ukuran yang relarif kecil, dan juga hasil dari trik yang ingin kita bahas akan menjadikan setiap widget menempati spasi baru, sehingga inilah yang membuat tampilan widget-widget kita rapi.

Langkah awal yang perlu anda lakukan tentunya menyediakan terlebih dahulu kode-kode widget yang ingin disimpan dalam satu tempat => Selanjutnya masuklah ke "tambah gadget"/add gadget dan pilihlah HTML/Java Script.

Yang perlu anda lakukan agar tampilan semua widget anda rapi yaitu dengan cara mengakhiri setiap kode widget anda dengan kode <br/> dan simpanlah kode widget lain dibawahnya lalu jangan lupa diakhiri dengan kode <br/> lagi (jika masih ada widget lain yang ingin ditambahkan). Jika anda ingin menambah widget lain, silahkan disimpan tepat di bagian bawah widget tadi...dan seterusnya~

Sebagai contoh, agar lebih jelas - berikut formatnya:

KODE WIDGET PERTAMA DI SINI<br/>
LALU KODE WIDGET KE DUA DI SINI<br/>
LALU KODE WIDGET KE TIGA DI SINI<br/>
LALU INI KODE WIDGET TERAKHIR (nggak perlu diakhiri <br/> - jika masih ada kode widget lain yang ingin ditambahkan di bagian bawah, silahkan tambah kode <br/> di bagian akhir kode widget tersebut)



Nah, begitu aja. Simpel, gampang, mudah, dan tidak susah bukan?^

Oh ini...hampir lupa, jika teman-teman ingin agar tampilan widget-widgetnya rapi - khususunya pada bagian footer/bawah blog, maka jadikan saja rataan semua widget menjadi "tengah" alias "center". Untuk caranya gampang-gampang aja, apit saja semua widget yang anda punya dengan kode <center> dan berikutlah formatnya:

<center>DI SINI KODE WIDGET2 ANDA</center>



Rampung dah....

Semoga bermanfaat_

Tags: Agar kumpulan widget rapi, cara membuat tampilan banner rapi, membuat tampilan semua widget rapi, agar widget banner tidak amburadul, cara menyatukan widget dalam satu tempat
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



30 comments

3 Juni 2010 16:48

semoga dapat pertamaxxx...
amin,,,

lama gak keliatan kang
makin mantab aja ni tipsnya
ijin nyobain ya kang???

3 Juni 2010 17:25

Met pagi, met beraktifikas... sukses ...

3 Juni 2010 17:42

ribet juga ya.. Hehe.. Ku catet dulu deh.. Thx ya udah share

3 Juni 2010 17:49

Oia sob,, kalau boleh kasih masukan dikit :10, bisa ga link friendnya di kasih di homepage, jadi backlink yang di dapat PR 2, kalau dibuat model postingan gitu, terindeksnya PR 0, kasian temen2 yang udah nempatin link kamu di homepage, sorry ya sekedar masukan, sukses untuk blognya, saya banyak belajar dari blog ini, thx

3 Juni 2010 20:32

Informatif banget sob,, :12
Mantabs..!!!

4 Juni 2010 02:46

nice article. tukar banner bro, banner ini udah dipasang, cek di blogroll. script banner gw ambil di-link exchange. sukses selalu ya bro.. :25

5 Juni 2010 08:16

@MisterXWebz: Sebelumnya thanks masukannya sob :10. Sebenarnya masalah yang satu ini sudah sering dibahas oleh banyak blogger, namun sayngnya kurang mendapat perhatian. Berikut alasan saya menempatkan link (link exchange) di dalam post (sub domain):

1. Blog yang memiliki lebih dari 100 link di homepage-nya kurang bersahabat dengan search engine

Blog ini termasuk kategori di atas. Sejujurnya, blog ini memiliki kurang lebih 150 link di homepage-nya - oleh karena itu saya berusaha sekeras mungkin untuk tidak menempatkan link2 di homepage.(Cek di: http://www.submitexpress.com/analyzer/ atau di: http://www.seocentro.com/tools/search-engines/metatag-analyzer.html)

2. Menempatkan link exchange di homepage memang bagus untuk backlink, tapiii...ada syaratnya

Ya, saya tahu dan sering membaca postingan para blogger yang membahas masalah kesalahan dalam link exchange...namun, ada beberapa yang tdk mereka bahas - bahwasannya link exchange akan bagus disimpan di homepage jika jumlah link outbound (link keluar) blog tersebut tidak lebih dari sepuluh link (memang ada yang bilang tidak lebih dari 50 - setelah saya cek, kebanyakan para master mengatakan tdk boleh lebih dari 10 link out). Intinya, jika link disimpan di homepage walau sekalipun pagerank blog tersebut bagus, maka tak ada artinya jika blog tersebut memilki banyak outbound link di homepage-nya...tak percayakah sobat? Cobalah intip blog mereka yang mungkin bisa dikatakan sebagai blog top, seperti: blog mas Doyok, blognya rizky2009, Pancallok, dll - pasti sobat akan menemukan link exchange-nya di dalam post bukan home.

Mungkin masih banyak poin2 penting mengenai masalah ini yang ingin saya sampaikan, tapi bukan di sini. Intinya, kebanyakan link di homepage apalagi link outbound itu tidak bagus untuk link exchange, karena walau PR blog yang sobat ajak tukar link blognya memilki PR tinggi itu percuma saja. Dan yang lebih parah lagi, kasihan yang memilki blog - mengingat poin pertama (no.1) di atas. Harapan utama saya semoga blog ini memiliki banyak pembaca yang datang langsung dari search engine. Harap maklum, dan semoga dapat dimengerti_

:ntauadmint4bb:

5 Juni 2010 15:57

Wah . . .makasih info rapih-nya kang . . salam kenal, aku follow ya kang . . .jika berkenan follow balik jg boleh

5 Juni 2010 17:56

wah kerena tutorialnya :12

bos mau nanya nich, emoticon komentar q kok ga' mau di blog q?

6 Juni 2010 18:09

Thank's untuk perhatian dan jawaban, setelah membaca ulasan dan alasan sobat di atas, saya ngerti dan paham, dan yang sobat ajukan ga ada yang salah, tapi bagaimanapun juga tukeran link bertujuan untuk saling mempertahankan / mendongkrak link popularity kita, apa lagi kalau ternyata kita bertukar link dengan blogger yang notobene udah berhenti ngeblog (no update) bagi saya itu bisa merugikan, karena imbas dari turunya PR mereka,
Tapi demi kenyamana aja sob, dengan tidak mengurangi rasa hormat ke sobat silakan hapus link saya, dan bagi saya "persahabatan" di dunia blogger bukan hanya lewat "Tukaran Link", Saling kunjung balek dan memberikan komentar secara reguler itu bagi saya itu lebih baik, Ok sob, tidak ada maksud apa-apa, saya bisa buktikan, dengan tidak adanya link saya di sini, saya tetap akan berkunjung dan memberikan komentar, ok sob sukses untuk blog anda

l
l
V
With Friendly Smile
MisterXWebz

7 Juni 2010 05:56

@IHSAN: Oh itu....kemungkinan gara2 kode yg ada dlam file JS saya kurang mendukung terhadap kode template sobat (bisa dikarenakan beberapa kode template sobat pernah diotak-atik). Saran saya, sobat bisa mengedit file JS saya tersebut, jika belum bisa cara mengeditnya silahkan baca postingan saya tentang mengedit file JS (Java Script) di sini => http://t4belajarblogger.blogspot.com/2010/04/cara-edit-file-java-script-trik-mudah.html

:ntauadmint4bb:

9 Juni 2010 22:48

mantap sobat..........thanks .......

1 September 2010 07:32

mantep nih
lumayan buat tambah ilmu

19 September 2010 12:23

Agan, saya senang dengan tampilan blog ini,
saya masih nubie tolong bantu saya berikan pencerahan di blog saya http://www.infobizniz-onkytheo.blogspot.com

makasih

1 Oktober 2010 06:59

nice info gan

14 Desember 2010 23:42

kak gmna cra pasang (Baca juga yang lain...) di blog mhon ksih tw.,
pleace

22 Desember 2010 22:23

Coba dulu ya..


Naraja
www.bataica.com

29 Desember 2010 01:13

sip gan..

1 Januari 2011 20:53

Lmayan bermanfaat jga mas :)

Skalian promosi ah,
Please visit my blogs :)

http://www.beritatrend.com

11 Januari 2011 22:42

:10 thanks banget, dpt byk info dblog ini. sukses selalu.

24 Januari 2011 00:29

wow

27 Januari 2011 02:28

wah,,,mantap bngt postingannya.......kalau ada waktu lihat-lihatlah punyaku, gimana ..mungkin ada yang harus dibagi tentang keadaan blogku....thank 's

12 Maret 2011 19:33

mantab sobat.. sukses

14 April 2011 09:27

hahahah keren, saya suka lakukan ini, tapi gak kepikiran buat dijadikan POSting. hebat om.

6 Juni 2011 21:21

Sory broo, mo nanya-nanya ne. Kalo ditambah-tambahin pa g da efek tuh.. terutama widget2 yg da hub dg backlink. Pemula bget nih ?!?!?

8 Juni 2011 11:02

Nggak masalah bro...
masalahnya kode di atas berfungsi sebagai pembentuk paragraf baru...
Jadi otomatis tulisan/widget yang kita letak setelah kode <br > akan terletak di bagian bawah tulisan/widget sebelum kode <br >
atau lebih singkatnya tulisan/widget baru akan terletak pada baris baru (tidak sejajar dengan tulisan/widget lama)
Semoga membantu :10

:ntauadmint4bb:

26 Juli 2011 01:47

artikelnya bagus, cuman saya belum tau cara mencari atau mendapatkan kode widget.

13 September 2011 19:28

thx bro...mantap bgt ilmux.
maju terus :17

24 September 2011 07:06

Oh ternyata pakai ya....
Panter kadang memang amburadul ...
Thank gan....

20 April 2012 23:50

sangat menarik ...
support terus Sobat

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link