Kamis, 29 April 2010

Mobile Version With Google Reader

Mobile for blogger. Kehadiran teknologi mobile saat ini tidak dapat kita pungkiri sedikit besarnya mempengaruhi kepada perkembangan blog juga :D Selain dapat memantau via handphone, tapi banyak keuntungan lainnya sob :-" Bagi kawan yang berminat membuat tampilan blog via mobile bisa menjadi alternatif postingan BeBeN si bloglang nu ganteng kalem tea ini MOBILE TO MANAGE. Kalau mau melihat yg aku tengok saja di menu bergambar HP 5110 ;) Google search engine top markotop telah meluncurkan Google Mobile, dan bagi para kalangan blogger khususnya blogspot terdapat Official Google Mobile Blog. Serta bagi sobat yg mau memulai bermobile ria dg blog berbasis blogspot ini sudah ada tips dan triknya di Start Blogger Mobile. Bagaimana cara instant untuk menampilkan blog tercinta kita ini :-/ via GOOGLE, yg memang cocok bagi blog berat dan penuh gaya seperti blog aku ini :"> :))

mobile

Bagaimana? mau :-? Klik icon diatas dan cek gi dot :-/ Gampang caranya sob, yg susah cari artikelnya doang :)) :( Yang dibutuhkan disini sobat harus sudah memiliki account google. Langkah selanjutnya sobat hanya tinggal menuliskan satu link dg anchor berikut...

http://www.google.com/reader/m/view/feed/[feed_address]
Gantilah [feed_address] dg alamat feed sobat.
http://www.google.com/reader/m/view/feed/http://beben-koben.blogspot.com/feeds/posts/default
Beres!, masalah gaya tinggal kreasi masing-masing saja b-) \m/Article by : http://myfundoo-blog.blogspot.com/

Update
Google Reader is Discontinued and How to Solve it

Rabu, 28 April 2010

APTURE BAR FOR BLOG

aptureApture bar for blog. Tahu dong navbar bawaan blog yang ada diatas itu :-/ Web Apture memberikan warna gaya lebih memikat tentang feature satu ini. Bagi sobat yg belum tau menghilangkan dan mengaburkan navbar default dari blogger Seputar Masalah Tentang NavBar Blog. Apture bar yg bernaung dalam perusahaan swasta dan bermarkas di San Francisco, California ini menawarkan tampilan navbar guna berbagi berpenampilan maknyus. Pada posisi diatas tidak tampak, kalau dikebawahkan tampak :p

Kalau mau lebih jelas, silahkan kunjungi saja webnya sob :D Add Apture to your blog, dihalaman ini sobat bisa sesuka hati edit-edit terlebih dahulu sebelum memasangnya. Gitu saja kok sob mendapatkannya ;)) Oh iya bagi pengguna tools Wibia ada feature yg baru tuh, sok tambahin ke blognya. Lihat deh di Ben-Tools tunggu sampai beres loading, dan lihat postingan yg ada gambarnya! Bakal ada fasilitas sharenya sob ;)) Dah ah happy blogging, salam blogger \m/

FACEBOOK FOR WEBSITES

Facebook for Websites. Facebook jejaring sosial yang lagi booming ini makin membeberkan aplikasinya b-) Mark Zuckerberg1 founder dari web ini di tahun 2006 membangunnya. Ada informasi gembira dimana pengembang facebook mau memberikan beberapa platformnya untuk dipakai di blog kita ;))

Contents :

  • Social plugins
  • Single sign-on
  • Account registration data
  • Server-side personalization
  • Analytics
  • What's next?

Contoh satu yaitu tombol like dislike keluarannya sob :-bd

Ada recommendations, recent activity, comments, log-in button dll. Bagaimana cara mendapatkan platform ini? Tentu kita harus memiliki account FB tentunya ;)) Kalau sudah ada silahkan meluncur kemari deh Facebook for Websites. Login Facebook. Ciawww :-h

KEMBALIKAN SHOUTMIX KITA

Kembalikan shoutmix Kang Rohman. Karena nila setitik rusak susu sebelanga. Mungkin pepatah ini yang bisa memberikan gambaran atas tragedi Mbah Priok eh salah :"> kasus kejadian yg terjadi di SM KR (sebutan kita² pada blogger pelanggan shoutmixnya Kang Rohman selaku sepuh blogger) Adapun alamat shoutmix dari sepuh blog kita ini
http://www5.shoutmix.com/?bandungnuaing
Notabene tak bisa diakses lagi bagi para pelancong BW (sebutan blogger untuk istilah Blog Walking) dikarenakan kasus kemarin. Mari kita tengok dari Kang Rohman selaku pemilik SM KR ini dg memberi nama alamat shoutmixnya :-? Ada ketegasan disana kalau Kang Rohman itu berasal dr kota bandung. Kalau kita para blogger negatif nanggepinnya yaaa tidak akan masuk di akal dan akan keluarlah pikiran2, wah orang sunda bukan orang jawa, bukan orang batak, bukan orang blablabla ~x( Be positive thinking O:-)

Sekarang kita kembali ke kasus yg menimpa SM KR tercinta ini. Tanya pada diri kalian masing-masing apa tujuan dari Kang Rohman atau siapapun yg memang dg sengaja mempremiumkan layanan chat ini :-/ Satu yg tidak bisa ditolak, untuk berkumpul dan saling berbagi. Sah-sah saja kalau ada segelintir orang yg dg sengaja atau tidak sengaja menanamkan link yg dipakai itu menuju ke situs porno. Bisa dianggap itu guyonan semata dalam batas yg wajar (tak menampik pasti selalu ada toh).

Kemarin Kang Rohman selaku admin dan pemilik SM KR memergoki salah satu pengunjungnya memberikan link porno. Kalau melihat dari percakapan kemarin itu, ternyata si pengunjung itu sudah diberikan warning (teguran) sebanyak 3x :-< Wajar selaku pemilik memberikan banned. Dengan entengnya yg dibanned itu muncul kembali dg merestart modemnya @-) Beben jg pernah memberikan link porno di SM KR (yg punya gak OL :D) Bukan karena link porno atau apanya disini Kang Rohman tuh sakit hati. Tapi pas disaat kejadian Kang Rohman selaku pemilik, merasa tidak dihormati :-w saat beliau berkata

"...kok shoutbox jadi arena perkelahian seperti ini..."
Mungkin kita yg berinteraksi disana bisa menganggap perkelahian (chat yg bernada sindir-menyindir) dikala itu guyonan belaka, tp tidak berlaku bagi pemilik [-X Itu kasus pertama. Beliau berkata kembali...
"...kayaknya shoutbox ini mending ditutup saja deh..."
Dengan enteng yg ada disana kala itu malah seperti mengolok-ngolok ke Kang Rohman. Mungkin guyon bagi mereka, tapi sekali lagi disini kita tekankan beliau pemilik sekaligus berhak memberikan aturan. Kita harusnya bisa menempatkan becanda itu pada waktunya sob :-bd Kalau mau jujur SM KR tuh bukan milik yg suka nongkrong setia disana. Tapi SM KR sudah menjadi pemberhentian bagi kalangan blogger yg melakukan BW. Hmmm...8->> Beben mengkontek Doyok, minta YM-nya KR dan mau mendengar versi beliau. Dan benar...beliau merasa sakit hati (tidak dihormati) selaku owner dg guyonan yg terjadi dikala itu sob :( Ada 3 orang menurut beliau yg kelewatan. Oke tanpa basa basi disini beben bilang salah satunya ya si ROXX (yg ngasih link porno)

Beben sendiri sudah meminta maaf ke Kang Rohman apabila memang salah. Banyak yg bilang jg dari mereka bahwasannya aku tuh satpamnya KR =)) Wong orang punya gaya malah negatif pikirannya. Beben kasih contoh, Muthfi suka teriak "ada post baru nih...blabla", Kang Tiar berkoar "disini ada SM premium jg...blahblah" dsb. Kalo negatif kita nanggepinnya yaaa...empet!!! bener??? Ambil positifnya, itu gaya mereka kt hormati suka tidak suka jgn dibawa ke SM KR (secara pribadi selesaikan di SM kalian masing²) Gaya disini mari kita jadikan sarana saling menguntungkan, lebih jauh mari kita jadikan sarana chatbox ini dijadiin tempat hangat guna berbagi, silaturahmi dll. Lebih spesifiknya SM KR bukan pemilik yg suka nongkrong disana ^:)^

Mungkin penjelasan ini tidak akan masuk ke semua sobat blogger. Tp mari kita buka deh hati kalian masing2. SM KR ini pelabuhan bg yg mau berlabuh mencari sesuatu. Bagi kemarin yg onlen pas kejadian, mari dewasalah >:D< Tidak mau dicap memang dg sengaja membuat onar ada udang dibalik batu kan :-? Beben sendiri selama chat di SM KR menganggap segala debat, percakapan, tengkar, adu argumentasi ato apapun namanya Beben anggapin lempeng dan gak ada dendam. Sering aku adu argumentasi sampe berkesan ngajak berantem, tp masukan positif yg aku comot :) Akhir kata, mari yg kemarin onlen (pas tragedi) bisa dewasa dan membuka hati untuk minta maaf kepada Kang Rohman dan meminta kembali SM KR @};- dibuka lagih. Bisa lewat kontaknya beliau Kontak Kang Rohman.

Beben juga minta maaf kalau gaya aku di SM KR ada yg tdk suka, sekali lg beben tidak pernah melapor siapapun yg suka nongkrong disana (itu semua sebatas eksen). Malah gak tauk jg tuh si ROXX sdh 3x nyebar link =)) Dewasa dan saling menguntungkan mari kita usung dikalangan blogger.

SALAM BLOGGER!!!

Selasa, 27 April 2010

BLOGGER BLOGGERMINT

Found anymore weblog for tutorial blogger. Berapa blog tutorial yang sudah BeBeN si bloglang anu ganteng kalem tea rekomendasikan kepada para sobat :-? Memang banyak web/blog yg menerangkan tutorial blogspot khususnya. Disini saya hanya berbagi seketemunya saja dan dianggap memiliki artikel yg gaya :)) Kebanyakannya memang berbahasa inggris sih ;)) ;)

Mau postingan keren dan gaya lainnya??? Meluncur dah sob Bloggermint. See you...WassaLam :)

SEXY BOOKMARK USING PURE CSS

Ini semua tentang CSS. Sobat sudah tahu tentang sexy bookmark :-? Tools untuk share/berbagi sebuah artikel.

Itu dia yg BeBeN si bloglang anu ganteng kalem tea maksudkan b-) Disini BeBeN mau membahas bagaimana membuat sexy bookmark dengan CSS. Apabila disorot salah satu dari iconnya, akan tuing-tuing ke atas juga sob :-"

Mari kita siap-siapkan bahannya apa saja...

.sharing-cl{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:30px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url("http://GAMBAR-ICON.png") no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{background-position:-350px 1px;}
#text{
margin-top:3em;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
Letakkan semua kode CSS diatas itu sebelum tag ]]></b:skin> Disana kita memerlukan sebuah gambar tentunya. Silahkan disave Gambarnya. Sesudah persiapan diatas semua beres, kita tinggal memanggilnya dgn bahasa HTML.

<ul class="sharing-cl" id="text">
<li><a class="sh-mail" href="">email</a></li>
<li><a class="sh-feed" href="">feed</a></li>
<li><a class="sh-tweet" href="">twitter</a></li>
<li><a class="sh-face" href="">facebook</a></li>
<li><a class="sh-su" href="">stumbleupon</a></li>
<li><a class="sh-digg" href="">digg</a></li>
</ul>

Sobat sudah tau kan menempatkan bahasa HTML didalam blog :-/ Ada 2 cara, pertama didalam tag <body> sampai tag </body> dan add a gadget HTML/Javascript. Dalam kasus ini kita memakai cara yg pertama ya :) Cek git dot bro [..]

Web developer juice
Nah bagi yg mau melihat trik dan tips sekelumit tentang CSS Speckyboy Design Magazine. Selamat berkreasi, happy blogging sama si Bloglang :)) :-h
Do you like it !¡!

27April2010

Minggu, 25 April 2010

BEST BLOGGER WIDGETS

Its all about Best Blogger Widgets. Permulaannya bahasa asing terus ;)) tapi isinya Indonesia :)) Mungkin bagi sobat yang datang ke blog BeBeN si bloglang anu ganteng kalem tea ini akan merasa jengkel dengan beratnya dan lamanya :-" Blog gaya emang kek gini =)) Kalau sudah terbuka semua blog aku ini, akan terlihat semua trik dan tips yg sudah BeBeN benamkan didalamnya :D Ada awan bejalan-jalan, ada slider wah pokoknya mah banyak. Setelah sekian BW alias blog walking, ada salah satu blogger yg weblognya ternyata menerangkan tutorial untuk mebuat blog kita ini semakin gaya dan bergaya. Biar seksi kayak hinata buka baju :"> Mari kita sambut teman kita ini...


Best Blogger Widgets

Silahkan meluncur dan selamat berkreasi. HAPPY BLOGGING!!! Salam bloglang :-h Ayeee...prikitiw¡!¡!¡

Sabtu, 24 April 2010

COOL HIDDEN FIREFOX TRICKS

Some cool tricks for firefox. Ada kabar ringan bagi fans browsingan Mozilla Firefox. Biasalah bloglang si ganteng kalem tea gak sengaja datang ke tempat teman, eh dapet yang beginian ;)) Ada ratusan trik untuk Firefox yang dapat kita terapkan untuk tweak, pengoptimalan, dan sebagian besar untuk meningkatkan kecepatan browsing. Untuk menerapkan dan memeriksa trik ini sobat buka jendela baru saja dan copy-paste kode di address bar browser Firefoxnya. Sebelum itu dilakukan semua, adakalanya tekan tombol readmorenya dulu ya :D tolong dibantu yaa..yaaa...:P Kalau tombol read-morenya dipencet jadi apa, prak prak prak...=))
  1. Windows berdansa.
  2. chrome://global/content/alerts/alert.xul
  3. Membuka Firefox didalam Firefox.
  4. chrome://browser/content/browser.xul
  5. Pilihan tab.
  6. chrome://browser/content/preferences/preferences.xul
  7. Bookmarks manager didalam tab.
  8. chrome://browser/content/bookmarks/bookmarksPanel.xul
  9. History.
  10. chrome://browser/content/history/history-panel.xul
  11. Extensions.
  12. chrome://mozapps/content/extensions/extensions.xul?type=extensions
  13. Cookies.
  14. chrome://browser/content/preferences/cookies.xul
  15. Clear Private Data.
  16. chrome://browser/content/preferences/sanitize.xul
  17. Sliding developer's credit.
  18. chrome://browser/content/credits.xhtml
  19. About Firefox.
  20. chrome://browser/content/aboutDialog.xul
Uyee..uyeee prikitiw Happy blogging yu babay yu mari...see you ^,^'Some Cool Hidden Firefox Tricks

STYLING BLOG COMMENTS

Styling blog comments. Kolom komentar di blog pasti sudah pada tahu semuanya. Seperti yang ada di blognya Master Kang Rohman.

komentar
Cara Modifikasi Kotak Komentar

Nah itu versinya Master kita ;)) Sekarang seperti biasa BeBeN si bloglang ganteng kalem tea mau berbagi gaya pada kotak komentar ini juga :D Cek git dot...Bye bye :-h
happy blogging :)

Jumat, 23 April 2010

CSS3 ERA FOR BLOGGER

CSS3 era for GAYA performance. BeBeN si bloglang ganteng kalem tea walking² kesana kemari sudah sering menemukan huruf yang berbayang-bayang. Itu salah satu feature CSS3 yang didapat kalau browsingan kita sudah mendukung. Kalau belum support CSS3 ya tidak akan tampak :p Kedepannya ketemu sama HTML5 ;)) ;) Mungkin tertarik bila berkunjung kemari Modernizr ;) Memang belom semua browsingan support dengan feature dari CSS3 ini. Di blog ini BeBeN sudah menerapkan salah satu featurenya sob b-) yaitu shadow.

Banyak dan bukan shadow doang. Kalau mau bertur ria mengenai CSS3 ini silahkan masuk Introduction to CSS3. Kalau pingin pintar lagi silahkan meluncur W3C CSS Activities. Biar lebih afdol lagi, sobat masuklah ke web panutan untuk berGAYA Take Your Design To The Next Level With CSS3 | CSS | Smashing Magazine. Bagaimana :-? dijamin jadi melek deh :-" Banyak trik dan tips yang bisa kita buat dengan CSS3 ini. Seperti shadows, Gradients, RGBA, HSL, Border Color, blablabla ~x(

Ada bayangannya? Kalau tidak, browsingannya blon mendukung feature ini.

Ada warna yg bercampur? Kalau tidak, browsingannya blon jg.

Nih ada beberapa trik dan tips yang bisa digunakan untuk CSS3 ini CSS3 Techniques You Should Know. Dari noupe CSS3 Exciting Functions and Features: 30+ Useful Tutorials. Contoh penerapan membuat button dg menggunakan CSS3 Super Awesome Buttons with CSS3 and RGBA by ZURB. Nah akhir dari touring kita ini mari kunjungi web berikut [..]

www.css3.info
Happy blogging :)) :-h

Rabu, 21 April 2010

VARIETY DEMO AND DOWNLOAD BUTTON

Demo and download button. Informasi kali ini mengenai keberadaan tombol demo dan download. Biasanya kita temukan di weblog yang menerangkan tentang tutorial. BeBeN si bloglang anu ganteng kalem tea mau memberikan contoh pemakaian tombol yang simpel. Diambil dari web www.marcofolio.net, web yang bagus untuk mempelajari script jQuery di artikelnya mengenai jHTML-Ipsum : HTML Ipsum using a jQuery plugin. Jika sobat masuk ke halaman tersebut akan menjumpai tombol demo dan download seperti...

Demo jHTML-Ipsum  Download jHTML-Ipsum
Itu sobat apa yang BeBeN maksudkan itu :D Walau sudah basi dan pasti sudah pada tahu mengenai cara pembuatannya :"> siapa tahu saja ada yang belum tauk ;)) atau malah mau ganti dengan yang lebih GAYA :)) Untuk contoh diatas kode yang dipakainya yaitu<div style="text-align: center;">
<a href="HTTP://LINK-TUJUAN" title="JUDUL-LINK"><img src="HTTP://LINK-GAMBAR.JPG" alt=""></a>  <a href="HTTP://LINK-TUJUAN" title="JUDUL-LINK"><img src="HTTP://LINK-GAMBAR.JPG" alt=""></a>
</div>
Jadi setiap mau mempostingkan ya itu yg dipakainya :-" Kalau BeBeN masang seperti ini nih [..]
Kalau mau kayak aku, sobat buat terlebih dahulu satu gambar yg beresolusi 455px × 55px terlebih dahulu. Setelah itu masukin deh kode CSSnya sebelum/diatas kode ]]></b:skin>
#buttonDDL{background:#DEBE94;height:55px;width:455px;text-align:center;margin:3px auto}
a.livedemo{background:transparent url(HTTP://LINK-GAMBAR.JPG) no-repeat scroll 0 0;display:block;float: left;height:55px;text-decoration:none;width:227px}
a.livedownload{background:transparent url(HTTP://LINK-GAMBAR.JPG) no-repeat scroll right top;display:block;float: left;height:55px;text-decoration:none;width:228px}
Setelah itu nanti dalam setiap mau memostingnya menggunakan rumus...
<div id='buttonDDL'><a class='livedemo' href='/' target='_blank' title='JUDUL-LINK'></a><a class='livedownload' href='/' title='JUDUL-LINK' target='_blank'></a>
</div>
Kalau mau contoh lagi ada kok ;)) Berikut kode CSSnya...
.demoDL {
font-weight:bold; padding-top:3px;padding-bottom:3px; text-align:center;}
.demoDL a {
-moz-border-radius:4px; border:1px solid #528ac4; background-color:#528ac4; color:#fff; padding:3px 8px 4px 8px; margin-left:.5em;}
.demoDL a:hover {
background-color:#00FF00 !important;color:#FF6600; border:1px solid #c30 !important;}
Ini kode untuk memanggilnya...
<div class="demoDL">
<a href="/" title="JUDUL-LINK">DEMO</a><a href="/" title="JUDUL-LINK">DOWNLOAD</a>
</div>

Nah sok lihat bagaimana itu jadinya ;)) Selamat berkreasi dan Happy blogging with BeBeN si bloglang :-h

Selasa, 20 April 2010

HACKUBLOG

Nemu lagi blogger yang menerangkan tutorial blogspot. Tetangga negara kita Thailand yang terkenal dengan gajah putihnya. Sebelumnya BeBeN si bloglang anu ganteng kalem tea ikut berbela sungkawa atas tragedi yang sedang menimpa negara tetangga kita tersebut :( Sudah berapa yak BeBeN cerita weblog tutorial :-? :D Kayaknya lupa juga nih, ya sudah diacak-acak saja di arsip ;)) kalau mau link-link weblog keren. Sambutlah...read more dulu atuh ah biar dapet komentar :D

hackublog

Bay bay :-h

Senin, 19 April 2010

UNIQUENESS IFRAME OF CBOX

Its about box of Cbox. Kotak suara atau yang lebih kerennya Cbox. Semenjak kena banned dari Shoutmix dengan tidak memberikan back-links, pamor Cbox melezzit :D Banyak sih bukan hanya si Cebok doang, coba tengok dipostingan BeBeN si bloglang ganteng kalem tea Macam-macam kotak suara. Nah kali ini mau ngupas tentang si C-box...Default kode yang kita dapatkan apabila telah mendaftarkan diri :p
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id='cboxdiv'>
<div><iframe allowtransparency='yes' frameborder='0' height='375' id='cboxmain' marginheight='2' marginwidth='2' name='cboxmain' scrolling='auto' src='http://www6.cbox.ws/box/?boxid=294584&amp;boxtag=7c3kfw&amp;sec=main' style='border:#000 1px solid;border-bottom:1px' width='235'/></div>
<div><iframe allowtransparency='yes' frameborder='0' height='80' id='cboxform' marginheight='2' marginwidth='2' name='cboxform' scrolling='no' src='http://www6.cbox.ws/box/?boxid=294584&amp;boxtag=7c3kfw&amp;sec=form' style='border:#000 1px solid;border-top:0px' width='235'/></div>
</div>
<!-- END CBOX -->
mari kita lanjut [..]

Disana ada dua buah kode syntax <iframe blah..blah../> yang atas untuk menampilkan pesan, dan yang bawah buat menulis pesan :-" Mari sekarang kode yang bawah kita pakai, dan yang atas kita buang... Secara logika pasti kita tidak akan tahu pesan-pesan yang tampak toh :-/ Dan kelihatan hanya <iframe blah..blah../> untuk menulis pesan. Kita ambil contoh punya Master Doyok :D

Silahkan isi dan lihat apa yang terjadi :-" Dengan begini kita akan mengetahui link si empunya full 1 halaman b-) Bagaimana :-? Selamat berkreasi, bay-bay :-h

Minggu, 18 April 2010

HTML YA HTML

html5Ngehang tarang teu boga ide. Pusing mau mosting apaan juga ^#(^ sepertinya para master tutorial sudah pada mentok juga nih :D BeBeN si bloglang anu ganteng kalem tea kesana kemari melakukan walking² ke tempat para master lambat banget update weblognya :-< Waduh bisa gawat, masa banting setir artikel :)) Dari salah satu sobat blogger mengatakan demikian...
lagi nyari referensi HTML 5 kang. sep sep sep kang...
Hmmm...:-? HTML5, buat apaan yak :D Nih yang keberepa kita pake yak ;)) Banyak referensi kok HAPIA MESIR, cuman belum sepenuhnya support maka yaaa masih sedikit yg membahasnya x_x :"> Mungkin ini bisa menjadi acuan bagi para blogger buat belajar dasar-dasar HTML lebih getol lagi :D Sudah ke-5 ;)) gak nyadar.

w3school

HTML-Code

Quackit.com

seomastering.com

sitetoolcenter.com

Smashing-Magazine

Tizag Tutorials

CodeProject

web-source.net

HTMLGoodies

hypergurl

htmlbasix

davesite

htmlquick

yourhtmlsource

Banyak sih sob web HTML itu, tapi itu yang sering ma BeBeN kunjungi. Nih dari smashing magazine

Happy blogging with BeBeN si bloglang anu ganteng kalem tea ^,^'

WassaLam...¡

Jumat, 16 April 2010

HTML 4.01 / XHTML 1.0 REFERENCE

This HTML code selected. Sebelumnya pernah memberikan postingan mengenai SELECTED OF BASIC CODE, dimana memuat postingan mengenai kode HTML pilihan BeBeN si bloglang anu ganteng kalem tea :)) :"> Nah sekarang mau berbagi lagi nih :D kode HTML? yang sudah ada, tapi mungkin sobat jarang menggunakannya ;)) Contohnya seperti ini :
The POH was borned in 2008.
Itu contoh penulisan tag <abbr>blah-blah</abbr>, yang artinya "abbreviation" (kependekan, singkatan, rumus). Jadi kalau sobat mau menuliskan kependekan dari sebuah nama (WHO, ILO, UNESCO,...), yang dipakai ya tag tersebut :)
CodeDescriptionContoh
<a href="JavaScript:window.print();">Print this page</a>Link script buat ngeprintPrint this page
<acronym>blah...</acronym>Kependekan dari kata-kataCSS ?
<cite>Pret prot pret</cite>Efeknya seperti italic, jd miring tulisannyaPret prot pret
<del>Kamu ganteng deh</del>Efeknya seperti penulisan tag strikeKamu ganteng deh!!!
<ins>Ada garis bawahnya</ins>Efeknya seperti tag italicAda garis bawahnya
Bagaimana :-/ Kalau sobat mau yang lebih komplit dan langsung praktek, silahkeun HTML 4.01 / XHTML 1.0 Reference. Happy blogging and see you :-* :"> :D

Kamis, 15 April 2010

FREE TEMPLATE

This my selected for blogger template. BeBeN si bloglang anu ganteng kalem tea mau berbagi web-web pilihan yang mungkin bisa didatangi oleh para sobat untuk memilih template. Selain Max pemilik www.allblogtools.com yang bisa didatangi, dapat lagi nih ;))

hanmyz

Yuk mari dilanjut :-"

  1. Blogger Templates.
  2. BlogTemplate4u.
  3. Templates Block.
  4. bTheme.
  5. Blogger Templates by Theme Craft.
Bagus-bagus templatenya sob :) Sudah ah, silahkan di eksplore yaaa :-h

Rabu, 14 April 2010

BUZZ WIDGET FROM GOOGLE FOR YOU

Google buzz buttons. Enggak tahu dah sudah berapa bijik BeBeN si bloglang ganteng kalem ini memosting tentang Google Buzz Buttons ini ~x( Kalau untuk gaya dan bergaya-gaya akan aku cari deh ;)) Baca aja deh nih Google Buzz Buttons. Walau capek mencari kesana kemari untuk satu tombol ini, eeeeeeeeeeeeeeeeehhhh si Google malah mengeluarkannya sob...:)) Resmi dari si googlenya nih sob. Informasi yang tentu menggembirakan :-" bagi kita para blogger mania.

Ada 2 tipe yang disediakan. Salah satu tipenya ada 3 tipe lagi :D (bingung-bingung) Nih contoh screenshotnya...
google-buzz-buttons google-buzz-buttons
Ya sudah sana sikaaattt... Masuk Buzz Widget. Pilih saja mana yang suka yaaa :">

Permios bin parantos...baibai.

Senin, 12 April 2010

BLOG WIDGETS TEMPLATES PLUG-IN and TOOLS

Found again blog tutorial. Dapat lagi blog yang menerangkan tentang tutorial b-) Gaya-gaya postingannya juga. Cocok bagi para sobat yang mau menggayakan blognya :D Introduce.....

logoweb

Keren yak logo blognya. Silahkan langsung saja sikat menu-menu yang ada disana sob ;) Tapi kayaknya baru juga tuh blognya :-/ tapi sudah dapat PR 2 :-bd Yaa sudah sana jangan bengong, kunjungi blognya.

All Blogger Widgets Templates and Tools.Test Link

Sabtu, 10 April 2010

TWITTER SHARE WITH BIGTWEET

Retweet to be the big tweet. Ada informasi mengenai retweet nih sobat :-" Bagi sobat yang sudah pernah memasang tombol Get Your TweetMeme Button, yang berwarna hijau itu loh ;))Masa tidak tahu juga ah ~x( Ya sudah gpp :p BigTweet yang diluncurkan pada bulan november 2008 ini menawarkan tombol yang serupa dengan beberapa kelebihannya ;) Keluaran dari Social.com ini memberikan feature sbb :
  • Kirim ke Twitter, Delicious, dan Ping.fm tanpa meninggalkan halaman blog dengan satu klik.
  • Auto menangkap judul, link dan teks yang dipilih.
  • Auto mempersingkat URL dengan Bit.ly. Melacak link statistik dengan kunci sendiri API Bit.ly.
  • Profil Multiple mendukung.
  • Tersedia sebagai bookmarklet, widget, atau plugin Wordpress.
  • Wikipedia Google Reader integrasi.
Yang lebih enaknya lagi warna backgroundnya bisa terserah kita sobat :)) Mari kita lanjut bagaimana cara mendapatkan tombol cuit-cuit ini :p Bagi yang mau menginstal langsung via toolbar silahkan drag link berikut Social.com. Yang mau mengedit-ngedit silahkan kunjungi Get your Button Social.com. Tinggal dibaca saja caranya disana yaaa ;)) Byeee...Original Post

List yg mungkin bisa didatangin oleh para sobat dalam mencari tombol retweet ini :

JQUERY LIGHTBOX VARIETY

jQuery lightbox list. Lightbox script :-/ merupakan script plug-in dari jQuery yang memberikan effect yang good-good punya ;)) Mau menerangkan juga susah :)) ya sudah intinya BeBeN si bloglang ganteng kalem mau berbagi list dari jQuery Lightbox ini :)
  1. Fancy Zoom by John Nunemaker.
  2. Demo Fancy Zoom.
  3. Greybox Redux.
  4. Demo | Download
  5. jQuery lightBox Plugin.
  6. Demo jQuery lightBox Plugin | Download
  7. Interface Imagebox.
  8. Demo & Artikel
  9. nyroModal jQuery Plugin.
  10. Demo & How To
  11. prettyPhoto.
  12. Demo & Post
  13. ThickBox 3.1
  14. Demo ThickBox 3.1
  15. piroBox.
  16. Demo piroBox v.1.2
  17. Fancybox.
  18. Demo Fancybox
  19. Facebox 1.2
  20. Demo Facebox 1.2
  21. Simple jQuery Modal Window
  22. DEMO Simple jQuery Modal Window
Itulah macam lightbox yang bisa dipilih, sok silahkan mau yang mana. Yang gaya yang dipilih :)) see you :-hSource by : http://blog.insicdesigns.com