Belajar Cara Menampilkan Tanggal di PHP

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Udah tau cara nampilin tanggal di PHP? Kalo belum baca nih tutorialnya.</div> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Singkat tepat jelasss. Selamat membaca.</div> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Untuk menampilkan tanggal di halaman PHP kamu caranya gak susah kok. Kau bisa menggunakan fungsi date() dari PHP. Script sederhana berikut akan menampilkan “March 10, 2007″ :</div> <div> <div class="syntaxhighlighter php" id="highlighter_384895" style="background-color: white !important; font-size: 1em !important; margin-bottom: 1em !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 1em !important; overflow-x: auto !important; overflow-y: auto !important; position: relative !important; width: 582px;"> <div class="toolbar" style="background-attachment: initial !important; background-clip: initial !important; background-color: rgb(108, 226, 108) !important; background-image: initial !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-style: none !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-color: initial !important; border-color: initial !important; border-left-style: none !important; border-left-width: 0px !important; border-right-style: none !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-style: none !important; border-top-width: 0px !important; border-width: initial !important; border-width: initial !important; bottom: auto !important; color: white !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10px !important; font-style: normal !important; font-weight: normal !important; height: 11px !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: absolute !important; right: 1px !important; text-align: left !important; top: 1px !important; vertical-align: baseline !important; width: 11px !important; z-index: 10 !important;"> <a class="toolbar_item command_help help" href="http://prothelon.com/belajar/belajar-php-lanjutan/belajar-cara-menampilkan-tanggal-di-php#" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: white !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 1px !important; position: static !important; right: auto !important; text-align: center !important; text-decoration: none !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">?</a></div> <table border="0" cellpadding="0" cellspacing="0" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: lucida, verdana, sans-serif; font-size: 12px; font-style: normal !important; font-weight: normal; height: auto !important; left: auto !important; line-height: 17px; margin-bottom: 0px !important; margin-left: 10px; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 582px;"><tbody style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 1</div> <div class="line number2 index1 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 2</div> <div class="line number3 index2 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 3</div> <div class="line number4 index3 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 4</div> <div class="line number5 index4 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 5</div> <div class="line number6 index5 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 6</div> <div class="line number7 index6 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 7</div> </td><td class="code" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 552px;"><div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><?</code></div> <div class="line number2 index1 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> </div> <div class="line number3 index2 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code class="php variable" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$hari_ini</code> <code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= </code><code class="php functions" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(255, 20, 147) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">date</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="php string" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"F j, Y"</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div> <div class="line number4 index3 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> </div> <div class="line number5 index4 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code class="php functions" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(255, 20, 147) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">echo</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="php variable" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$hari_ini</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div> <div class="line number6 index5 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> </div> <div class="line number7 index6 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">?></code></div> </div> </td></tr> </tbody></table> </div> </div> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Gampang kan? Nah kalau pengen mengubah tampilan tanggalnya kamu cukup mengubah susunan parameter dalam date, misalnya kamu pengen tampilan tanggalnya jadi “2007 March 10″ maka kamu tinggal mengubah baris pertama menjadi seperti ini:</div> <div> <div class="syntaxhighlighter php" id="highlighter_52244" style="background-color: white !important; font-size: 1em !important; margin-bottom: 1em !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 1em !important; overflow-x: auto !important; overflow-y: auto !important; position: relative !important; width: 582px;"> <div class="toolbar" style="background-attachment: initial !important; background-clip: initial !important; background-color: rgb(108, 226, 108) !important; background-image: initial !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-style: none !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-color: initial !important; border-color: initial !important; border-left-style: none !important; border-left-width: 0px !important; border-right-style: none !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-style: none !important; border-top-width: 0px !important; border-width: initial !important; border-width: initial !important; bottom: auto !important; color: white !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10px !important; font-style: normal !important; font-weight: normal !important; height: 11px !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: absolute !important; right: 1px !important; text-align: left !important; top: 1px !important; vertical-align: baseline !important; width: 11px !important; z-index: 10 !important;"> <a class="toolbar_item command_help help" href="http://prothelon.com/belajar/belajar-php-lanjutan/belajar-cara-menampilkan-tanggal-di-php#" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: white !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 1px !important; position: static !important; right: auto !important; text-align: center !important; text-decoration: none !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">?</a></div> <table border="0" cellpadding="0" cellspacing="0" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: lucida, verdana, sans-serif; font-size: 12px; font-style: normal !important; font-weight: normal; height: auto !important; left: auto !important; line-height: 17px; margin-bottom: 0px !important; margin-left: 10px; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 582px;"><tbody style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-right-width: 3px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 0.5em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> 1</div> </td><td class="code" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 552px;"><div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-color: white !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 1em !important; padding-right: 1em !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code class="php variable" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$hari_ini</code> <code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= </code><code class="php functions" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: rgb(255, 20, 147) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">date</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="php string" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Y F j"</code><code class="php plain" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; border-bottom-left-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-top-width: 0px !important; bottom: auto !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-style: normal !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; min-height: inherit !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div> </div> </td></tr> </tbody></table> </div> </div> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Bereksperimenlah sendiri untuk lebih memahami ya.</div> <div style="margin-bottom: 6px; margin-left: 10px; margin-right: 0px; margin-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Kalau perlu parameter lengkapnya, misalnya perlu nampilin jam atau tahun dalam 2 angka kamu bisa lihat <a href="http://id2.php.net/manual/en/function.date.php" style="color: #0066cc; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: none;" target="_blank">di sini</a>.</div> </div>

Internet jQuery PHP SeputarBerita Tips'N'Trik Belajar Cara Menampilkan Tanggal di PHP

Udah tau cara nampilin tanggal di PHP? Kalo belum baca nih tutorialnya. Singkat tepat jelasss. Selamat membaca. Untuk menampilkan tang...

Read more »

Cara Membuat Email Domain Sendiri dengan Gmail

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Baiklah, saya akan menjelaskan langkah-langkah dalam membuat alamat email dengan menggunakan domain sendiri. Misalnya begini, kita mempunyai web/domain dengan alamat www.anasae.com, maka kita bisa memiliki alamat email dengan menggunakan domain tersebut. Jadi, nantinya kita memiliki alamat email: admin@anasae.com, info@anasae.com, webmaster@anasae.com, atau alamat-alamat lain yang sesuai dengan selera kita. Asik kan? </div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Tujuannya apa sih memiliki alamat email dengan domain berbayar atau domain sendiri? Kan caranya ribet? Kenapa ndak buat di Gmail atau Yahoo aja??? Kalau dibilang ribet sih ada benarnya juga, tapi itu hanya waktu setup awal saja karena setelah itu mudah sekali. Dan buanyak sekali manfaatnya, misalnya bagi sebuah perusahaan/merk dagang tentu saja akan menambah kepercayaan dan gengsi jika dilihat dari kacamata pembeli, calon customer atau rekan bisnisnya. Bagi seorang individu, paling nggak akan lebih keren lah </div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Nah, sebenernya banyak sekali cara yang bisa kita lakukan untuk memenuhi kebutuhan tersebut. Dan menurut saya, cara yang paling enak dan<i style="font-style: italic;"> full performance</i> adalah menggunakan Gmail. Loh, bukannya Gmail itu layanan email gratis dan beralamat blablabla@gmail.com??? Memang bener begitulah adanya  Tapi, kita juga bisa menggunakan engine Gmail tersebut dengan alamat domain kita. Jadi, nantinya dalam menulis atau menerima email, tampilannya sama persis dengan Gmail. Menarik kan? Selain tidak perlu lagi diperdebatkan kemampuannya, juga telah mendukung semua perangkat mobile.</div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Syarat yang pertama tentu saja mempunyai alamat web sendiri, saya ambil contoh<a href="http://www.anasae.com/" style="color: #c68d1a; text-decoration: none;">www.anasae.com</a> dan saya akan membuat alamat email admin@anasae.com. Langkahnya sebagai berikut:</div> <ol style="margin-bottom: 10px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px;"> <li>Mendaftar di <b style="font-weight: bold;">Google Apps</b>, dapat diakses di https://www.google.com/a/cpanel/standard/new3</li> <div align="center"> <div class="wp-caption aligncenter" id="attachment_469" style="width: 588px;"> <img alt="Gambar tampilan awal Google Apps" class="size-full wp-image-469" height="385" src="http://www.anasae.com/wp-content/uploads/2012/05/GoogleApps.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" title="Tampilan awal Google Apps" width="578" /><br /> <div class="wp-caption-text" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Tampilan awal Google Apps</div> </div> </div> <li>Masukkan alamat domain, alamat email yang diinginkan dan beberapa data lainnya yang dibutuhkan. Setelah itu klik tombol “<b style="font-weight: bold;">I accept! Create my account</b>“. Setelah itu, kita akan dihadapkan pada halaman Setup Google Apps. Kalau muncul kota dialog pilihan Express atau Custom, pilih Custom aja. Sebenernya saya belum pernah pilih Express, sepertinya sih lebih praktis</li> <li>Selanjutnya, kita berada pada menu “Verify domain ownership”, silahkan klik Next. Ada beberapa cara dalam proses verifikasi kepemilikan domain ini, mulai dari upload file yang disediakan, meta tag, google analytics, dll. Saya lebih suka upload file aja karena lebih mudah dan tingkat keberhasilan yang bisa dikatakan 100%. Terkadang kalau menggunakan metode meta tag sering tidak terdeteksi sehingga mengalami masalah. Jadi, silahkan download file yang disediakan dan ingat nama filenya jangan diubah, setelah itu upload ke hosting. Nantinya file tersebut terletak di www.anasae.com/lokasinamafileverifikasi. Kalau sudah, klik Verify dan setelah itu Continue.</li> <li>OK, sekarang langsung saja ke menu “Set up your apps” dan silahkan klik Next Next, centang pilihan Gmail aja, yang lainnya sementara tidak usah. Nah pada bagian “Direct mailflow to Google servers” dan kolom “Who is your domain host?” ada beberapa pilihan. Saya lebih suka memilih Other dan menyetingnya di Cpanl hostingan kita. Nanti kita akan mendapatkan setingan MX Records yang harus kita tambahkan di hostingan, seperti tampak pada gambar dibawah ini:</li> <div align="center"> <img alt="Gambar MX Records Gmail" class="aligncenter size-full wp-image-470" height="225" src="http://www.anasae.com/wp-content/uploads/2012/05/mx-records.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; border-bottom-color: initial; border-left: 1px solid rgb(218, 218, 218); border-right: 2px solid rgb(227, 227, 227); border-style: solid; border-top: 1px solid rgb(218, 218, 218); border-width: 1px 2px 2px 1px; margin: 5px auto; max-width: 98%; padding: 2px;" title="MX Records Gmail" width="578" /></div> <li>Sekarang kita masuk ke Cpanel untuk memasukkan MX records yang saya sebutkan diatas.</li> <li>Setelah login Cpanel, pilih menu MX Entry pada menu Mail. Pilih nama domain yang akan disetup. Hapus MX Records yang ada dan isikan MX Records yang disediakan oleh Google Apps tadi.</li> <div align="center"> <div class="wp-caption aligncenter" id="attachment_471" style="width: 588px;"> <img alt="Gambar MX Entry Cpanel" class="size-full wp-image-471" height="386" src="http://www.anasae.com/wp-content/uploads/2012/05/mx-entry-cpanel.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" title="MX Entry Cpanel" width="578" /><br /> <div class="wp-caption-text" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Letak menu MX Entry pada Cpanel</div> </div> </div> <div align="center"> <div class="wp-caption aligncenter" id="attachment_472" style="width: 588px;"> <img alt="Gambar tampilan hasil edit MX Records" class="size-full wp-image-472" height="334" src="http://www.anasae.com/wp-content/uploads/2012/05/mx-records-destination.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" title="Tampilan hasil edit MX Records" width="578" /><br /> <div class="wp-caption-text" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> MX Records setelah di edit</div> </div> </div> <li>Kalau sudah, kita kembali ke Google Apps lagi dan silahkan lanjutkan klik Next pada menu Setup Gmail tadi. Sampai ada pertanyaan “Did you change your MX records?”, pilih Yes dan Next. Akan ada pemberitahuan kalau efek dari proses penggantian ini akan mulai aktif setelah 48 jam, meskipun biasanya bisa langsuung digunakan juga. Klik Next aja.</li> <li>Nanti, untuk mengakses email melalui web browser bisa dengan menggunakan alamat http://mail.google.com/a/anasae.com. Silahkan dicoba, nanti akan masuk ke tampilan Gmail tetapi yang login adalah alamat email yang telah kita buat tadi.</li> <li>Sampai disini, kita sudah memiliki alamat email dengan domain kita. Meskipun sudah bisa mengakses halaman Gmailnya, kita harus tunggu dulu hingga proses penggantian MX Records-nya selesai sepenuhnya.</li> </ol> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Sangat mudah sekaligus ribet bukan?? <img alt=":mrgreen:" class="wp-smiley" src="http://www.anasae.com/wp-includes/images/smilies/icon_mrgreen.gif" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Ok, sebenernya masih ada yang mengganjal dihati. Yaitu alamat web address yang agaknya ribet, yaitu: http://mail.google.com/a/anasae.com. Nah, sekarang kita ubah saja biar lebih simple menjadi mail.anasae.com. Langkah-langkahnya:</div> <ol style="margin-bottom: 10px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px;"> <li>Silahkan masuk lagi ke Google Apps.</li> <li>Pilih menu Setting dan pilih menu Email, selanjutnya klik “Change URL”. Pilih alamat yang diinginkan, misalnya http://mail.anasae.com, klik Continue.</li> <li>Nanti kita akan dihadapkan pada halaman “Changing CNAME record”. Jadi, sekarang kita edit CNAME record di cpanel hostingan</li> <li>Masuk ke Cpanel lagi ya dan pilih “Advanced DNS Zone Editor” pada menu Domain.</li> <div align="center"> <div class="wp-caption aligncenter" id="attachment_473" style="width: 516px;"> <img alt="Gambar Menu Advanced DNS Zone Editor" class="size-full wp-image-473" height="216" src="http://www.anasae.com/wp-content/uploads/2012/05/advanced-dns-zone-editor.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" title="Menu Advanced DNS Zone Editor" width="506" /><br /> <div class="wp-caption-text" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Letak Menu Advanced DNS Zone Editor</div> </div> </div> <li>Nah, dibagian “Zone File Records” silahkan edit pada “mail.anasae.com”. Isikan “ghs.google.com” pada bagian CNAME</li> </ol> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Alhamdulillah selesai juga semua prosesnya. Beberapa catatan yang mungkin berguna adalah sbb:</div> <ul style="list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://www.anasae.com/wp-content/themes/Curious/images/icon_bullet.gif); background-origin: initial; background-position: 0% 4px; background-repeat: no-repeat no-repeat; padding-bottom: 5px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">Kapasitas yang tersedia hanya 7GB, kalau mau lebih kita harus bayar. Maaf, saya lupa biayanya dan kapasitas yang didapat.</li> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://www.anasae.com/wp-content/themes/Curious/images/icon_bullet.gif); background-origin: initial; background-position: 0% 4px; background-repeat: no-repeat no-repeat; padding-bottom: 5px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">Seperti saya jelaskan tadi, langkah2nya memang rada ribet. Tetapi setelah semuanya sukses maka kedepannya akan sangat mudah dalam mengakses email kita ini.</li> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://www.anasae.com/wp-content/themes/Curious/images/icon_bullet.gif); background-origin: initial; background-position: 0% 4px; background-repeat: no-repeat no-repeat; padding-bottom: 5px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">Total alamat email yang bisa digunakan maksimal 10, kalau mau lebih sekali lagi kita harus bayar <img alt=":mrgreen:" class="wp-smiley" src="http://www.anasae.com/wp-includes/images/smilies/icon_mrgreen.gif" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></li> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://www.anasae.com/wp-content/themes/Curious/images/icon_bullet.gif); background-origin: initial; background-position: 0% 4px; background-repeat: no-repeat no-repeat; padding-bottom: 5px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">Meskipun kita sudah bisa mengakses halaman web mail kita dengan alamat mail.anasae.com, tetapi jika proses ini belum sepenuhhnya selesai (48jam) maka kita tidak bisa mengirim atau menerima email.</li> </ul> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Sekian tutorialnya ya, semoga bermanfaat <img alt=":)" class="wp-smiley" src="http://www.anasae.com/wp-includes/images/smilies/icon_smile.gif" style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(218, 218, 218); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(218, 218, 218); border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 98%; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <br /></div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <br /></div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <span class="Apple-style-span" style="font-size: xx-small;">copyright@<a href="http://www.anasae.com/cara-membuat-email-domain-sendiri-dengan-gmail.html" target="_blank"><i><b>Anasae</b></i></a></span></div> </div>

Blogger Internet SeputarBerita Tips'N'Trik Cara Membuat Email Domain Sendiri dengan Gmail

Baiklah, saya akan menjelaskan langkah-langkah dalam membuat alamat email dengan menggunakan domain sendiri. Misalnya begini, kita mempuny...

Read more »

Cara Bikin Menu Drop Down Keren Di Blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRU5YshS161DgCo8LTKYPNOqbo7mU2HrMDqD7ITtUDmNMWUN0vA6yAM8hIxnMDqalDJ_nupiR57QL3wMWkysczUwXkcngktRyxPlSceKPgXrqWQsPHUjruKCbGtCR93Q0SIctVUWrzrbs/s1600/Untitled.png" imageanchor="1" style="color: #771100; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRU5YshS161DgCo8LTKYPNOqbo7mU2HrMDqD7ITtUDmNMWUN0vA6yAM8hIxnMDqalDJ_nupiR57QL3wMWkysczUwXkcngktRyxPlSceKPgXrqWQsPHUjruKCbGtCR93Q0SIctVUWrzrbs/s640/Untitled.png" style="border: none; position: relative;" width="640" /></a></div> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Eitssss lihat dulu gambar diatas... Heeeyyy!!! liatnnya biasa aja dunk. hehehe.... yaa... kira-kira seperti diatas menu dropdown yang akan kita buat saudara... ^_^ </span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Okee next, karena sering mendapat pertanyaan dari saudara blogger tentang cara membuat menu dibawah nama blog</span><i style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> alias</i><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #333333;"> menu drop down yang saya pake di blog Bosen Gaptek ini, sekarang saya akan berikan cara untuk membuat menu drop down yang tentunya lebih keren dari blog saya ini.. hehehe,,  langsung saja simak</span><span style="color: #783f04;"> </span></span><b style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #783f04;">Cara Bikin Menu Drop Down Keren Di Blog</span></b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> di bawah ini....</span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Seperti biasa, langkah yang pertama yaitu login dulu ke akun blogger anda..</span><br /> <span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #333333;">kemudian  pilih </span><b><span style="color: #38761d;">Rancangan>>Edit HTML>></span></b><span style="color: #333333;"> Centang </span></span><b style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #783f04;">Expand Template Widget</span></b><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2jeY0NkzeY5f3utpXvta2lEDzVNP6m24td_88QPDkt-dW_VzVq57gdSL1zpSIfVPNbUjoBrjUAYItPBVxRskPN6y9TDWl_5vVU6sxCHJwEnBUUN3VQmSnqLd5sRxEMrORu56Hmhg5GE8/s1600/Untitled.jpg" imageanchor="1" style="color: #771100; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2jeY0NkzeY5f3utpXvta2lEDzVNP6m24td_88QPDkt-dW_VzVq57gdSL1zpSIfVPNbUjoBrjUAYItPBVxRskPN6y9TDWl_5vVU6sxCHJwEnBUUN3VQmSnqLd5sRxEMrORu56Hmhg5GE8/s400/Untitled.jpg" style="border: none; position: relative;" width="400" /></a></div> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Download/backup dulu template anda untuk menghindari kesalahan pada pengeditan ,Kemudian cari kode </span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">]]></b:skin></b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">,lalu copy dan paste kode dibawah ini tepat di atas kode </span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">]]></b:skin> :</b><br /> <b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></b> <br /> <table border="1" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><tbody> <tr><td width="1%">.nav {<br /> height:35px;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_h9ZXX__MSEEDcAPD4CwOPSzaJ2rRdKOdMDrM62zorHfVu3Uqg3H37KKB5OhRMh2ZK2cDHrnegkl6ZKzOj0XEMwYlhGKK4bOro_C3BP55dMR_zmSYjBrjFtE-2SrYivFoBuCV0t-O7Tw/s1600/bg.gif) repeat-x;<br /> position:relative;<br /> font-family:arial, verdana, sans-serif;<br /> font-size:11px;<br /> width:100%;<br /> z-index:100;<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> .nav .table {<br /> display:table;<br /> margin:0 auto;<br /> }<br /> <br /> .nav .select,<br /> .nav .current {<br /> margin:0;<br /> padding:0;<br /> list-style:none;<br /> display:table-cell;<br /> white-space:nowrap;<br /> }<br /> <br /> .nav li {<br /> margin:0;<br /> padding:0;<br /> height:auto;<br /> float:left;<br /> }<br /> <br /> .nav .select a {<br /> display:block;<br /> height:35px;<br /> float:left;<br /> font-weight:bold;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_h9ZXX__MSEEDcAPD4CwOPSzaJ2rRdKOdMDrM62zorHfVu3Uqg3H37KKB5OhRMh2ZK2cDHrnegkl6ZKzOj0XEMwYlhGKK4bOro_C3BP55dMR_zmSYjBrjFtE-2SrYivFoBuCV0t-O7Tw/s1600/bg.gif);<br /> padding:0 30px 0 30px;<br /> text-decoration:none;<br /> line-height:35px;<br /> white-space:nowrap;<br /> color:#2b3238;<br /> }<br /> <br /> <br /> .nav .select a:hover,<br /> .nav .select li:hover a {<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDVg0pmU7dX7g2fSAJrFNgcyiztFascqKTKKDIaezYhJtOCT7RGqVIz5kQSXUUt1FE0WQ6txwp4yNewqIfjUrlZdi5Hlkxg3xmaQyiRWhEUzfuzdUm6gFJVz9Xpz-VSOg3yTdcCC3bNQ/s1600/hover.gif);<br /> padding:0 0 0 15px;<br /> cursor:pointer;<br /> color:#2b3238;<br /> }<br /> <br /> .nav .select a b{<br />     font-weight:bold;<br />     }<br /> <br /> .nav .select a:hover b,<br /> .nav .select li:hover a b {<br /> display:block;<br /> float:left;<br /> padding:0 30px 0 15px;<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDVg0pmU7dX7g2fSAJrFNgcyiztFascqKTKKDIaezYhJtOCT7RGqVIz5kQSXUUt1FE0WQ6txwp4yNewqIfjUrlZdi5Hlkxg3xmaQyiRWhEUzfuzdUm6gFJVz9Xpz-VSOg3yTdcCC3bNQ/s1600/hover.gif) right top;<br /> cursor:pointer;<br /> }<br /> <br /> .nav .select_sub {<br /> display:none;<br /> }<br /> <br /> /* IE6 only */<br /> .nav table {<br /> border-collapse:collapse;<br /> margin:-1px;<br /> font-size:1em;<br /> width:0;<br /> height:0;<br /> }<br /> <br /> .nav .sub {<br /> display:table;<br /> margin:0 auto;<br /> padding:0;<br /> list-style:none;<br /> }<br /> <br /> .nav .sub_active .current_sub a,<br /> .nav .sub_active a:hover {<br /> background:transparent;<br /> color:#2b3238;<br /> }<br /> <br /> .nav .select :hover .select_sub,<br /> .nav .current .show {<br /> display:block;<br /> position:absolute;<br /> width:100%;<br /> top:35px;<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Zkhqae3Z3I2Sg9FzoYl51tf_1rRTaXrMiauWawLB-1gGpIvrKDCoS2qs-lEOIRpXYsfd5qd3JPpoqGGgUOTACc8x8YAPl4ahqJufl8nQS4FLNDMKTLLSQ7aBjkYlsVseC_2BRb0C6M0/s1600/back.gif);<br /> padding:0;<br /> z-index:100;<br /> left:0;<br /> text-align:center;<br /> }<br /> <br /> .nav .current .show {<br /> z-index:10;<br /> }<br /> <br /> .nav .select :hover .sub li a,<br /> .nav .current .show .sub li a {<br /> display:block;<br /> float:left;<br /> background:transparent;<br /> padding:0 10px 0 10px;<br /> margin:0;<br /> white-space:nowrap;<br /> border:0;<br /> color:#2b3238;<br /> }<br /> <br /> .nav .current .sub li.sub_show a {<br /> color:#2b3238;<br /> cursor:default;<br /> }<br /> <br /> .nav .select .sub li a {<br />     font-weight:normal;<br /> }<br /> <br /> .nav .select :hover .sub li a:hover,<br /> .nav .current .sub li a:hover {<br /> visibility:visible;<br /> color:#73a0d2;<br /> }</td></tr> </tbody></table> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Setelah itu simpan template anda.</span><br /> <span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #333333;">Masuk ke bagian </span><b><span style="color: #6aa84f;">Rancangan>>Elemen Laman>>Tambah Gadget>>HTML/Java Script</span></b><span style="color: #333333;">.</span></span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9rYMuXH6wIA9vIaYmSqbrW3M6KSFluNgkgticxPP1toMgPAJoYPRi3eW7njB_8uoPbe9SrUWPcO9wmJc7apEa7PgITeXaDJjYZoXuH0GIqjbrFGQCiClvW3PFNlWmPTJ3-DDTCUMdqBQ/s1600/Untitled.png" imageanchor="1" style="color: #771100; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9rYMuXH6wIA9vIaYmSqbrW3M6KSFluNgkgticxPP1toMgPAJoYPRi3eW7njB_8uoPbe9SrUWPcO9wmJc7apEa7PgITeXaDJjYZoXuH0GIqjbrFGQCiClvW3PFNlWmPTJ3-DDTCUMdqBQ/s200/Untitled.png" style="border: none; position: relative;" width="200" /></a></div> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Kemudian </span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><b>copy</b></span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: #333333;"> dan </span><b style="color: #333333;">pastekan</b><span style="color: #333333;"> kode dibawah ini kedalam </span><b><span style="color: #999999;">HTML/Java Script</span></b><span style="color: #333333;"> tersebut</span></span><br /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">:</span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <table border="1" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><tbody> <tr><td width="1%"><div class="nav"><br /> <div class="table"><br /> <br /> <ul class="select"><li><a href="<span style="color: red;">#</span>"><b>Bosen Gaptek</b></a></li></ul><br /> <br /> <ul class="select"><li><a href="<span style="color: red;">#</span>"><b>Bosen Gaptek</b></a><br /> <div class="select_sub"><br />     <ul class="sub"><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />     </ul><br /> </div><br /> </li><br /> </ul><br /> <br /> <ul class="select"><li><a href="<span style="color: red;">#</span>"><b>Bosen Gaptek</b></a><br /> <div class="select_sub"><br />     <ul class="sub"><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />     </ul><br /> </div><br /> </li><br /> </ul><br /> <br /> <br /> <ul class="select"><li><a href="<span style="color: red;">#</span>"><b>Bosen Gaptek</b></a><br /> <div class="select_sub"><br />     <ul class="sub"><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />     </ul><br /> </div><br /> </li><br /> </ul><br /> <br /> <br /> <ul class="select"><li><a href="#"><b>Sample Menu</b></a><br /> <div class="select_sub"><br />     <ul class="sub"><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />         <li><a href="<span style="color: red;">#</span>">Gaptek</a></li><br />         <li><a href="<span style="color: red;">#</span>">Bosen</a></li><br />     </ul><br /> </div><br /> </li><br /> </ul><br /> <br /> </div><br /> </div></td></tr> </tbody></table> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Ganti kode " </span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: red;">#</span></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> "dengan alamat URL yang akan ditujukan</span><br /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Ganti "</span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Bosen Gaptek</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">", "</span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Bosen</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">", "</span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Gaptek</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">", sesuai dengan kebutuhan anda...</span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Setelah itu simpan, dan lihat tampilan blog baru anda, dengan menu dropdown yang kereeen dan machaaaan.... hehehehe.. sangat mudah bukan ? okee saudaraa cukupp sekian informasi dari saya semoga bermanfaat... selamat mencoba dan semoga sukses...!!</span><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <br /> <b><span class="Apple-style-span" style="color: #660000;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><marquee><blink>Contoh nya Sperti Menu Gw yang Diatas ., Keren kan, Jika Ingin Ikuti aja Tutor Nya Dijamin Gk akan FAILED deh.... Sipp</blink></marquee></span></span></b><br /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /> <div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"> <span style="font-size: medium;"><b>Jangan lupa juga tinggalkan komentar anda pada kotak di bawah yaa..... ^_^</b></span></div> </div>

Blogger CSS HTML Javascript jQuery MenuBLog SeputarBerita Tips'N'Trik Cara Bikin Menu Drop Down Keren Di Blog

Eitssss lihat dulu gambar diatas... Heeeyyy!!! liatnnya biasa aja dunk. hehehe.... yaa... kira-kira seperti diatas menu dropdown yang a...

Read more »

Cara membuat menu navigasi horizontal dropdown keren di blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="background-color: white; clear: both; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuh_eIoOoaysg1Yl1yudkFfnI9lXYavpp-VK0KhoARCt-HvHTnz4i1UDJKyASyyBHtTKP6HRpesjDnnp-uz3ERZBkRWwf0ETqGR24K4BqxXOxqRTYEGopmNh0xmUI6V5slXa1L21H50ag/s320/drop+down+massive.jpg" imageanchor="1" style="color: #101aa2; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuh_eIoOoaysg1Yl1yudkFfnI9lXYavpp-VK0KhoARCt-HvHTnz4i1UDJKyASyyBHtTKP6HRpesjDnnp-uz3ERZBkRWwf0ETqGR24K4BqxXOxqRTYEGopmNh0xmUI6V5slXa1L21H50ag/s320/drop+down+massive.jpg" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: none; margin: 0px 4px 4px 0px; padding: 0px;" /></a></div> <div class="separator" style="background-color: white; clear: both; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px;"> <span style="font-family: inherit;"><br /></span></div> <div class="separator" style="background-color: white; clear: both; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px;"> <span style="font-family: inherit;">Hai sobat blogger ! sudah lama tak berjumpa ya, hampir 1 bulan saya tidak mengupdate isi postingan di blog ini, hampir sebulan itu saya mendapat kendala besar yang membuat saya jarang update. Saya memohon maaf untuk hal itu. Oke , kali ini saya akan berbagi ilmu tutorial blogging yang cukup keren sobat . Sesuai judulnya, kali ini saya akan membuat menu navigasi yang pernah saya pakai di blog ini atau bisa lihat sendiri pada gambar yang saya pasang diatas. Menu navigasi ini telah saya modifikasi sedemikian rupa sehingga menjadikannya keren dan elegan.. Bagaimana ? tertarik untuk membuatnya ? langsung saja kalau begitu kita simak dan bahas tutorialnya bersama-sama.</span></div> <div style="background-color: white; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px;"> <span style="font-family: inherit;"><br /></span></div> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">1.) Baca Basmallah</span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">2.) Masuk ke akun blogger sobat</span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">3.) Masuk ke <b>Dashboard > Template > Edit Html > Lanjutkan</b></span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">4.) Centang tanda <label for="expand-widget" style="background-color: white; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: red;"><i><b>Expand Template Widget</b></i></span></label></span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">5.) Lalu cari kode <b>[[></b:skin></b></span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">6.) Jika sudah ketemu, masukkan kode dibawah ini tepat diatas kode <b>[[></b:skin></b></span><br /> <div style="background-color: white; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px;"> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;">Kode </span></i><input style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> </div> </div> </div> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">7.) Simpan Template<br />8.) Buka <b>Tata Letak > Tambah Gadget > Html/Javascript</b></span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">9.) Masukkan kode berikut di form Konten yang tersedia </span><br /> <div style="background-color: white; color: #606052; font-family: Georgia, 'Times New Roman Times', serif; font-size: 12px; line-height: 20px;"> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;">Kode </span></i><input style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> </div> </div> </div> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">11.) </span><span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">Ganti </span><span style="background-color: white; color: lime; font-family: inherit; font-size: 12px; line-height: 20px;"># </span><span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">dengan URL yang akan dituju</span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">Ganti <span style="color: red;">Nama Link </span>dengan nama yang akan ditampilkan dalam menu.</span><br /> <span style="background-color: white; color: #606052; font-family: inherit; font-size: 12px; line-height: 20px;">14.) Simpan dan lihat hasilnya</span> </div>

Blogger CSS HTML Javascript jQuery MenuBLog SeputarBerita Tips'N'Trik Cara membuat menu navigasi horizontal dropdown keren di blog

Hai sobat blogger ! sudah lama tak berjumpa ya, hampir 1 bulan saya tidak mengupdate isi postingan di blog ini, hampir sebulan itu sa...

Read more »