TUTORIAL | TIPS DAN TRIK

BREAKLINE DAN MELAKUKAN TRIM AUTOCAD LiSP

noreply@blogger.com (noedj) — Thu, 06 Feb 2014 08:34:00 +0000

"Biasakan meng-copy Program LiSP tanpa menghapus nama penciptanya"

;n.pranyoto@gmail.com 060214 membuat lambang BREAKLINE DAN MELAKUKAN TRIM;
;------------------------------------------------
;------------------------------------------------
(defun C:BRKL (/ dtr #dwgscale old_cmd pt1
pt2 ang_rad pt_mid pt_mid1 pt_mid2
pt_mid_r pt_mid_l
)
(command "-linetype" "load" "dashdot" "acad.lin" "" "")

(defun dtr (angg)
(* pi (/ angg 180.0))
)
(setq #dwgscale (getint "\nMasukan skala gambar 1: "))
(setq old_cmd (getvar "CMDECHO"))
(setvar "CMDECHO" 0)
(command "_UNDO" "_BE")

(initget 1)
(setq pt1 (getpoint "\nBreakline start point: "))
(initget 1)
(setq pt2 (getpoint pt1 "\nBreakline end point: "))

(setq pt1 (trans pt1 1 0)
pt2 (trans pt2 1 0)
)

(setq ang_rad (angle pt1 pt2))
(setq pt_mid (polar pt1 ang_rad (/ (distance pt1 pt2) 2)))
(setq
pt_mid1 (polar pt1
ang_rad
(- (/ (distance pt1 pt2) 2) (* 0.001 #dwgscale))
)
)
(setq
pt_mid2 (polar pt1
ang_rad
(+ (/ (distance pt1 pt2) 2) (* 0.001 #dwgscale))
)
)
(setq
pt_mid_r (polar pt_mid (- ang_rad (dtr 105)) (* 0.002 #dwgscale))
)
(setq
pt_mid_l (polar pt_mid (+ ang_rad (dtr 75)) (* 0.002 #dwgscale))
)

(setq elist
(list
'(0 . "LWPOLYLINE")
;(5 . "57")
'(100 . "AcDbEntity")
;(67 . 0)
; '(8 . "SIZE") ;_ ????
'(100 . "AcDbPolyline")
'(6 . "dashdot")
'(90 . 6) ;_ ?????????? ??????
;(70 . 0)
;(43 . 0.0)
;(38 . 0.0)
;(39 . 0.0)
(cons 10
(polar pt1 (- ang_rad (dtr 180)) (* 0.00197 #dwgscale))
)
;(40 . 0.0)
;(41 . 0.0)
;(42 . 0.0)
(cons 10 pt_mid1)
(cons 10 pt_mid_r)
(cons 10 pt_mid_l)
(cons 10 pt_mid2)
(cons 10 (polar pt2 ang_rad (* 0.00197 #dwgscale)))
;(40 . 0.0)
;(41 . 0.0)
;(42 . 0.0)
;(210 0.0 0.0 1.0) )
)
)

(entmake elist)
(command "_UNDO" "_E")

(if olderr
(setq *error* olderr)
)
(setvar "CMDECHO" old_cmd)
(command "trim" "last" "")
(princ "\nn.pranyoto@gmail.com")
(princ)
)

MEMBUAT LAMBANG ELEVASI AUTOCAD LiSP

noreply@blogger.com (noedj) — Thu, 06 Feb 2014 08:29:00 +0000

"Biasakan meng-copy Program LiSP tanpa menghapus nama penciptanya"

;n.pranyoto@gmail.com 060214 membuat lambang elevasi;
;elevation mark creator;
;------------------------------------------------
(defun C:elm (/)

(if (not (tblsearch "LAYER" "ELV_MARK"))
(progn
(entmake (list (cons 0 "LAYER")
(cons 100 "AcDbSymbolTableRecord")
(cons 100 "AcDbLayerTableRecord")
(cons 2 "ELV_MARK")
)
)
)
)

(if (not (tblsearch "STYLE" "ELV_MARK"))
(progn
(command "_.STYLE" "ELV_MARK" "romans.SHX" "0" "0.75" "0" "" "" "")
)
)
;set skala
(setq SkalaEL (getint "\nMasukan skala gambar: "))

;set datum
(setq datumpoint (getpoint "\nPilih posisi datum: "))
(setq stdatumelev (getstring "\nMasukan Elevasi datum: "))
(setq datumelev (atof stdatumelev))

;bikin garis
(while
(setq pt1 (getpoint "\nstart point: "))
(Setq Tgrs (* SkalaEL 0.002))
(Setq Pgrs (* SkalaEL 0.015))
(setq width1 (* SkalaEL 0.003))

(setq pt2 (LIST (CAR pt1) (+ (CAdR pt1) Tgrs) 0))

(setq pt3 (LIST (+ (CAR pt1) Pgrs) (+ (CAdR pt1) Tgrs) 0))

(setq splvl (list
(cons 0 "LWPOLYLINE")
(cons 8 "ELV_MARK")
(cons 100 "AcDbEntity")
(cons 100 "AcDbPolyline")
(cons 90 3)
(cons 10 PT1)
(cons 40 0.0)
(cons 41 width1)
(cons 10 PT2)
(cons 40 0.0)
(cons 41 0.0)
(cons 10 PT3)
(cons 40 0.0)
(cons 41 0.0)
)
)

(entmake splvl)

;bikin text
(defun Alpha2Number (Str$ / Num#)
(if (= 0 (setq Num# (strlen Str$)))
0
(+ (* (- (ascii (strcase (substr Str$ 1 1))) 64)
(expt 26 (1- Num#))
)
(Alpha2Number (substr Str$ 2))
) ;+
) ;if
)
(Setq XTptx (* SkalaEL 0.0025))
(Setq YTptx (* SkalaEL 0.015))
(Setq HTptx (* SkalaEL 0.0018))
(setq datumel (- datumelev (CAdR datumpoint)))
(setq postext10 (LIST (+ (CAR pt1) YTptx) (+ (CAdR pt1) XTptx) 0))
(setq postext11 (LIST (CAR pt1) (+ (CAdR pt1) YTptx) 0))
(setq elvtext2 (rtos (+ (CAdR pt1) datumel) 2 3))
(setq elvtextnum (Alpha2Number elvtext2))
(setq elvtext
(cond
((= elvtextnum -7639232) (strcat "EL. %%p" elvtext2))
((and (< elvtextnum -7639231)(> elvtextnum -233385375)) (strcat "EL. " elvtext2))
((> elvtextnum -233385376) (strcat "EL. +" elvtext2))
)
)
(setq TXELV
(entmake
(mapcar 'cons
(list 0 7 8 10 11 40 41 72 73 1)
(list "Text" "ELV_MARK" "ELV_MARK" postext11
postext10 HTptx 0.8 2
0 elvtext
)
)
)
)
)

(entmake
(mapcar 'cons
(list 0 62)
(list "SEQEND" 256)
)
)
(princ "\nn.pranyoto@gmail.com")
(princ)

)

LiSP Untuk membuat Layer baru

noreply@blogger.com (noedj) — Thu, 06 Feb 2014 08:13:00 +0000

Dalam menggunakan Autocad, kita tidak terpisahkan dengan layer.
akan tetapi membuat layer baru secara manual sangat membosankan dan memakan waktu..
untuk itulah saya menulis Lisp atau lsp untuk membuat layer baru.

"Biasakan meng-copy Program LiSP tanpa menghapus nama penciptanya"

LiSP Untuk membuat Layer baru

;n.pranyoto@gmail.com 280114 membuat layer baru;
;------------------------------------------------
(defun c:nl ()
(vl-load-com)
(setq layername (getstring T "\nMasukan nama layer baru: "))
(setq layercolorp
(getstring "\nMasukan warna layer baru: <7>")
)
(setq layercolor
(if
(= layercolorp "") "7" layercolorp
)
)
(setq layerltypep
(getstring T "\nMasukan Ltype layer baru:
Continuous HIDDEN CENTER DASHDOT AND OTHER
<Continuous>"
)
)
(setq layerltype
(if
(= layerltypep "") "Continuous" layerltypep
)
)

(if (not (tblsearch "LTYPE" layerltype))
; Check to see if linetype exsists
(if (findfile "acad.lin")
(command "-Linetype" "Load" layerltype "acad.lin" "")
; if linetype does found
(setq layerltype "Continuous")
;if not set linetype to Continuous
)
)
(setq layerLweightp
(getstring "\nMasukan Lweight layer baru
0.05 0.09 0.13 0.18 0.2 0.25
0.30 0.35 0.40 0.50 0.53 0.60
0.70 0.80 0.90 1.00 1.06
: <Default>")
)
(setq layerLweightitof (atof layerLweightp))
(setq layerLweightx (* layerLweightitof 100))

(setq layerLweight
(if
(= layerLweightp "") -3 layerLweightx
)
)
(setq LayerName
(vl-catch-all-apply
'vla-add
(list
(vla-get-layers
(vla-get-activedocument
(vlax-get-acad-object)
)
)
Layername
)
)
)
(if (vl-catch-all-error-p LayerName)
nil
LayerName
)
(vla-put-color layername layercolor)
(vla-put-linetype layername layerltype)
(vla-put-LineWeight layername layerLweight)
(vla-put-activelayer
(vla-get-activedocument
(vlax-get-acad-object)
)
LayerName
)
(princ "\nn.pranyoto@gmail.com")
(princ)
)

LiSP Penting

noreply@blogger.com (noedj) — Wed, 29 Jan 2014 10:46:00 +0000

Saya tidak membuat program LiSP di bawah ini. saya hanya meng-copy dari berbagai sumber.

untuk join semua polyline

(defun C:JJ ; = Polyline Join
(/ *error* pjss cmde peac nextent pjinit inc edata pjent)

(defun *error* (errmsg)
(if (not (wcmatch errmsg "Function cancelled,quit / exit abort,console break"))
(princ (strcat "\nError: " errmsg))
); if
(setvar 'peditaccept peac)
(command "_.undo" "_end")
(setvar 'cmdecho cmde)
(princ)
); defun - *error*

(princ "\nTo join objects into Polyline(s) [pick 1 to join all possible to it],")
(setq
pjss (ssget '((0 . "LINE,ARC,*POLYLINE")))
cmde (getvar 'cmdecho)
peac (getvar 'peditaccept)
nextent (entlast); starting point for checking new entities
); setq
(repeat (setq pjinit (sslength pjss) inc pjinit); PJ INITial-selection quantity & incrementer
(if
(and
(=
(cdr (assoc 0 (setq edata (entget (setq pjent (ssname pjss (setq inc (1- inc))))))))
"POLYLINE" ; 2D "heavy" or 3D Polyline
); =
(or
(= (cdr (assoc 100 (reverse edata))) "AcDb3dPolyline"); 3D
(member (boole 1 6 (cdr (assoc 70 edata))) '(2 4)); splined or fitted 2D
); or
); and
(ssdel pjent pjss); remove 3D, splined/fitted 2D from set
); if
); repeat
(setvar 'cmdecho 0)
(command "_.undo" "_begin")
(setvar 'peditaccept 1)
(setvar 'plinetype 2); [just in case; assumes no desire to save and set back if different]
(if pjss ; selected qualifying object(s)
(cond ; then
( (= pjinit (sslength pjss) 1); selected only one, and it qualifies
(command "_.pedit" pjss "_join" "_all" "" ""); join everything possible to it
); single-selection condition
( (> (sslength pjss) 1); more than one qualifying object
(command "_.pedit" "_multiple" pjss "" "_join" "0.0" "")
); multiple qualifying condition
((prompt "\nSingle object not viable, or <= 1 of multiple selection viable."))
); cond
(prompt "\nNothing viable selected.")
); outer if
(while (setq nextent (entnext nextent)); start with first newly-created Pline, if any
(if ; revert any un-joined Lines/Arcs back from Pline conversion
(and ; newly-created single-segment Pline from unconnected Line/Arc
(= (cdr (assoc 90 (entget nextent))) 2)
(not (vlax-curve-isClosed nextent))
); and
(command "_.explode" nextent)
); if
); while
(setvar 'peditaccept peac)
(command "_.undo" "_end")
(setvar 'cmdecho cmde)
(princ)
)

untuk menambahkan prefix (huruf atau angka di depan huuruf lain) sufix (huruf atau angka di belakang huuruf lain)

(defun C:TextPS (/ intCount objSelection strPrefix strSuffix ssSelections)
(princ "\nSelect text and mtext: ")
(setq ssSelections (ssget (list (cons 0 "TEXT,MTEXT")))
strPrefix (getstring "\nEnter Prefix: " 't)
strSuffix (getstring "\nEnter Suffix: " 't)
)
(repeat (setq intCount (sslength ssSelections))
(setq intCount (1- intCount)
objSelection (vlax-ename->vla-object
(ssname ssSelections intCount)
)
)
(vla-put-textstring objSelection
(strcat
strPrefix
(vla-get-textstring objSelection)
strSuffix
)
)
)
(prin1)
)

Emotext atau Emoticon dari Text

noreply@blogger.com (noedj) — Thu, 02 Feb 2012 09:28:00 +0000

Beberapa dari kita pasti sering melihat post ato stat di beberapa media sosial yang berupa Emotext / Textpics atau emoticon dari Text yg menggambarkan expresi wajah.. bisa wajah senang, lucu atau lainnya...

Emotext / Textpics atau emoticon dari Text tersebut sebenernya saya sendiri kurang tau bagaimana sejarahnya.. siapa awalnya yg membuat sehingga banyak orang mulai memakainya...

berawal dari iseng-iseng ngintip kompie-nya si @reni_9 akhirnya dapet juga beberapa Emotext / Textpics atau emoticon dari Text yang terbuat dari font unik yang menggambarkan expresi muka..

Berikut adalah... eit.. hampir lupa ini kan blog tutorial tips & trik, jadi harus ada sisi tutorial tips & trik donk?? ok untuk membuat sebuah stat atau post dengan Emotext / Textpics atau emoticon dari Text yg menggambarkan expresi wajah kamu tinggal copy Emotext / Textpics atau emoticon dari Text yg menggambarkan expresi wajah dibawah ini kemudian pastekan di stat atau post kamu... gampang kan???

Ok berikut adalah beberapa Emotext / Textpics atau emoticon dari Text yang terbuat dari font unik yang menggambarkan expresi muka... hopefully updated...

(˘-˘)ง

♥

$´▽`)/

( ˘⌣˘)ε˘ )

~(‾▿‾~)

(~‾▿‾)~

(⌣́_⌣̀)

(‾⌣‾)♉

(╥﹏╥)

(`▽´)-σ

(¬_¬")

(" `з´ )9

(´̩ε `̩ )

(◦˘⌣˘)-c<´▽`)

(⌣́_⌣̀)

('́⌣'̀ )

(˘̩̩̩••˘̩̩̩)⁠

(˘- ˘ )

('◑﹏◐!)

┐(‘⌣’┐)

(┌’⌣’)┌ ┐

(‘⌣’┐)

(┌’⌣’)┌

-____-"

(σ‾▿‾)-σ

(˘ε˘`)ƪ

(˘―˘")"

└(˘◊˘└)

( ˘ з˘ )

(˘-˘" )

(┌_⌣')

(˘ϖ˘)♉

("¬,¬)--c<―_-)

\(ˆ˛ˆ$

(/ˆ˛ˆ)/

(¬_¬")

$#`⌂´)/

┌┛*(☆,✗)

(•̅-̯•̅)

(•̯͡.|‾‾‾|

(˘̩̩̩••˘̩̩̩)

(˘ϖ˘)♉

°\(^▿^)/°

*\(˘▽˘)/*

(⌒.⌒)

( '́⌣'̀ )

(つ_╰̩ )

\(!!!˚☐˚)/

(‾ʃƪ‾)

(ʃ⌣ƪ)

(҂ ‾.‾)┌П┐

(ˆ⌣ˆ)

اَلْحَمْدُلِلّه

(ˆڡˆ)

(y)

(o˘⌣˘o)

(‾˛‾")

اَللّهُ

*\(⌒˛⌒ )/*

ƪ(ړײ )ƪ

(┌_┐)

ƪ(ˇ_ˇ'!)ʃ

(⊙_◎)

(˘◊˘)?

(/°▿°$

ㅎㅎ

ƪ(˘⌣˘)ʃ

ƪ(◦'⌣'◦ )ʃ

ƪ (^o^)ʃ

ƪ(Ơ̴̴̴̴̴̴͡.̮Ơ̴̴͡)‎ʃ
‎

ƪ( •̃͡-̮•̃͡)ʃ
‎

ƪ‎‎{^⌣^}ʃ

ƪ("╰ _ ╯ )ʃ

ƪ(..•͡˘_˘ •͡..)ʃ

ƪ("▔□▔)ʃ

ƪ‎()ʃ

ƪ♌•͡˘.˘ •͡♌ʃ

ƪ(ˆ▽ˆ)ʃ

((y) •̃͡ з •̃͡)(y)

ƪ(•͡˘ε˘ •͡ )ʃ

ƪ‎(•. --͡)ʃ

ƪ‎‎(-̩̩̩-̩̩̩-̩̩̩__-̩̩̩-̩̩̩-̩̩̩)ʃ

ƪ(✖╭╮✖)ʃ

ƪ(°ﾛ°")ʃ

ƪ(♥•*⌣*•♥)ʃ

ƪ(^_^)ʃ

ƪ‎（^ヮ^）ʃ

ƪ("˘ _˘ ")ʃ

ƪ(‾o‾")ʃ ‎

ƪ(@⌣@)ʃ

ƪ(‾o‾")ʃ

(●*∩_∩*●)

(*^ -^*)

(-’_'-)

(¬_¬)

(✖╭╮✖)

(≧◡≦)

(◑‿◐)

✖‿✖

(╥_╥)

(╯_╰)

(╯3╰)

(╯▽╰)

凸(¬‿¬)凸

┌∩┐(◣_◢)┌∩┐

(⊙▂⊙)

(∪ ◡ ∪)

(≧ω≦)

o(≧o≦)o

(•̪●)

(─‿‿─)

(⊙_◎)

d(-_-)b

d|-_-|b

‹(•¿•)›

(╯︵╰,)

(︶︹︺)

(∩︵∩)

(～o￣▽￣)

(︶︿︶)

(︶ω︶)

(◑﹏◐)

(∩▂∩)

(¬▂¬)

(︶︿︶)

(∩▂∩)

(¬▂¬)

(✿ ♥‿♥)

(｡♥‿♥｡)

٩(͡๏̯͡๏)۶

٩(-̮̮̃•̃)۶

٩(̾●̮̮̃̾•̃̾)۶

٩(-̮̮̃-̃)۶

٩(×̯×)۶

~(‾⌣‾~)

(~‾⌣‾)~

~(˘▾˘~)

~(˘▾˘)~

(~˘▾˘)~

o(‾^‾)o

(∩_∩)

ː̗(^▽^)ː̖

(⌣́_⌣̀)

(*^▽^*)

(-̩̩̩-͡ ̗--̩̩̩͡ )

(Ｔ^Ｔ)

(Ｔ▽Ｔ)

( -_-")

(*￣m￣)

(#^o^#)

(O_o)*!!

（゜◇゜）

╭(^▽^)╯

（￣ー￣）

m(__ )m

\(≧o≦)/

\(^o^)/

\(≧∇≦)/

(>_<)"

(✗_✘)"

(ーー; )

\(´ー｀)┌

（￣□￣；）:

┌П┐(►˛◄'!)

(@_@)

(* O *)

(~_~)

ƪ(‾ε‾“)ʃ

(¬_¬")

( >͡ .̮ Ơ̴͡ )*

(^o^)V

( ゜O ゜)

( ♥͡▽♥͡ )

(♥͡з♥͡)muach*~♡

(♉ . ♉)

oia post ini ada karena si @reni_9 jgn lupa FOLOW dia y?? di jamin pasti banyak Emotext / Textpics atau emoticon dari Text yang terbuat dari font unik yang menggambarkan expresi muka..

selamat mencoba....

Cara Membuat Link Terlihat Menyala

noreply@blogger.com (Nuedges) — Fri, 13 Aug 2010 10:33:00 +0000

PERHATIAN!! Efek animasi dibawah ini, hanya terlihat jika kamu menggunakan Google Chrome Atau Safari terbaru.
Ini Adalah Link
Kalau kita lihat blognya Mas Ardianzzz, apa yang paling menonjol?? yups judul yang terlihat menyala jika kita mengarahkan kursor kita ke atasnya. Apalagi kalau kita memakai browser ber-mesin webkit ( halah sok.. biar dibilang pinter ngomong pakai bahasa webkit ) akan terasa sekali efek animasinya. Untuk membuat efek menyala seperti itu kita bisa mengunakan text-shadow. Sebenarnya untuk tutorial membuat text shadow sendiri, pernah di lakukan oleh Bang Hendro di "Membuat Text-shadow dalam postingan (CSS3)" tapi dengan beberapa tambahan kita bisa membuat efek link yang menyala dan ter- animasi seperti punya Mas Ardianzzz. udah g usah banyak kata-kata pembuka, tar palah dikira nge- fluff. langsung aja...
Seperti yang saya sudah sebutkan diatas bahwa efek menyala bisa dilakukan dengan menggunakan text-shadow. Untuk itu mari kita belajar sedikit mengenai text-shadow. "text-shadow adalah cara menambahkan shadow atau bayangan pada sebuah text. Untuk membuat shadow atau bayangan pada sebuah text kita bisa menggunakan kode seperti ini :

text-shadow: rgba(255, 150, 220, 1) 0px 0px 8px;
yang artinya kurang lebih seperti ini :

text-shadow = buatlah bayangan pada text

rgba(255, 150, 220, 1) = Warna dengan komposisi RGB dan Alpha (R, G, B, Alpha). --untuk mencari komposisi warna RGB, kamu bisa menggunakan photoshop--

0 0 8px = 0(ofset x) 0(ofset y) 8px(lebar/blur bayangan)

Dengan dasar text-shadow itulah maka kita bisa membuat link terlihat menyala dengan cara menulis kode css seperti ini :

.link {
   color: #8e8e8e;
   font-family: 'Arial', sans-serif;
   text-shadow: 1px 1px 2px #535353;
}

.link:hover {
   color:#ffda8c;
   text-decoration:none;
   text-shadow: 1px 1px 2px #535353, rgba(251, 233, 194, 0.5) 0px 0px 8px;
   }

dengan menggunakan html seperti ini :

<a class="link" href="#">Ini Adalah Link</a>

maka kita kita akan melihat sebuah link seperti di bawah ini :

Ini Adalah Link

Setelah memiliki link yang terlihat glow / menyala, sekarang kita tinggal menambahkan efek animasi. untuk membuat efek animasi dengan menggunakan css3 kita bisa menambahkan kode :

-webkit-transition-duration: 0.7s;

yang artinya = durasi animasi dari satu titik ke titik yang lain (bingung bahasanya) adalah 0.7 detik.

nah nantinya kodenya akan terlihat seperti ini :

.link {
   color: #8e8e8e;
   font-family: 'Arial', sans-serif;
   text-shadow: 1px 1px 2px #535353;
   -webkit-transition-duration: 0.5s;
   }

.link:hover {
   color:#ffda8c;
   text-decoration:none;
   text-shadow: 1px 1px 2px #535353, rgba(251, 233, 194, 0.5) 0px 0px 8px;
   }

maka kita kita akan melihat sebuah link seperti di bawah ini :

Ini Adalah Link

Selamat Mencoba, Semoga Bermanfaat...

Cara Membuat Tombol Menggunakan CSS3

noreply@blogger.com (Nuedges) — Sun, 08 Aug 2010 04:42:00 +0000

Setelah kemarin kita belajar mengenai border-radius sekarang kita akan mencoba mengimplementasikanya ke dalam sebuah tombol. Tombol ini nantinya bisa kita aplikasikan ke dalam banyak hal, misalkan untuk membuat tombol search atau navbar dll. Membuat tombol menggunakan CSS3 sangatlah gampang dan tidak membutuhkan gambar atau JavaScript. untuk lebih jelasnya, silahkan lihat tombol - tombol yang ada di bawah ini :

Biru Merah Hitam Hijau Coklat Default

Ukuran yang Lebih Besar Default Ukuran yang Lebih Kecil

Kode CSS yang saya gunakan adalah :

.tombol {
   background: #777;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   padding: 1px;
   vertical-align: middle;
   }
.tombol span {
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   display: block;
   font: bold 12px 'Arial', sans-serif;
   padding: 6px 12px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
   }

.tombol:hover {
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)));
   background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
   text-decoration: none;
   }
.tombol:active {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
   background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.2));
   }
.tombol:active span {
   border-top-color: rgba(0, 0, 0, 0.2);
   }


.tombol.hitam { background-color: #252a2a; }
.tombol.biru { background-color: #3792c6; }
.tombol.merah { background-color: #cc2222; }
.tombol.hijau { background-color: #69a846; }
.tombol.coklat { background-color: #b6761a; }
.tombol.besar sapan { font-size: 16px; padding: 6px 14px; }
.tombol.kecil sapan { font-size: 11px; padding: 4px 8px; }

Kode HTML yang saya gunakan adalah :

<a class="tombol biru" href="#"><span>Biru</span></a>

<a class="tombol merah" href="#"><span>Merah</span></a>

<a class="tombol hitam" href="#"><span>Hitam</span></a>

<a class="tombol hijau" href="#"><span>Hijau</span></a>

<a class="tombol coklat" href="#"><span>Coklat</span></a>

<a class="tombol" href="#"><span>Default</span></a>

<a class="tombol besar" href="#"><span>Ukuran yang lebih besar</span></a>

<a class="tombol" href="#"><span>Default</span></a>

<a class="tombol kecil" href="#"><span>Ukuran yang lebih kecil</span></a>

Bersambung...

Google Chrome atau Mozilla Firefox

noreply@blogger.com (Nuedges) — Fri, 06 Aug 2010 00:00:00 +0000

Kalau dipikir-pikir, jika saya memang harus memilih antara Google Chrome atau Mozilla Firefox tentu saya tidak akan bisa. Kenapa?? Karena sebagai blogger saya sangat membutuhkan keduanya. saya sering mengunakan keduanya dalam keseharian saya. Kenapa?? Karena Google Chrome atau Mozilla Firefox masing-masing memiliki kekurangan, kelebihan dan perbedaan.

Saat ini saya menggunakan Google Chrome versi 5.0.375.125 dan Mozilla Firefox versi 3.6.3. Bukanya bermaksud memuji yang satu dan menjelek-jelekan yang lain, tapi --sungguh-- saya menulis artikel ini karena saya saya merasakan kekurangan, kelebihan dan perbedaan dari keduanya. dan inilah beberapa kekurangan, kelebihan dan perbedaan Google Chrome versi 5.0.375.125 dan Mozilla Firefox versi 3.6.3 menurut saya :

Penulisan HTML

Bersambung...

Kenapa Kita Harus Valid CSS dan HTML

noreply@blogger.com (Nuedges) — Wed, 04 Aug 2010 01:31:00 +0000

Kenapa Kita Harus Valid CSS dan HTML?? Pertanyaan itulah yang muncul di benakku pagi ini. semua berawal ketika aku mulai menulis tentang CSS3. Setelah menulis artikel berjudul "Membuat Efek Transparan dengan CSS3" aku memutuskan untuk blog walking. Setelah kesana kemari bertanya dan belajar, aku menemukan banyak sekali orang bertanya mengenai "valid kah kode css seperti itu??".

Nah lho?? Sebenernya aku sudah mengerti masalah validasi css dan html ketika aku menulis artikel berjudul "Membuat Halaman Home, Berbeda dengan Halaman Posting" artikel itu sendiri bersumber dari blog-nya kang jalu yang berjudul "Membuat Halaman Blog Dinamis, bag kedua" nah disana ada kang rohman yang berkomentar mengenai validate css. nah dari situlah -- DULU-- aku pernah mencoba mengurangi banyak eror pada proses validasi. Waktu berselang, sudah lama aku tidak mencoba mem-validasi blog ini. Sekarang valid ga blog ku ya??. Pas aku validate blogku, hasilnya??? HANCUR...

Sebagai pengguna platform blogger, aku sadar sesadar-sadarnya bahwa tidak mungkin kita kaum blogger A.K.A Blogspot bisa valid css dan html ( kayaknya sih seperti itu ), alasanya kenapa?? karena ada "sesuatu" yang --katanya-- jika kita hilangkan akan melanggar TOS dan membuat akun kita di banned oleh blogger. Itu tuh yang nempel di atas kita, yang sekarang aku buat auto hide. Satu-satunya cara agar valid adalah menghilangkan navbar (dan tanggung sendiri akibatnya). Yups navbar blogger sendiri tidak valid css ( maaf jika aku sok tahu, karena hanya itu yang aku tahu ). [ Terima kasih kepada DANI dari http://daniiswara.com/ atas inspirasi untuk paragraf ini. Artikel ini pun awalnya hanyalah sebuah komentar yang akan saya tulis di "Alasan Validasi HTML – Jangan Tanyakan Lagi" tapi karena terlalu banyak akhirnya saya memutuskan untuk saya jadikan artikel. ]

Itu belum seberapa, kalau kita mau main-main dengan css, sekarang-sekarang ini kita dihadapkan pada tembok besar bernama "BROWSER". Seperti yang pernah aku singgung disini dan disini, bahwa ada dua browser besar yang membuat kita kerepotan. Mau nulis "A" saja harus ditambahkan 'b' untuk browser '1' dan 'c' untuk browser '2' halaaah g praktis... Bayangkan bagaimana nantinya si "Organinasi itu" akan mem- validasi, dan bayangkan juga bagaimana nantinya kita akan menulis css. Kenapa mereka (web desainer/"Organinasi itu" dan browser) tidak duduk bersama dan menyelesaikan masalah demi kebaikan bersama?? agar masalah validasi bisa di "update" dengan cepat.

Bukanya mau mendiskriditkan ( halah aku juga ga tau artinya, intinya merendahkan ) orang-orang yang dengan susah payah membuat blog atau website mereka validated, tapi sungguh aku bingung, aku harus bagaimana. tapi saya percaya banyak kode-kode css yang sekarang belum bisa valid, suatu hari akan bisa " This document validates as CSS level 3"(sok tahu). Bahkan setelah valid pun kita harus mengenal yang namanya Accessibility Initiative (WAI) --The mission of the Web Accessibility Initiative (WAI) is to lead the Web to its full potential to be accessible, enabling people with disabilities to participate equally on the Web.-- pusing ga??

Kesimpulan ku sih gini : hari gini hampir tidak mungkin untuk validate css dan html. kita cuma desainer ( halah sok ngaku desainer--aku bukan desainer, cuma seorang blogger yang suka utak-atik template-- kaya kata siapa ya?? ), kecuali tampilan desain kita "jadul" baru kita bisa valid. apa mungkin?? hanya karena satu atau dua hal kita menghilangkan "sense of design" kita?? toh pada kenyataanya (akhir-akhir ini) bayak web/blog yang tampilanya bagus, tapi mereka tidak valid, dan mereka tetap 'melaju'... Apa kita harus menyerah, duduk diam dan membiarkan 'kereta masa' meninggalkan kita??

Membuat Efek Transparan dengan CSS3

noreply@blogger.com (Nuedges) — Mon, 02 Aug 2010 13:25:00 +0000

Tutorial CSS3 kali ini saya ingin membahas mengenai membuat efek transparan dengan css3. Dalam postingan saya yang berjudul "Multi-colum layout Menggunakan CSS3" saya menggunakan box-box yang bersifat transparan. Untuk membuat efek transparan sendiri sebenarnya ada banyak cara, salah satunya adalah penggunaan image ber ekstensi .png. tapi kali ini saya akan mencoba berbagi mengenai bagaimana membuat efek transparan dengan menggunakan css3.

Jika kita ingin membuat efek transparan dengan menggunakan css3, ada dua cara/kode yang bisa digunakan. Yang pertama adalah opacity dan yang kedua menggunakan rgba. Sedangkan nilai transparansi ditentukan dengan menggunakan angka 0 sampai 1. Artinya jika kita memberikan nilai 0 pada opacity sebuah box maka box tersebut akan benar-benar transparan, dan jika kita memberikan nilai 1 pada opacity sebuah box maka box tersebut tidak akan memiliki transparansi sama sekali.

Efek transparansi menggunakan kode opacity
Kode opacity bersifat merubah semua yang ada didalam box tersebut. Jadi, jika kita meletakan sebuah text pada suatu box yang kita beri kode opasity : 0.5;  maka text tersebut akan ikut transparan.

Penerapan kode opacity pada css :

.contoh {
   background: #2867A5;
   opacity: 0.2;
   float: left;
   height: 130px;
   width: 180px;
   margin: 5px 5px;
   padding: 10px;
   background-color:rgb(255, 255, 255,);
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-transition: all 0.6s ease-in-out;
}

Hasilnya akan terlihat seperti ini :

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Efek animasi hanya terlihat menggunakan
Google Chrome dan Safari terbaru
Image courtesy of qvectors.net

Efek transparansi menggunakan kode rgba.
Kode rgba relatif lebih mudah penggunaanya karena sifatnya yang tidak merubah apa-apa dalam child-nya. Jadi, jika kita meletakan sebuah text pada suatu box yang kita beri kode background-color: rgba(0,0,255,0.5);  maka text tersebut tidak akan ikut transparan.

Penerapan kode background-color: rgba(0,0,255,0.5); pada css :

.contoh {
   background: #2867A5;
   float: left;
   height: 130px;
   width: 180px;
   margin: 5px 5px;
   padding: 10px;
   background-color:rgba(255, 255, 255, 0.5);
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-transition: all 0.6s ease-in-out;
}

Hasilnya akan terlihat seperti ini :

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl.

Efek animasi hanya terlihat menggunakan
Google Chrome dan Safari terbaru
Image courtesy of qvectors.net

Semoga bermanfaat...

Cara Membuat Postingan Justify Alignment ( Rata Kiri-Kanan )

noreply@blogger.com (Nuedges) — Sat, 31 Jul 2010 00:50:00 +0000

Justify atau rata kiri-kanan lazim digunakan dalam pembuatan laporan. Tapi Masih jarang orang yang mengaplikasikannya di dalam postingan blog. Pada artikel saya sebelumnya yang berjudul "Multi-colum layout Menggunakan CSS3" saya mencoba membagi postingan menjadi beberapa kolom dengan mengunakan css3. setelah saya lihat, kok rada aneh jika kolom-kolom yang ada tidak menganut justify alignment. Kita bisa saja membuat postingan bergaya justify dengan meng-klik tombol alignment yang ada di atas. Tapi bayangkan jika blog ini sudah memiliki sekitar 80 posting dan saya harus menggantinya satu-satu.

Maka solusinya adalah dengan menambahkan beberapa code css.

Caranya :
Masuk ke Elemen halaman template blogger anda kemudian pilih Edit HTML, tekan control F kemudian cari kode yang mirip seperti dibawah ini:

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
}

Tulisan yang saya tebalkan diatas adalah kode yang harus anda cari. CSS diatas adalah kode untuk mengatur postingan anda. Kalau sudah mendapatkan kode diatas tambahkan kode berikut kedalamnya.

text-align: justify;

Sehingga menjadi :

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
text-align: justify;
}

Kemudian simpan template dan lihat hasilnya. Selamat Mencoba

Sumber : barumbung.blogspot.com

Kata kunci untuk halaman ini:

rata kiri-kanan, justify alignment, Cara Membuat Postingan Justify Alignment, Cara Postingan Justify Alignment, Cara Membuat Postingan Justify, Cara Membuat Postingan rata kiri-kanan, Postingan rata kiri-kanan, text-align: justify;, Elemen halaman template blogger

Multi-column layout Menggunakan CSS3

noreply@blogger.com (Nuedges) — Fri, 30 Jul 2010 10:22:00 +0000

Dalam postingan sebelumya saya membahas tentang bagaimana membuat round corner dengan css3. dalam postingan tersebut saya menggunakan penulisan dengan gaya koran atau majalah dengan cara membagi kolom yang ada menjadi 2 bagian. Dengan menggunakan css3 kita hanya perlu beberapa code untuk membuat beberapa kolom. Karena code untuk membagi kolom sudah tersedia di css3. Code yang digunakan adalah column-width jika kita ingin membagi kolom berdasarka lebarnya dan column-count jika kita ingin membagi kolom berdasar jumlahnya.

Seperti yang sudah saya singgung di artikel saya yang berjudul Border-radius: Membuat pojok yang tidak lancip dengan CSS3 bahwa ada dua buah browser besar dengan 2 cara penulisan. yaitu dengan menambahka -moz- untuk Mozila/Firefox dan -webkit- untuk Google Chrome.
Berikut adalah contoh pembuatan kolom dengan menggunakan code column-width. Yaitu Menentukan kolom berdasarkan lebar-nya. Code yang saya tuliskan adalah :

.contoh1 {
width:500px;
margin: 0 auto;
padding: 5px;
clear: both;
background-color:rgba(255, 255, 255, 0.8);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
&-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
-moz-column-gap: 1em;/*Ukuran gap atau jarak antar kolom*/
-moz-column-width: 13em; /*Lebar kolom*/
-webkit-column-gap: 1em; /*Ukuran gap atau jarak antar kolom*/
-webkit-column-width: 13em;/*Lebar kolom*/
}

Hasilnya akan terlihat seperti berikut :

Lorem ipsum dolor sit amet, onsectetuer css3 adipiscing elit. Aenean egestas blandit ipsum. Morbi nuedges nulla metus, luctus et, ullamcorper sit amet, commodo quis, nisl. Ut blandit lacus nec nibh. Phasellus eleifend enim et risus. Nam multi-kolom condimentum. Praesent euismod auctor dui. Nunc ut leo vel css3 magna adipiscing tempor. Nuedges pretium, ligula et hendrerit faucibus, sem velit accumsan tortor, sodales tempor est ligula non velit. Nulla multi-kolom css3 sagittis, odio quis porta nonummy, mauris nuedges arcu gravida odio, quis aliquam lacus elit non libero. Proin aliquam augue accumsan augue. Quisque ut eros at erat ultrices sodales. Nunc nuedges vitae ipsum. Mauris in elit in dolor imperdiet interdum. Vivamus egestas sagittis css3 justo. Sed lorem. Sed nuedges vel neque in ipsum gravida nonummy.

Image courtesy of www.vectorjungle.com

Berikutnya kita bisa membagi kolom berdasrkan jumlah kolom dalam satu baris. Code yang saya gunakan adalah column-count. Contoh penulisannya adalah sebagai berikut :

.contoh2 {
width:500px;
margin: 0 auto;
padding: 5px;
clear: both;
background-color:rgba(255, 255, 255, 0.8);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
&-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
-moz-column-gap: 1em;/*Ukuran gap atau jarak antar kolom*/
-moz-column-count: 4; /*Jumlah kolom*/
-webkit-column-gap: 1em; /*Ukuran gap atau jarak antar kolom*/
-webkit-column-count: 4;/*Jumlah kolom*/
}

Hasilnya akan terlihat seperti berikut :

Image courtesy of qvectors.net

Kita juga bisa menambahkan garis di dalam gap dengan cara menambahkan kode column-rulesehingga contoh penulisannya adalah sebagai berikut :

.contoh3 {
width:500px;
margin: 0 auto;
padding: 5px;
clear: both;
background-color:rgba(255, 255, 255, 0.8);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
-moz-column-gap: 1em;
-moz-column-width: 13em;
-moz-column-rule: 1px solid black;/*Ukuran, tipe dan warna garis*/
-webkit-column-gap: 1em;
-webkit-column-width: 13em;
-webkit-column-rule: 1px solid black;/*Ukuran, tipe dan warna garis*/
}

Hasilnya akan terlihat seperti berikut :

Image courtesy of qvectors.net

Itulah beberapa cara membagi kolom memjadi beberapa bagian dengan css3. Semoga bermanfaat...

Border-radius: Membuat pojok yang tidak lancip dengan CSS3

noreply@blogger.com (Nuedges) — Fri, 30 Jul 2010 06:15:00 +0000

Aku sendiri sebenarnya baru beberapa hari tahu tentang css3, perkenalanku dengan css3 pun setelah aku membaca tentang blogazine dan akhirnya aku mencoba membuat sebuah blog dengan konsep blogazine menggunakan platform blogger. Itu pun akhirnya terbengkalai karena banyak kerjaan. Yah moga-moga suatu hari bisa menyelesaikan blog scriptjs dengan baik. Mengenai css3, kali ini saya ingin berbagi mengenai sebuah code sederhana yang akan membuat pojok-pojok sebuah box terlihat cekung/fillet/rounded dan tidak lancip. code yang saya maksud adalah border-radius. Mozila/Firefox, Google chrome dan Safari sudah meng-implementasikan code ini.

Ini adalah contoh box yang menggunakan code border-radius. Jika kamu tidak melihat sebuah pojok-pojok yang cekung/fillet/rounded, maka kamu harus mengganti browser kamu dengan Mozila/Firefox, Google chrome atau Safari terbaru.

Untuk membuat sebuah box seperti diatas code css yang saya gunakan adalah:

<div style="-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background-color: #b4ff00; border: 2px solid rgb(108, 159, 0); color: #ab0000; font-family: Arial,Sans-serif; font-weight: bold; padding: 10px; text-shadow: 1px 1px 1px rgba(47, 47, 47, 0.8);">
<span style="font-size: large;">Ini adalah contoh box yang menggunakan code <i><span style="color: black;">border-radius</span></i>. Jika kamu tidak melihat sebuah pojok-pojok yang cekung/fillet, maka kamu harus mengganti browser kamu dengan Mozila/Firefox, Google chrome atau Safari terbaru</span></div>

Busyett dah banyak banget tu tulisan ya?? Oke deh saya akan coba membuatnya lebih sederhana. Untuk membuat sebuah box yang ujung/pojoknya rounded/fillet maka yang kita butuhkan adalah sebuah code seperti ini "border-radius: 10px 10px 10px 10px;" tapi masalahnya ada dua browser besar yang sekarang ini banyak di gunakan oleh visitor, yaitu Mozila/Firefox dan Google chrome. Sedangkan kedua browser tersebut menggunakan dua engine yang berbeda, yang tentu saja membuat kita harus membedakan code yang kita tulis. Caranya gampang, kita tinggal menambahkan code -moz- untuk Mozila/Firefox dan -webkit- untuk Google chrome. nah bunyinya kan seperti ini "-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; "

Ini adalah contoh box yang menggunakan code :
"-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;"

Ini adalah contoh box yang menggunakan code :
"-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;"

Ini adalah contoh box yang menggunakan code :
"-moz-border-radius: 0px 0px 10px 0px;
-webkit-border-radius: 0px 0px 10px 0px;"

Ini adalah contoh box yang menggunakan code :
"-moz-border-radius: 0px 0px 0px 10px;
-webkit-border-radius: 0px 0px 0px 10px;"

Dengan begitu maka kita bisa mengartikan seperti ini :

Jika kita menulis kode css yang seperti ini :
border-radius: 10px 10px 10px 10px;

maka artinya kurang lebih :
border-radius: 10px(radius pojok kiri atas) 10px(radius pojok kanan atas) 10px(radius pojok kanan bawah) 10px(radius pojok kiri bawah);

Jika kita tidak ingin membuat salah satu pojok rounded/fillet maka yang kita lakukan tinggal mengisi nilai salah satu pojok dengan "0 (nol)". Oia jangan lupa untuk menambahkan -moz- dan -webkit- didepan border

Sekian dari saya semoga bisa membantu..
Untuk Implementasi dalam template blogger anda bisa melihatnya di
www.nuvent.co.cc

Cara Meningkatkan Alexa Links in

noreply@blogger.com (Nuedges) — Sun, 18 Jul 2010 10:26:00 +0000

WWWow hari ini aku kaget banget pas melihat ke widget alexa-ku..
Nilai Links in-ku cuma 10..
Biasanya kan 300 ribu sekian... apa yang sebenarnya terjadi??
Bingung juga neh bagaimana cara menaikan Alexa Links in menjadi seperti semula?? Sebenarnya aku belum mulai melakukan apa apa sih, tapi aku berharap disini aku bisa berbagi tentang bagaimana nantinya aku meningkatkan Alexa Links in blog ini...

Inilah langkah-langkah yang aku lakukan :

Apasih Alexa Links in??
Sebelum memulai meningkatkan Alexa Links in, tentu saja kita harus tahu apa definisi links in menurut alexa. ini nih definisi Links In menurut Alexa :

Sites linking in
A measure of nuedges.blogspot.com's reputation
The number of sites linking to nuedges.blogspot.com. Multiple links from the same site are only counted one.
Updated quarterly
Nah sekarang aku sudah tahu apa Alexa Links in. Aku tahu Links in berarti jumlah blog atau situs yang me-link ke blog kita."Nah lho?? aku kan sudah koment di banyak blog?? kok g nambah links in ku??". Menurut aku, sebuah blog yang di host di tempat yang sama akan dihitung satu link oleh alexa. jadi gini, dasarnya adalah kata-kata alexa yang begini "Multiple links from the same site are only counted one" nah dengan kata-kata itu aku menyimpulkan bahwa satu situs hanya satu link. Maka jika kita koment atau meninggalkan link di sebuah blog yang di host oleh satu situs yang sama -- blogger misalnya-- maka kita tidak akan menambah links in kita, karena semua blog yang dihost oleh blogger dihitung satu link. Oia Alexa Links in sebuah blog di update setiap 3-4 bulan sekali, jadi misalkan kita membuat links di sebuah situs, tidak serta merta langsung menaikan Alexa Links in blog kita. Harus nunggu 3-4 bulan untuk update..
Mendaftar di http://www.getfreebacklinks.com/
Hari ini tanggal 30 juli 2010 aku mendaftarkan blog ini di sebuah situs yang menawarkan back link gratis. Seperti yang sudah aku katakan di depan bahwa yang di maksud Links in oleh Alexa adalah jumlah links yang mengarah ke blog kita. Jika Links in dan back link adalah sama, maka dengan memasang banner diharapkan bisa meningkatkan Alexa Links in blog ini. Menurut pengalamanku di nuvent dengan memasang banner bisa meningkatkan YBL (yahoo back link) sampai "198" memang belum bisa meningkatkan GBL (google back link) sih, tapi saya sudah cukup puas. Yah semoga saja dengan mendaftar dan memasang banner dari http://www.getfreebacklinks.com/ bisa meningkatkan Alexa Links in blog ini.

Links In Naik Menjadi 26 Hari ini tanggal 06 Agustus 2010. Pas lihat ke arah Widget alexa... hah?? dah 26?? bukanya di update tiap 3 bulan?? ini kan baru 1 bulan?? aku bingung. Apa karena Kemaren bis pasang banner ?? Aku kurang tahu juga. yang penting sekarang links in ku dah naik, biar cuma naik 16 itu pun dah seneng...

Bersambung...

Apa Yang Membuat Blog Kita di "banned" oleh Google

noreply@blogger.com (Nuedges) — Thu, 15 Jul 2010 11:17:00 +0000

Kadang-kadang tidak peduli seberapa keras Anda mencoba, website / blog anda tidak akan memperoleh peringkat tinggi untuk kata kunci yang anda targetkan. Jika hal ini terjadi, maka kemungkinan besar situs / blog anda telah di "banned" oleh Google. Tidak muncul di SERP Google akan menghancurkan kesempatan anda untuk membuat blog anda di kunjunggi, karena menurut saya lebih dari 50% unique visitor datang dari Google. Jadi jika Anda menghadapi masalah ini anda bisa meng-klik link di bawah ini untuk mempelajari lebih lanjut tentang apa yang dapat Anda lakukan untuk mengatasi hal ini :

Google Requesting Reconsideration

Membeli Teks Link - Membeli Teks Link merupakan salah satu alasan mengapa situs Anda di "banned" oleh Google. Google mulai melarang penggunaan teks link sejak tahun 2007. Klik link di bawah ini untuk membaca lebih lanjut tentang hal ini.

Text Link Ad Penalizing

Linking ke "Banned Site" - Link ke situs-situs yang sudah dilarang oleh Google adalah cara lain untuk membuat situs Anda di "banned" oleh Google. Jadi sebisa mungkin hindari link ke situs apapun yang dilarang oleh Google (yang menghubungkan ke situs iklan teks link). Beberapa webmaster mengatakan itu berisiko, bahkan link ke situs perjudian, situs dewasa dan koleksi link.
Duplikat Konten - Ini adalah salah satu yang menurut saya masih harus diperdebatkan, karena saya melihat banyak blog yang hanya copas(i mean totaly) dari sumber lain, dan blog itu memiliki pengunjung lebih dari 3000 per hari. dan sebagian besar datang dari google. saya tidak berpikir apakah copas benar-benar akan membuat kita di "banned" oleh google atau hanya akal-akalan beberapa webmaster senior yang tidak ingin isi situs/blognya di copas oleh orang lain. Yah itu memang masih misteri dari google sendiri. Hanya saja, menurut saran saya : "Jangan copy artikel milik orang lain kecuali anda memnyebutkan sumbernya". Berikut adalah daftar beberapa situs yang membantu Anda untuk mengetahui apakah Anda memiliki duplikat konten (situs-situs ini memungkinkan Anda untuk membandingkan salah satu URL dengan URL lain dari situs yang berbeda.)

Copyscape
Duplicate Content Checker

Keyword Stuffing - Sangat penting untuk menggunakan kata kunci yang Anda targetkan tapi jangan melakukannya secara berlebihan. menggunakan kata kunci yang sama lagi dan lagi dapat dianggap sebagai spam dan membuat situs Anda di "banned", beberapa orang berpikir dengan memasukan kata kunci sebanyak-banyaknya akan membawa mereka ke tempat nomor 1 di Google. Banyak ahli SEO mengatakan bahwa kepadatan kata kunci yang baik adalah sekitar 1% - 3%. Tapi pastikan kepadatan kata kunci bertarget kata kunci Anda tidak melebihi 3%. . Berikut adalah beberapa alat yang baik untuk memeriksa kepadatan kata kunci Anda.

Keyword Density Checker
Keyword Density SEO

Menggunakan Kata Kunci tersembunyi - Trik lainnya adalah orang menggunakan kata kunci, tapi mereka menggunakan warna yang sama dengan background. Jadi pengunjung tidak akan melihatnya tapi akan ada dalam kode sumber. Berpikir itu akan meningkatkan peringkat mereka karena kepadatan kata kunci yang tinggi. Tapi Google sangat cerdas dan itu kesalahan yang mengerikan untuk membuat situs Anda di "banned". Trik "Black Hat" yang harus dihindari.
Cloaking - Cloaking adalah teknik "Black Hat" yang harus dihindari jika Anda tidak ingin di "banned" oleh Google. Cloaking berarti menampilkan konten tertentu ke Spider Search Engine untuk mengindeks situs dan menampilkan sesuatu yang berbeda kepada pengguna. Banyak orang berpikir itu bisa menipu mesin pencari tetapi hanya membodohi pengunjung dan tentu saja webmaster sendiri. Jadi jangan memasukkan kata-kata atau istilah ke bagian meta tag yang tidak sesuai dengan konten situs Anda.

What is Cloaking ?

Sangat penting untuk menghindari kesalahan-kesalahan konyol jika Anda ingin membuat blog anda terkenal.

Sumber : makemoneyfastandeasyway.blogspot.com

imcrew.com scam??

noreply@blogger.com (Nuedges) — Wed, 14 Jul 2010 09:34:00 +0000

Ada sebuah situs yang menawarkan $2 untuk setiap member yang kita ajak gabung namanya imcrew.com. untuk bergabung di imcrew.com bahkan kita tidak perlu membayar.. pertanyaanya apakah imcrew.com scam?? sya sendiri tidak tahu apakah situs itu scam atau bukan...

jika anda ingin memcobanya silahkan gabung di

kita buktikan apakah imcrew.com scam atau bukan..

Inner Page SEO

noreply@blogger.com (Nuedges) — Thu, 08 Jul 2010 04:00:00 +0000

Inner Page SEO adalah salah satu konsep untuk mempertinggi kualitas SEO pada sebuah website atau blog. Inner Page SEO lebih mengacu kepada peng-optimalisasian SEO melalui blog atau website tersebut. Namun untuk mendalami Inner Page SEO minimal anda harus mengerti dasar html.

Search Engine Optimization

Apa sajakah yang yang termasuk dalam teknik Inner Page SEO :

Heading (Title)
Search Engine membedakan antara yang mana title dan yang mana content dari sebuah page dan Search Engine mengenali tag html h1 sebagai heading dengan tingkat prioritas tertinggi. Jadi jika blog anda saat ini memiliki title yang bukan menggunakan tag h1, silakan memperbaiki nya. Pada beberapa cms blog, hal ini sudah terintegrasi. Misal nya pada wordpress.
Meta Tag ( Meta Keyword & Meta Description )
Meta Tag sangat penting bagi sebuah page di blog, dengan ada nya meta keyword search engine dapat menentukan ketepatan antara kata kunci yang digunakan oleh pencari dengan isi blog. Sedangkan Meta Description berguna untuk memperjelas Meta Keyword tersebut. Dengan ada nya Meta Description nilai relationalitas sebuah page di blog tersebut dapat ditentukan oleh search engine. Semakin tinggi nilai nya, maka besar kemungkinan page tersebut tampil di halaman awal google.
Inner Links ( Internal Links )
Internal links memiliki fungsi yang tidak kalah penting dibandingkan backlinks, semakin banyak Innet Links di blog tersebut yang saling berelasional. Akan membuat sebuah search engine lebih mudah menemukan nya.
Alternate Tag
Selalu gunakan Alternate tag terhadap sebuah image yang anda embed ke dalam sebuah page di blog anda, hal ini untuk memperkuat relasional sebuah image terhadap konten.
Image Name
Dalam blog sering kali anda membutuhkan image didalam nya entah sebagai ilustrasi, pelengkap atau pun sekedar penghias. Dalam hal ini file image tersebut juga berperan penting dalam penentuan kualitas SEO. Semakin berelasional nama Image tersebut. Semakin mendukung page tersebut memiliki Page Rank yang lebih tinggi.

Sekian konsep Inner Page SEO dari saya.

Bila ada kekurangan silakan dilengkapi..

Semoga berguna...

Dukung internet aman, sehat & manfaat

noreply@blogger.com (Nuedges) — Sat, 03 Jul 2010 10:07:00 +0000

Blogger Indonesia dukung internet aman, sehat & manfaat

Heran kenapa posisiku di serp sangat jauh dari yang di harapkan.. yah udah ikut kontes yang di adakan oleh BEM FASILKOM UMB dengan kata kunci Blogger Indonesia dukung internet aman, sehat & manfaat tapi kenapa postingku posisinya jauh dari pada yang di harapkan padahal posisi home pada blog ini jauh lebih tinggi di serp dengan kata kunci itu. kemaren aku juga dah nulis tentang kata kunci yang di lombakan sok ath liat disini tapi ya itu, bahkan posisi home jauh lebih tinggi di serp.

so...
yah moga-moga kata kunci nya yaitu Blogger Indonesia dukung internet aman, sehat & manfaat yang aku tembak kali ini bisa tembus posisi satu.. hehehheh padahal nubi tapi gpp kan sedikit berharap....

SEO Teknik

noreply@blogger.com (Nuedges) — Tue, 29 Jun 2010 09:19:00 +0000

Teknik SEO yang nyata
1. Perbanyak jumlah link ke halaman web

Semakin banyak halaman lain yang mengarah ke suatu halaman web, maka halaman web yang dituju akan memiliki posisi yang semakin bagus di Search Engine. Dasarnya adalah pernyataan google di halaman Google Friendly Site. Secara natural, jika web atau blog Anda bagus, orang akan dengan sendirinya memasang link di halaman mereka. Secara tidak natural, Anda dapat blogwalking di blog dofollow atau meminta tukar link dengan pemilik web atau blog lain.

Fenomena click here
Sampai sekarang fenomena “click here” (kekuatan teks link) masih dapat dilihat di Google. Silakan masukkan kata “click here” tanpa tanda petik di Google, lihat halaman yang menjadi urutan paling atas. Buka halaman tersebut, mungkin tidak ada satupun kata “click here” di halaman tersebut. Yang menyebabkan posisi halaman tersebut bagus di Google adalah karena banyak sekali halaman web yang memasang link ke halaman tersebut dengan kalimat yang kurang lebih begini: Untuk download software ini, click here. “Click here” di sini berupa link yang bisa di-klik. Fenomena ini menunjukkan bahwa jumlah link dan teks yang digunakan sebagai link ke arah halaman tertentu akan menentukan posisi halaman tersebut dalam search engine. Ini adalah fakta, bukan mitos.

Berkali-kali disebutkan dalam Google Webmaster Guidelines, Yahoo! Search Content Quality Guidelines, dan MSN Guidelines for successful indexing, bahwa content atau kualitas isi adalah hal yang utama. Okey kualitas isi yang utama tetapi bagaimana cara membedakan halaman tersebut berkualitas atau tidak? Bagaimana cara membedakan halaman tersebut cocok untuk keyword yang diketikkan pengunjung dalam search engine? Jika kita boleh berandai-andai, seandainya kita diminta membuat sebuah search engine, atau menyusun algoritma search engine, tentu yang kita perhatikan adalah jumlah keyword dan posisi keyword dalam artikel tersebut bukan?

Hal yang menjadi fakta lagi adalah bahwa search engine mempertimbangkan keyword dalam URL dan Judul (title). Jika Anda memasukkan kata kunci tertentu di Google, dan kata kunci tersebut menjadi URL sebuah dokumen hasil pencarian, maka kata kunci dalam tersebut di-bold oleh google bukan? Demikian pula kata kunci di dalam judul, yang selalu di-bold oleh Google dalam SERP (Search Engine Ranking Page). Jadi kata kunci dalam URL dan judul/title merupakan hal yang menentukan posisi dalam search engine adalah fakta, bukan mitos.

Sudah cukup itu saja, hanya ada 2 buah teknik SEO yang benar-benar nyata, dan jika Anda sudah mulai pusing dan nggak mau ribet, cukup terapkan dua teknik SEO tersebut di atas. Tetapi jika Anda punya waktu lebih, silakan teruskan membaca artikel ini.

Teknik SEO yang didasarkan pada Artikel Google mengenai SEO

Kalau dipikir-pikir agak aneh juga, sebagai search engine, Google mengeluarkan dokumen resmi yang berisi Tips SEO, silakan di download pada link referensi yang sudah disebutkkan di atas (PDF 551kb). Kalau boleh berpendapat, tips-tips SEO dalam artikel tersebut sebagian memang bagus untuk meningkatkan posisi di Google, atau (paling tidak) mempermudah dan mempercepat proses indeks, tetapi sebagian untuk mencegah dan memerangi beredarnya tips SEO yang tanpa dasar, optimasi berlebihan, atau blackhat. Ini beberapa tips SEO yang ada pada artikel Google:

1. Membuat judul unik dan akurat

Dalam pelajaran bahasa Indonesia, judul karangan boleh dibuat menggelitik agar menarik pembaca. Misalnya sebuah cerpen percintaan dapat diberi judul “bunga sakura”, meskipun dari awal tidak dibahas mengenai bunga sakura ternyata di akhir cerita menggambarkan sepasang kekasih yang bertemu di bawah pohon sakura. Dalam pandangan SEO, judul “bunga sakura” tepat jika artikelnya membahas tentang bunga sakura, misalnya wujud, jenis, atau cara menanamnya.
Saran Google:

Membuat judul yang akurat, unik, dan berbeda-beda untuk setiap
halaman.
Membuat judul yang singkat tetapi jelas.

Kesalahan umum yang perlu dihindari dalam SEO:

Judul default seperti ‘Untitled’ atau nama perusahaan untuk semua halaman (jika nama perusahaan hanya homepage saja tidak masalah).
Judul terlalu panjang.
Menambahkan keyword yang tidak diperlukan dalam judul secara berlebihan.

2. Menggunakan meta description

Jika Anda terbiasa mengedit HTML, Anda dapat memberikan kata-kata yang sesuai untuk meta description. Pada sebagian direktori bahkan tidak mengindeks halaman, hanya meta description dan meta keywordnya saja yang masuk ke dalam database mereka. Saran Google:

Membuat meta description yang akurat menggambarkan isinya.
Membuat meta description yang berbeda-beda untuk setiap halaman.

Kesalahan umum yang perlu dihindari dalam SEO:

Membuat meta description yang tidak ada hubungannya dengan isi.
Membuat meta description hanya berisi keyword (bukan kalimat).
Meta description terlalu umum.
Copy-paste isi halaman ke dalam meta description.
Membuat meta description yang sama untuk semua halaman atau sebagian
halaman.

3. Membuat URL yang baik

Sama seperti yang sudah dibahas di atas, yaitu keyword dalam URL akan turut menentukan posisi halaman tersebut dalam search engine. Misalnya Anda membuat artikel mengenai bunga sakura, lebih baik menggunakan URL:

http://web-anda.com/bunga-sakura/
daripada
http://web-anda.com/p?12

URL akan muncul dalam hasil pencarian (SERP) dan sering digunakan orang sebagai teks link yang mengarah ke halaman tersebut.
Saran Google:

Menggunakan URL berupa kata atau kalimat.
Membuat struktur direktori (seperti folder dalam windows) sederhana.
Satu halaman hanya memiliki satu URL.

Kesalahan umum yang perlu dihindari dalam SEO:

URL terlalu panjang, terlalu umum, atau terlalu banyak mengulang
kata kunci.
Membuat struktur direktori yang kompleks atau tidak ada hubungannya
dengan isi.
Mencampur-adukkan URL, kadang dengan awalan www, kadang tanpa www.
Kadang dengan akhiran “/”, kadang tidak. Sebaiknya konsisten.
Menggunakan perpaduan huruf besar dan kecil, sebaiknya hanya huruf
kecil.

4. Membuat navigasi situs mudah dan sederhana

Google menyarankan situs dibuat dengan navigasi yang sederhana dari umum ke spesifik. Misalnya pada halaman utama ada “profil perusahaan”, di dalam halaman “profil perusahaan” ada link ke “bidang usaha”, “AD/ART”, “manajemen”, dsb. Di dalam halaman “bidang usaha” ada link ke “off air”, “on air”, dsb.
Saran Google:

Membuat hirarki navigasi yang simple dan natural.
Menggunakan link berupa teks dalam navigasi.
Menggunakan teks yang menyatakan posisi pengunjung sedang dimana
(breadcumb), yang memungkinkan pengunjung dapat dengan mudah menuju ke
level yang lebih tinggi, misalnya ditampilkan saat ini pengunjung sedang
berada di:

profil perusahaan > bidang usaha > off air

Membuat sebuah HTML sitemap, yaitu sebuah halaman yang di dalamnya terdapat link ke semua halaman atau halaman-halaman penting dalam situs Anda.
Pertimbangkan jika sebagian URL dihilangkan. Misalnya link ke artikel ini:

http://tutorialgratis.net/2008/12/24/memahami-teknik-seo-mana-yang-mitos-dan-mana-yang-fakta/ pertimbangkan apakah link tersebut valid jika link-nya dipotong menjadi: http://tutorialgratis.net/2008/12/

Membuat halaman 404 yang berguna. Halaman 404 adalah halaman yang ditunjukkan saat pengunjung mengklik atau menulis URL sebuah halaman yang tidak ada di dalam situs Anda. Halaman 404 dapat berisi link ke homepage atau link ke artikel atau halaman yang populer di web Anda.

Kesalahan umum yang perlu dihindari dalam SEO:

Membuat navigasi yang sangat kompleks, misalnya semua halaman saling berkaitan.
Membuat halaman yang terlalu dalam, halaman tersebut hanya dapat dibuka dengan berkali-kali klik dan membuka halaman lain yang sangat banyak terlebih dahulu.
Menggunakan banyak gambar dan animasi untuk link (sebaiknya teks).
HTML sitemap mengandung link yang tidak valid atau tidak terorganisir dengan baik.
Membiarkan halaman 404 terindeks search engine, hanya pesan singkat “Not Found” atau “Error 404″ tanpa penjelasan, dan menggunakan design yang tidak konsisten misalnya hanya halaman putih.

5. Menawarkan isi dan pelayanan yang berkualitas

Menurut Google, isi web yang berkualitas adalah kunci utama untuk dapat memperoleh trafik, karena akan menarik pengunjung untuk mengajak temannya ikut melihat web tersebut, baik melalui blog, email, dari mulut ke mulut dan sebagainya.
Saran Google:

Menuliskan isi web dengan bahasa yang mudah dimengerti dan topik yang terorganisir.
Menggunakan kata-kata kunci yang diperkirakan akan digunakan pengunjung yang menjadi target Anda. Misalnya web Anda adalah toko mobil, maka masukkan kata kunci BMW, mobil, mobil bekas, mobil murah, dan kata-kata lain yang kira-kira banyak dimasukkan orang ke dalam search engine. Kata-kata ini harus ada di dalam web Anda.
Membuat isi yang baru, unik, dan tidak ditemukan pada web lain.
Membuat isi yang diperuntukkan untuk orang, bukan search engine.

Kesalahan umum yang perlu dihindari dalam SEO:

Banyak error baik secara ejaan maupun tata bahasa.
Copy-paste dari web atau blog lain.
Membuat sebuah halaman yang mirip dengan halaman lain dalam satu situs (duplicate content).
Memasukkan keyword berlebihan, sehingga jika dibaca orang biasa menyebabkan tidak nyaman.
Memasukkan kata-kata dengan kesalahan ejaan dengan harapan orang yang salah ketik di search engine akan menemukan web kita.
Membuat teks yang tidak kelihatan bagi pengguna (misalnya karena kecil sekali atau warna teks dengan background-nya sama).

6. Membuat anchor teks yang baik

Anchor teks adalah teks yang digunakan sebagai link. Teks ini berfungsi sebagai keyword bagi halaman yang dituju. Membuat anchor teks yang baik sangat berguna dalam SEO, baik untuk link yang menuju ke halaman luar maupun link yang menuju ke
halaman dalam situs kita sendiri.
Saran Google:

Menuliskan anchor teks yang menerangkan isi halaman yang dituju.
Menuliskan anchor teks yang singkat dan jelas.
Membuat anchor teks mudah dilihat dan berbeda dengan teks biasa (warna, ukuran, dll).

Kesalahan umum yang perlu dihindari dalam SEO:

Membuat anchor teks yang terlalu umum seperti “click here” atau “klik di sini”.
Membuat anchor teks terlalu panjang dan anchor teks yang tidak perlu.

7. Membuat heading tag yang baik

Heading tag adalah kode HTML yang menunjukkan kerangka karangan (outline), dimulai dari <h1> sampai <h6>. Heading tag berisi judul artikel, judul bab, judul sub-bab, atau judul point-point penting, tetapi bukan paragraf artikel itu
sendiri. Misalnya sebuah artikel tentang bunga sakura:

<h1> adalah judul artikelnya sendiri, misalnya “Bunga sakura”
<h2> adalah judul bab, misalnya “Pengenalan”, “Pembibitan”, Perawatan”
<h3> adalah judul sub-bab, misalnya “Kebutuhan Air”, “Kebutuhan Pupuk” dsb.

Saran Google:

Membuat heading tag sebagai outline yang menyebar terstruktur dengan
baik di dalam sebuah artikel

Kesalahan umum yang perlu dihindari dalam SEO:

Membuat heading tag yang tidak perlu, meloncat-loncat dengan struktur yang tidak jelas.
Membuat heading tag hanya sekedar agar tulisan enak dipandang, bukan karena strukturnya.
Meletakkan sebuah paragraf dalam heading tags, sebaiknya berupa kalimat singkat atau judul.

8. Optimasi gambar

Gambar di dalam sebuah web atau blog sangat powerfull dalam SEO. Search engine saat ini tidak bisa mengindeks tulisan yang ada di dalam gambar, tetapi dapat mengindeks atribut “ALT” pada gambar. Teks dalam atribut ALT akan muncul jika pengunjung gambar tidak tertampil di browser baik disengaja untuk mempercepat browsing
ataupun tidak disengaja oleh pengunjung.
Saran Google:

Menggunakan atribut ALT yang singkat dan jelas menerangkan gambar
tersebut.
Menggunakan nama file yang berisikan deskripsi gambar atau keyword.

Misalnya, lebih baik menggunakan kupu-kupu.jpg, oka-mahendra.gif
daripada :
image001.jpg, fotoku.gif

Menggunakan atribut ALT jika gambar tersebut digunakan sebagai link adalah wajib, fungsinya sama dengan anchor teks dalam teks link.
Meletakkan semua gambar dalam satu direktori tertentu di dalam sebuah situs web.
Menggunakan tipe file yang umum (JPEG,GIF, PNG, dan BMP).

Kesalahan umum yang perlu dihindari dalam SEO:

Tidak menggunakan atribut ALT.
Atribut ALT terlalu panjang atau diisi keyword secara berlebihan.

9. Membuat robot.txt yang efektif

Robots.txt adalah file yang
memerintahkan search engine BOLEH atau TIDAK mengakses bagian tertentu
di dalam situs web. Misalnya pada situs web http://tutorialgratis.net,
Robots.txt terletak pada: http://tutorialgratis.net/robots.txt.

Sitemap: http://tutorialgratis.net/sitemap.xml
User-agent: IRLbot
Crawl-delay: 3600
User-agent: *
Disallow: /next/
User-agent: *
Disallow:

Jika pada file robots.txt dimasukkan kode disallow untuk folder tertentu, isi folder tersebut tidak akan diindeks search engine, tetapi dapat muncul dalam
hasil pencarian, jika link ke halaman tersebut terdapat di halaman lain (termasuk referrer log). Untuk lebih jelasnya, lihat
tutorial robots.txt .

Jadi robots.txt dapat mencegah search engine mengindeks halaman tertentu tetapi bukan mengeblok pengunjung karena pengunjung tetap bisa membukanya jika tahu URL-nya.
Saran Google:

Untuk halaman-halaman sensitif gunakan proteksi keamanan tidak cuma robots.txt misalnya htaccess.

Kesalahan umum yang perlu dihindari dalam SEO:

Mengijinkan search result terindeks search engine.
Mengijinkan halaman-halaman yang mirip terindeks search engine.
Mengijinkan URL dari proxy server terindeks search engine.

10. Menggunakan atribut nofollow

Membuat atribut rel=”nofollow” pada link akan memerintahkan search engine untuk tidak memberikan ‘reputasi’ dari halaman Anda ke halaman yang dituju. Di mata search engine, sebuah link ke halaman lain akan meningkatkan ‘reputasi’ halaman yang dituju. Semakin tinggi ”reputasi’, maka semakin baik pula posisi halaman
tersebut pada search engine.

Nofollow dapat diletakkan sebagai atribut sebuah link (rel=”nofollow”) atau berlaku untuk keseluruhan halaman jika diletakkan pada head (<meta name=”robots” content=”nofollow”>)
Saran Google:

Menggunakan atribut nofollow pada link-link yang dibuat bebas oleh
pengunjung, seperti komentar blog, buku tamu, referrer list, forum, dsb.

Kesalahan umum yang perlu dihindari dalam SEO:

Tanpa menggunakan atribut nofollow, blog atau web Anda rawan
terdapat link SPAM, link ke halaman SPAM dapat menurunkan ‘reputasi’ web
Anda.

11. Promosi web dengan benar

Dengan konten yang baik, link akan terbangun dengan sendirinya, karena orang akan cenderung menuliskannya pada blog atau web sebagai referensi, dibahas, atau dengan sukarela meletakkan link web Anda ke dalam blogroll. Meskipun konten adalah hal
yang utama, tidak ada salahnya melakukan promosi web atau blog Anda.
Saran Google:

Membuat
blog tentang berita dan layanan perusahaan Anda.
Jangan lupakan promosi
offline seperti poster, kartu nama, dan sebagainya.
Jika Anda sedang bisnis dengan target pasar lokal, promosikan di Google Local Business Centre .
Bergabung dengan komunitas yang mendukung promosi web Anda.

Kesalahan umum yang perlu dihindari dalam SEO

Promosi hal-hal kecil yang tidak efesien.
Bergabung dengan program pertukaran link yang direkayasa (seperti
skema piramida).
Membeli link atau teknik-teknik lain yang tidak sewajarnya.

Sumber : yoyoxcomputer.wordpress.com

Masuk SandBox Lagi

noreply@blogger.com (noedj) — Mon, 28 Jun 2010 07:41:00 +0000

Wah kayaknya blog ku tercinta ini masuk Google SandBox Lagi..
Pengunjung turun drastis, wah ga tau harus ngapain lagi. kemaren sih sempat masuk Google SandBox, tapi cuma 3 harian. yang aku lakuin cuma koment di beberapa blog dengan pr tinggi seperti seperti blog-nya kang rohman.

yah mau apa lagi emang udah masuk Google SandBox, jadilah beberapa keyword-ku ilang dari pencarian google...

Blogger Indonesia dukung internet aman, sehat & manfaat

noreply@blogger.com (Nuedges) — Sun, 27 Jun 2010 17:59:00 +0000

"Blogger Indonesia dukung internet aman, sehat & manfaat" setelah menunggu selama 2 harian akhirnya keluar juga kata kunci untuk Kontes SEO BEM FASILKOM UMB 2010. Well... setelah di pikir-pikir susah juga ya menulis dengan kata kunci yang telah di tentukan. apa lagi kalau kata kunci-nya " Blogger Indonesia dukung internet aman, sehat & manfaat ". yah tapi tidak apalah, kita sebagai blogger indonesia memang harus selalu mendukung program Blogger Indonesia dukung internet aman, sehat & manfaat apa lagi ini program yang berhubungan dengan internet sehat, aman dan manfaat. toh pada kenyataanya kita-kita juga yang menggunakan internet kan?? ya kalau internet di indonesia aman & sehat, tentu saja banyak manfaat nya buat kita para blogger di indonesia. makanya kita sebagai blogger wajib mendukung program "Blogger Indonesia dukung internet aman, sehat & manfaat". Pertanyaanya apakan blogger indonesia sudah mendukung program "Blogger Indonesia dukung internet aman, sehat & manfaat" ??Hayooo ngaku sudah pada mendukung program "Blogger Indonesia dukung internet aman, sehat & manfaat" belum??

Karena saya harus menulis dan tentu saja mendukung (sebagai seorang blogger indonesia tentunya) tentang Blogger Indonesia dukung internet aman, sehat & manfaat dan kebetulan blog saya ini tentang TUTORIAL, TIPS DAN TRIK maka yang pertama akan saya lakukan adalah membagi tips dan trik tentang apa dan bagaimana internet yang aman, sehat & manfaat terutama bapak-bapak atau ibu-ibu yang memiliki anak yang masih yang masih di bawah umur. agar anak-anak-nya bisa tetap ber internetan denga aman & sehat.

Tips internet sehat yang akan saya kemukakan sebernarnya bukan hal yang baru. saya dapat ketika menonton acara barometer di sctv. dalam acara itu (yang membahas tentang video mesum yang "diduga" dilakukan ariel peterpan dan luna maya) ada seorang Blogger Indonesia dukung internet aman, sehat & manfaat, full time blogger tepatnya ( saya lupa namanya ) yang mengemukakan bahwa sekarang ada sebuah program baru di internet yang membahas tentang internet sehat. kemudian dia juga berbagi tips yang krang lebih seperti ini :

Bahwa agar internet di indonesia bisa tetap aman, sehat & manfaat maka sebenarnya kita bisa memblokir situs-situs yang ada di internet. caranya ialah menggunakan browser firefox. caranya : masuk ke https://addons.mozilla.org/en-US/firefox/ kemudian ketik " parental control " maka akan tersedia banyak add on yang bisa mem-block situs-situs yang tentu saja tidak aman, sehat & manfaat bagi putra-putri anda. anda tinggal pilih mana yang paling ber manfaat dan sesuai dengan umur putra-putri anda.

Eh tapi bagaimana kalau anak kita ke warnet ya?? yah menurut aku sih kita harus percaya pada pengelola warnet agar bisa mendukung Blogger Indonesia dukung internet aman, sehat & manfaat. Karena memang saya akui saat ini jika kita ke warnet pada jam pulang sekolah, maka warnet atau game online akan penuh dengan anak-anak usia dini/usia SD. Bayangkan saja jika anak-anak seusia itu sudah kenal dengan internet, yang nota bene begituan adalah bebas...(~~kok palah curhat~~) tentu saja masalah ini sudah diluar kemampuan kita untuk mengaturnya. tapi sebagai seorang blogger indonesia tentu saja kita bisa mendukung internet aman, sehat & manfaat dengan tidak mengotori blog-blog yang dibuat oleh blogger indonesia dengan hal-hal yang tentu saja akan mengotori internet... masa kita sebagai blogger indonesia masa kini, mau disebut sebagai perusak moral bangsa??

Kamu Mau?? Kalau aku sih ga... cukup si " penyayi bertopeng " saja yang di cap kaya gitu... (~~beiby maluuuu~~)

Happy blogging...
Selamat ber internet aman & sehat, dan rasakan manfaat -nya bagi generasi kita kini dan nanti...
Salam Blogger Indonesia...

search link

Kata kunci untuk halaman ini:

Blogger Indonesia dukung internet aman, sehat & manfaat, Blogger Indonesia dukung internet aman, sehat & manfaat, Blogger Indonesia dukung internet aman, sehat & manfaat, internet aman dan sehat, tips dan trik internet sehat, tips dan trik internet aman, tips dan trik manfaat internet, manfaat internet untuk anak di bawah umur

CARA MEMPERCEPAT KONEKSI HAIER C700

noreply@blogger.com (Nuedges) — Sun, 27 Jun 2010 14:21:00 +0000

Bagi kamu pemakai hape modem smart haier C700 dan kamu merasa modem kamu kurang kenceng?? dan kamu ingin mempercepat koneksi modem smart haier C700 kamu??. kamu bisa coba beberapa trik mempercepat modem smart C700 berikut ini :

1. Pertama kamu harus pastikan driver modem smart haier C700 kamu ter instal dengan benar. untuk tahu cara menginstal driver modem smart haier C700 dengan benar, silahkan kilik di www.smart-telecom.co.id

2.Rubah Bandwith limit” ke 0% caranya :

tekan tombol [Windows] + [R] atau menu [Start - Run] kemudian ketik gpedit.msc
buka folder Computer Configuration – Administrative Templates – Network – QoS Packet Scheduler klik dua kali pada Limit reservable bandwith Properties klik pada pilihan enable dan pada Bandwith limit rubahlah ke 0%.

3.Yang paling terkenal tentu saja merubah pengaturan pada koneksi modem smart haier C700 yaitu mengubah username, password, dan dial number. Perubahan yang dihasilkan bisa berbeda-beda pada setiap setingan. Berikut adalah beberapa setingan modem smart haier C700 yang bisa anda coba:

1 (setingan default smart haier C700)
Username : smart
Password : smart
dial no. : #777
2
Username : cdma
Password : cdma
dial no. : #777
3
Username : smart
Password : smart
dial no. : *31*11111#

4
Username : cdma
Password : cdma
dial no. : *31*11111#

5
Username : wap
Password : wap
dial no. : *31*11111#
6
Username : telkom
Password : telkom
dial no. : 080989999

untuk mengetahui setingan mana yang pailing cepat silahkan test kecepatan internet anda di speedtest.net (klo dah tau yang mana yang paling cepat kasih tau ya??? heheheh)

4.Gunakan Cfosspeed. Cfosspeed adalah software yang berfungsi untuk meningkatkan kegiatan browsing anda sampai dengan 4 kali lipat. untuk mengetahui lebih jauh tentang Cfosspeed silahkan baca artikel Free Download CfosSpeed+Crack

5.Jika anda di tempat yang jauh dari jangkauan sinyal smart, ada baiknya anda menggunakan antena penerima sinyal smart yang berguna untuk meningkatkan penerimaan sinyal modem smart haier C700. salah satu yang paling gampang dan mumpuni untuk meningkatkan penerimaan sinyal modem smart haier C700 adalah antena Bazzoka. saya menyarankan anda menggunakan antena Bazzoka Karena antena itu mudah di buat dan murah. untuk mengetahui lebih jauh tentang Antena Bazzoka silahkan baca artikel Menbuat Antena BAZZOKA

6.ada baiknya kita meng-otak-atik sedikit firefox kita. karena kecepatan browsing suatu modem sebenernya sangat tergantung dengan os hardware dan browser kita. untuk tau cara-cara mempercepat firefox kita anda bisa membaca artikel Speed Up Your FireFox Browser
Begitulah beberapa cara untuk mempercepat koneksi internet pada modem smart haier C700.
semoga internet di indonesia semakin cepat dan murah

Sumber : safril.wordpress.com

Kata kunci untuk halaman ini:

modem smart haier C700, smart haier C7000, haier C700, mempercepat koneksi modem, mempercepat koneksi internet, driver modem smart haier C700, mengubah username, password, dan dial number, dial number smart haier C700, meningkatkan penerimaan sinyal modem smart

Mengosongkan Judul Widget

noreply@blogger.com (Nuedges) — Sun, 27 Jun 2010 03:50:00 +0000

Akhir akhir ini blogger menambah sesuatu pada sistemnya. sehingga kita wajib mengisi judul pada widget yang kita ingin buat. kalau jaman dulu, kita tidak mperlu mengisi judul widget, sekarang jika kita tidak mengisi judul maka akan ada tulisan seperti

Kadang kita memang tidak ingin mengisi judul di widget kita, misal kita ingin membuat sebuah dropdown navbar, menggunakan widget. maka kita jelas tidak ingin mengisi judul widget kita. so ...

jika kita tidak ingin mengisi judul widget kita, maka yang kita harus lakukan adalah mengisinya dengan tulisan kurang lebih seperti di bawah ini. agar judul widget kita nantinya tidak terlihat di tampilan blog dan tidak mengganggu themplate kita.

jika di lihat maka tampilannya akan seperti ini...

Semoga bermanfaat...

Sumber : akhyar78.blogspot.com

Kata kunci untuk halaman ini:

Blogger menambah sesuatu pada sistem, Mengosongkan Judul Widget, Mengisi judul pada widget yang kita ingin buat, kita tidak mengisi judul, dropdown navbar, menggunakan widget, judul berubah ubah, judul widget kita nantinya tidak terlihat di tampilan blog, judul widget tidak mengganggu themplate, Menghilangkan Judul Widget, Menghilangkan Judul Widget Tertentu di Blogger

Judul di Tab Berubah-Ubah Sesuai Judul Postingan

noreply@blogger.com (Nuedges) — Sat, 26 Jun 2010 08:38:00 +0000

Saya nulis tentang tutorial ini karena ada yang bertanya : "Mas noe... kalau saya buka Blog-nya mas Noe, kok judul tab yang ada di bagian atas browser saya selalu ber ubah mengikuti judul postingan yang sedang saya buka ya??"

Nah karena ada pertanyaan seperti itu maka saya menulis tentang tutorial ini. saya sendiri bingung mau ngasih judul postingan kali ini apa, sebab saya tidak tau ini teh namanya apa, pokokya saya taunya setiap saya ganti judul postingan, judul pada bagian atas tab saya selalu ber ubah mengikuti judul postingan yang sedang di buka. sok atuh kamu pasti juga bingung mau nanya apa ma google...

okeh langsung aja :

pertama--tama masuk ke blogger dan masuk ke edit html. terus cari kode html seperti ini

<title><data:blog.pageTitle/></title>

biasanya terletak di atas kode <b:skin><![CDATA[
setelah kamu dapet kode di atas, kamu ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

nah sekarang simpan html mu
sok jobain berganti-ganti judul posting, pasti sekarang judul yang ada di tab kamu berubah - ubah sesuai dengan judul postingan kamu.

Kata kunci untuk halaman ini:

judul tab yang ada di bagian atas browser saya selalu ber ubah mengikuti judul postingan, judul tab ber ubah mengikuti judul postingan, judul tab di bagian atas browser ber ubah mengikuti judul postingan, judul pada bagian atas tab, mengganti judul sesuai judul posting, judul berubah ubah, mengubah judul tab, mengganti judul tab dengan judul postingan, mengikuti judul postingan yang sedang saya buka

Menjadi Nomor Satu di Google

noreply@blogger.com (noedj) — Wed, 23 Jun 2010 12:55:00 +0000

Menjadi nomor 1 di Google merupakan salah satu target yang diinginkan para blogger. Mengapa? Pertama, Google adalah mesin pencari yang paling banyak digunakan orang di seluruh dunia sehingga peluang menjaring pengunjung semakin besar. Kedua adalah prestise (gengsi).

Tak heran muncul istilah search engine optimization (SEO) yaitu upaya yang dilakukan untuk mengoptimisasi blog atau situs agar posisinya relatif baik di mesin pencari. Upaya ini dibagi menjadi dua yaitu optimisasi dalam blog (SEO on page) dan optimisasi off page (SEO off page). Pada postingan ini saya berbagi trik-trik yang saya lakukan untuk menjadikan blog atau postingan saya menempati posisi nomor satu di Google.

7 Trik Jadi Nomor 1 di Google

Trik yang saya lakukan sebagian besar sama dengan yang dilakukan oleh orang lain yaitu SEO on page dan SEO off page.

SEO On Page

SEO on page yang saya lakukan adalah:

1. Menggunakan Plugin SEO All in One Pack

Seperti yang Anda lihat pada screen shoot di atas, Google menampilkan judul dan deskripsi di hasil pencariannya. Jadi, masukkan 1-3 kata kunci yang Anda optimisasi. Pada blog wordpress.org, saya menggunakan plugin SEO All in One Pack. Plugin ini bisa digunakan untuk mengoptimasi judul dan deskripsi blog atau postingan.

2. Memasukkan kata kunci di paragraf pembuka postingan

Saya masukkan 1-2 kata kunci di setiap paragraf pembuka yang dibuat. Saya memasukkan kata kunci ini sealami mungkin agar tidak mengganggu pembaca dan dianggap spam.

3. Format sub judul postingan

Struktur tulisan yang sistematis bukan hanya disukai pembaca, namun disenangi pula sama “laba-laba” Google saat datang mengindeks suatu blog. Untuk tujuan ini, saya memformat sub judul bila postingan yang saya buat memerlukannya.

4. Link internal

Link internal adalah link yang dibuat untuk menautkan postingan dengan postingan sebelumnya. Bagaimana dampak link internal terhadap hasil penelusuran Google? Dalam pandangan saya hasilnya cukup bagus.

Saat mengikuti kontes SEO, saya membuat banyak link dengan kata kunci yang dibidik (anchor text) di hampir seluruh postingan yang saya buat. Hasilnya, postingan saya masuk 5 besar. Namun, cara ini kurang elegan karena link saya taruh di postingan yang tidak berhubungan dengan topik yang dibahas.

Saat ini, saya hanya membuat link internal ke postingan sebelumnya bila topiknya berkaitan. Selain bertujuan SEO, ini untuk memudahkan pembaca memperoleh informasi relevan di postingan sebelumnya.

5. Membeli domain berkata kunci

Ini saya lakukan di Problogkator. Domain berkata kunci sangat bagus dampaknya di hasil penelusuran mesin pencari.

SEO Off Page

SEO off page lebih dahsyat dampaknya dibanding SEO on page. Untuk melakukannya saya melakukan hal-hal berikut:

6. Membuat back link dari blog-blog yang saya miliki

Backlink ini saya buat di postingan, sidebar, footer, atau halaman blog. Sebagai contoh, postingan ini salah satunya membacklink ke Problogkator dengan anchor text jasa pembuatan blog.

7. Backlink dari Blog Lain

Backlink ini diperoleh jika blogger lain mereferensikan postingan atau blog yang saya miliki. Saya berusaha membuat postingan yang unik dan bermanfaat agar direferensikan oleh blogger lain. Selain itu, saya pernah membacklink Problogkator di salah satu postingan blogger tamu. Tentunya ini harus disesuaikan dengan persyaratan yang diijinkan oleh pemilik blog agar terlihat profesional.

Itulah trik-trik yang saya lakukan. Patut diingat, ini memerlukan waktu dan bergantung dari ketatnya kompetisi kata kunci yang dibidik. Saya perlu waktu 6 bulan untuk menjadikan Problogkator menjadi nomor satu di Google untuk kata kunci jasa pembuatan blog.

Semoga ketujuh trik ini bermanfaat bagi Anda yang memerlukannya.

Sumber: blogodolar.com

Kata kunci untuk halaman ini:

nomor 1 di Google, SEO Tips, SEO on page, SEO off page, trik-trik yang saya lakukan untuk menjadikan blog atau postingan saya menempati posisi nomor satu di Google, menempati posisi nomor satu di Google, trik-trik menempati posisi nomor satu di Google, e-book karya Brad Callen, E-book ini berisi dasar-dasar SEO, optimisasi blog, Membeli domain berkata kunci, Backlink dari Blog Lain