Dari Kendawangan: Cara Mudah Posting Artikel pertama di Blog

lorem ipsum 6

body{background:#202020 url(images/body_bg.png) no-repeat center top;font:normal 10px Verdana, Geneva, sans-serif;margin:0;padding:0;min-width:960px;color:#bbb; border-top: 3px solid #b0d551;}*{outline:none;}img{border:none;}.center{margin:0 auto;display:block;}.container{margin:0 auto;position:relative;width:960px;}.single .content {padding-bottom: 0; margin-bottom: -23px;}.content{float:left;font-size:12px;line-height:2em;margin: 0;padding: 30px 0 20px;position:relative;width:100%;}.content p{margin:0 0 1.9em;padding:0;}.content a,ul.aux .drop a{color:#c5e86a;}.content a:hover,ul.aux .drop a:hover{color:#98b843;}.col4{clear:both;overflow:hidden;padding:0 10px;width:940px;}.col4 section{display:inline;float:left;margin-left:20px;width:220px;}.col4 section:first-child{margin-left:0;}.col4 section.double{width:460px;}.col4 .multi-col{-moz-column-gap:20px;-moz-column-width:220px;-webkit-column-gap:20px;-webkit-column-width:220px;}.strip{background:#1a1a1a;position:absolute;left:0;width:60%;z-index:-1;}img#logo{margin:30px 0 0 10px;}header{float:left;height:102px;width:100%;}header nav{background-image:url(images/nav_num.png);background-repeat:no-repeat;background-position:right top;height:98px;position:absolute;right:0;top:0;}header nav ul{list-style:none;margin:40px 50px 0 0;padding:0;}header nav li{float:left;margin:0 7px;overflow:hidden;padding:0;position:relative;}header nav li a{background-image:url(images/navigation_bg.png);background-repeat:no-repeat;float:left;height:43px;overflow:hidden;text-indent:-9999px;}header nav li span{background-image:url(images/navigation_bg.png);background-repeat:no-repeat;float:left;height:36px;left:0;overflow:hidden;position:absolute;top:0;width:0;}#home header nav li.home a{background-position:left -86px;}#home header nav{background-position:right -1px;}header nav li.home a{width:49px;}header nav li.home span{background-position:left -43px;}#blog header nav{background-position:right -141px;}#blog header nav li.blog a{background-position:-64px -86px;}header nav li.blog a{background-position:-64px top;width:47px;}header nav li.blog span{background-position:-64px -43px;}#web-design-portfolio header nav{background-position:right -281px;}#web-design-portfolio header nav li.portfolio a{background-position:-125px -86px;}header nav li.portfolio a{background-position:-125px top;width:85px;}header nav li.portfolio span{background-position:-125px -43px;}#about header nav{background-position:right -421px;}#about header nav li.about a{background-position:-224px -86px;}header nav li.about a{background-position:-224px top;width:55px;}header nav li.about span{background-position:-224px -43px;}#contact header nav{background-position:right -561px;}#contact header nav li.contact a{background-position:-293px -86px;}header nav li.contact a{background-position:-293px top;width:78px;}header nav li.contact span{background-position:-293px -43px;}h1,#home h2,.txt,footer h2,aside h2,#web-design-portfolio h2,#about h2{clear:both;margin:0 0 20px;overflow:hidden;text-indent:-99999px;width:100%;}#home h1{background:url(images/homepage_banner.gif) no-repeat center top;height:219px;margin:0 0 20px;}#home .content h2{background:url(images/home_h2.gif) no-repeat left top;}#home .about h2{height:59px;}#home .blog h2 {background-position:left -59px;height:43px; margin: 14px 0 22px;} #home .lab p, #home .blog p {margin-bottom: 10px;} #home .lab h2 {background-position:left -102px;height:43px;margin: 14px 0 22px;}#home .lab .latest{background:url(images/home_portfolio.gif) no-repeat left top;height:204px;padding:2px 2px 0;}#home .lab .latest img{border:1px solid #fff;float:left;}#home .lab .latest:hover img{border:1px solid #c5e86a;}#home .lab .latest p a{display:block;font-size:0.9em;margin:0;padding:4px 10px 0;float:left;width:195px;text-decoration:none;}#home .blog ul,footer section ul{list-style:none;margin:-15px 0 0;padding:0;}#home .blog ul li{border-bottom:1px solid #161616;border-left:3px solid #555;border-top:1px solid #222;float:left;font-size:0.9em;line-height:1.7em;margin:0;padding:0;width:220px;}#home .blog ul li:first-child,#blog .content aside ul li:first-child a{border-top:0;}#home .blog h3{font-size:1em;font-weight:400;margin:0;}html #home .blog ul li.last,#blog .content aside ul li.last a{background:url(images/home_word_viewmore.gif) no-repeat left top;border-bottom:0;height:30px;line-height:30px;padding:0 0 0 16px;width:204px;}#home .blog ul li:hover{background:#161616;border-left:3px solid #c5e86a;}#home .blog li time{float:left;font-size:1.2em;height:37px;margin:0 5px;padding:10px;text-align:center;}#home .blog li time strong{display:block;font-size:0.8em;text-transform:uppercase;}#home .blog ul li h3 a{display:block;height:37px;padding:10px;}#home .col4{padding-bottom:0;}#blog .blogbody{float:left;margin:0 40px 0 10px;width:520px;}#blog hgroup{margin-bottom:20px;float:left;width:100%;}#blog h1{background:#1a1a1a url(images/blog_h1.gif) no-repeat;height:41px;border:20px solid #1a1a1a;border-right:0;margin:0;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}.tutorials #blog h1{background-position:left -41px;}.food-for-thought #blog h1{background-position:left -82px;}.personal #blog h1{background-position:left -123px;}.resources #blog h1{background-position:left -164px;}.search #blog h1{background-position:left -205px;}#blog #archives h1{background-position:left -246px;}html body #pageID #blog hgroup h2,html body #pageID #blog hgroup small{font-weight:normal;font-size:2em;color:#ccc;text-shadow:1px 1px 1px #000;background:#1a1a1a;text-transform:uppercase;padding:10px 20px 15px;margin:0;border-top:1px dashed #333;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;}html body #pageID #blog hgroup small{font-size:1em;}article{float:left;padding:0 0 20px;width:100%;}#catlevel .post h2,#catlevel .post img,#catlevel .post h3,#catlevel .post h4,#catlevel section pre,#catlevel section p strong,#catlevel section .highlight, #catlevel .notice{display:none;}article h2,article h3,article h4,#comments h2, article h5{background:url(images/hr.gif) repeat-x left bottom;clear:both;color:#fff;font-size:1.8em;font-weight:400;margin:0 0 10px;padding:10px 0;text-shadow:1px 1px 1px #000;}h2.title{font-size:1.8em;line-height:1.2em;margin-top:-10px;}article .white h2,article .white h3,article .white h4, article .white h5{background:none;border-bottom:1px solid #ccc;text-shadow:1px 1px 1px #ccc;}article h3{font-size:2em;}article h4{font-size:1.5em;}article h5 {font-size:1.3em; background: none;} #pageID article ul li h5 {margin-bottom: 0; padding: 5px 0; border: none;} article h2 a{text-decoration:none;}.details{float:left;margin-right:20px;position:relative;text-align:right;width:220px;}.details span{clear:both;display:inline;float:right;font-size:0.8em;margin:0;padding:0;position:relative;z-index:10;width:100%;}.details span a{background:#222;color:#c5e86a;text-decoration:none;display:none;float:right;line-height:normal;margin:0 2px 5px 0;padding:2px 5px;}.details span.cat{font-size:1.2em;}.details time{display:block;font-size:2.7em;text-transform:uppercase;margin:10px 0 20px;padding:0;color:#999;}.details img.wp-post-image{border:1px solid #2b2b2b;padding:5px;margin-bottom:10px;background:#fff;-moz-box-shadow:0 1px 2px #1d1d1d;-webkit-box-shadow:0 1px 2px #1d1d1d;box-shadow:0 1px 2px #1d1d1d;}.details a span{background:url(images/thumb_hover.png) no-repeat;width:210px;height:100px;float:left;position:absolute;top:60px;left:6px;z-index:999;}.details time em{color:#737373;font-style:normal;}#blog .post{float:right;position:relative;width:270px;line-height:2em;}#blog .content .post a.more-link{background:url(images/morelink_bg.gif) no-repeat right top;color:#1d1d1d;padding:2px 19px 2px 10px;position:absolute;left:-107px;bottom:50px;text-align:center;text-decoration:none;display:none;}#blog .content article small.meta{display:block;color:#888;}#blog .content article small.meta a{color:#ccc;}#blog .content .post a.more-link:active{top:auto;}#archives .archive_list h2{font-size:1.2em;font-weight:normal;border-bottom:1px solid #333;padding:5px 0;margin:0;float:left;width:520px;}#archives .archive_list h2 time{float:left;width:110px;border-right:1px dashed #333;padding-right:20px;margin-right:20px;text-align:right;}#archives .archive_list h2 a{text-decoration:none;display:block;}#archives .archive_list h2:hover time{color:#fff;font-weight:bold;border-right:1px dashed #fff;}nav.blognav{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#1d1d1d;border-bottom:1px solid #333;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;float:left;height:70px;margin:0 0 25px 10px;padding:15px;position:relative;width:910px;line-height:2em;}ul.catnav{float:left;list-style:none;margin:0;padding:0 5px;position:relative;width:520px;}ul.catnav li{float:left;display:block;margin:0;padding:0 0 10px;}ul.catnav li a{padding:5px 15px 15px;position:relative;text-decoration:none;z-index:99999;}ul.catnav li ul.sub{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#333;border-bottom:1px solid #333;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;display:none;float:left;left:0;list-style:none;margin:0;padding:5px 15px;position:absolute;top:33px;width:500px;z-index:0;}ul.catnav li.active a,ul.catnav li:hover a{background:url(images/blognav_sub_arrow.gif) no-repeat center bottom;color:#fff;}html .container .content ul.catnav li.active ul.sub a{background:none;}html .container ul.catnav li.deactive a{background:none;color:#c5e86a;}ul.catnav li ul.sub li{background:none;float:left;margin:0;padding:0;}html .container ul.catnav li ul.sub li a{background:#333;color:#ccc;padding:8px 10px;}html .container ul.catnav li ul.sub li a:hover{background:#333;color:#777;}ul.aux{list-style:none;margin:0;padding:0 5px;position:absolute;right:10px;top:15px;}ul.aux li a{color:#fff;margin-right:15px;padding:5px 0 5px 22px;text-decoration:none;}ul.aux li.twitter a{background:url(images/icon_twitter.gif) no-repeat left center;}ul.aux li.rss a{background:url(images/icon_rss.gif) no-repeat left center;}ul.aux li.rssnews a{background:url(images/icon_newsletter.gif) no-repeat left center;padding-left:30px;}ul.aux li a span{background:url(images/icon_droparrow.gif) no-repeat right center;height:20px;padding-right:15px;width:auto;}ul.aux .drop{-moz-box-shadow:0 5px 5px #111;-webkit-box-shadow:0 5px 5px #111;box-shadow:0 5px 5px #111;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background:#333;border:1px solid #444;border-top:1px solid #000;display:none;padding:0 10px;position:absolute;right:0;text-align:center;top:34px;width:180px;z-index:99999;}html ul.aux .drop a{background:0;margin:0;padding:0;}html ul.aux .drop img{background:#fff;border:1px solid #ccc;display:block;margin:5px auto 0;padding:5px;}ul.aux .drop p{margin:0;padding:10px 0;}form.search{position:absolute;right:15px;top:50px;}input.formtip{float:left;height:20px;padding:7px 30px 3px 5px;width:230px;}input,textarea{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #111;color:#777;font:normal 1em Verdana, Geneva, sans-serif;}form.search input.btn{border:none;float:left;margin-left:-30px;}#blog aside{float:left;font-size:0.9em;margin:20px 15px 0 0;width:220px;}#blog aside h2{background:url(images/aside_h2.gif) no-repeat 5px top;height:18px;margin-bottom:10px;}#blog aside h2.designbombs{background-position:5px -18px;}#blog aside h2.resources{background-position:5px -36px;}#blog .bloglist p{color:#ccc;padding:0 5px 10px;border-bottom:1px dashed #444;margin-bottom:10px;}#blog aside ul{float:left;list-style:none;margin:0 0 40px;padding:0;width:100%;}#blog aside ul li{float:left;list-style:none;margin:0;padding:0;width:100%;}#blog .content aside a{border-bottom:1px solid #161616;border-left:3px solid #555;border-top:1px solid #2d2d2d;color:#888;display:block;line-height:1.8em;padding:5px 10px;text-decoration:none;}#blog aside a:hover{background:#161616;border-left:3px solid #c5e86a;color:#fff;}.ads { background:#161616; float:right; text-align:center; width:145px; padding: 5px 0; margin-right: 10px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: absolute; right: 0;top: 158px; } .single .ads {top: 308px;} .ads div{margin:10px auto; display: block;} .bsap_1246800 img {float: left;} html #blog .advertise{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#333;color:#fff;display:block;font-size:0.9em;margin:5px auto;padding:2px 0;width:125px;}#blog small.bread{display:block;margin:0 0 20px;}#blog #postlevel .blogbody{float:left;margin:0 20px 0 10px;width:780px;}#blog #postlevel .post{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #111;background:rgba(0, 0, 0, .3);float:left;padding:20px;position:relative;width:498px;}#blog #postlevel h2{font-size:2.5em;padding:10px 0 15px;}.fixed{float:left;*margin-left:-220px;position:fixed;top:20px;width:220px;}#blog #postlevel aside{margin:0;width:220px;}#blog #postlevel aside a{background-position:190px 7px;background-repeat:no-repeat;border-left:0;border-right:3px solid #555;padding:5px 40px 5px 0;}#blog #postlevel aside a.print{background-image:url(images/icon_print.gif);}#blog #postlevel aside a.switchview{background-image:url(images/icon_switchview.gif);background-position:183px 5px;}#blog #postlevel aside a.rss{background-image:url(images/icon_rss.gif);}#blog #postlevel aside a.tweet{background-image:url(images/icon_twitter.gif);}#blog #postlevel aside a.facebook{background-image:url(images/icon_facebook.gif);}#blog #postlevel aside a.delicious{background-image:url(images/icon_delicious.gif);}#blog #postlevel aside a.digg{background-image:url(images/icon_digg.gif);}#blog #postlevel aside a.stumble{background-image:url(images/icon_stumble.gif);}#blog #postlevel aside a.on{background-position:183px -15px;}#blog #postlevel aside a.backtop{background:url(images/a_scrolltotop.gif) no-repeat right top;border:none;clear:both;display:block;float:left;height:29px;padding:0;text-align:left;text-indent:-99999px;width:220px;}#blog #postlevel aside ul li.last a{background:url(images/home_word_viewmore.gif) no-repeat right bottom;border-bottom:0;padding:0 40px 0 0;width:177px;}.post img.center{border: 2px solid #fff;-ms-interpolation-mode:bicubic;background:#333;display:block;margin:10px 0;padding:0;width:496px;}.post ul li img.center {width: auto;}.post ol {margin-bottom: 15px; }.post ol li {padding-top: 5px; padding-bottom: 5px;}#blog #postlevel .white{background:#f0f0f0;color:#333;}#blog #postlevel .white h2,#blog #postlevel .white h3,#blog #postlevel .white h4, #postlevel .white h5{color:#333;}.white .notice, html #web-design #blog .white .notice a {color: #fff;}#blog #postlevel .white a{color:#555;}.post p img.center{margin:20px 0 0;}pre{ position: relative; z-index: 50;background:#fff url(images/pre_bg.gif) top left repeat;border:1px solid #999;color:#000;display:block;font-family:"Courier New", Courier, monospace;font-size:13px;line-height:18px;margin:10px 0 20px;overflow:auto;padding:18px 10px 17px;overflow-x:scroll;}.auxpost{border-top:1px dashed #ddd;padding:30px 0 0;margin-top:20px;float:left;}.highlight{font-size:1.5em;text-align:center;padding:40px 0;margin:20px 0; background: #111; border: 1px solid #222;} .white .highlight{background: #ddd; border: 1px solid #ccc; }html .highlight p a.view{padding:15px 15px 15px 50px;text-decoration:none;color:#333;background:#99be39 url(images/icon_view.png) no-repeat 15px center;border-top:1px solid #b2d852;-moz-box-shadow:0 1px 2px #1d1d1d;-webkit-box-shadow:0 1px 2px #1d1d1d;box-shadow:0 1px 2px #1d1d1d;text-transform:uppercase;}.notice {font-size: 0.9em; padding: 10px 20px; background: #333; border: 1px solid #222; margin-bottom: 20px;}#comments,#comment-wrap{background:#202020;clear:both;float:left;padding:20px 0;position:relative;width:100%;z-index:50;}#comment-block{float:left;width:100%;clear:both;}html #blog #postlevel #comments h2{font-size:1.6em;}#comments ol{float:left;list-style:none;margin:0;padding:20px 0 40px;width:100%;}#comments ol li{float:left;margin:0;padding:10px 0;width:100%;}#comments ol li.comment-author-admin .comment{background:#444;}#comments ol li.comment-author-admin .commenter{background:url(images/authcomment_bubble_tip.gif) no-repeat right 30px;}#comments ol li .commenter{background:url(images/comment_bubble_tip.gif) no-repeat right 30px;float:left;padding:0;position:relative;right:-1px;width:240px;z-index:50;}#comments ol li .comment{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#1a1a1a;border-bottom:1px solid #3d3d3d;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;float:left;padding:10px 20px;width:498px;}.comment cite{display:block;font-size:1.5em;font-style:normal;text-transform:uppercase;padding:0 0 10px;}.commenter img,#comments .commenter div span{-moz-box-shadow:0 1px 2px #000;-webkit-box-shadow:0 1px 2px #000;border:1px solid #ddd;box-shadow:0 1px 2px #000;height:85px;position:absolute;right:40px;top:15px;width:85px;}.commenter div span{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";background:url(images/grid_bg.gif);filter:alpha(opacity=70);float:left;opacity:.70;z-index:100;}.commenter time{background:#1a1a1a url(images/commenter_time.gif) repeat-x left bottom;border-bottom:1px solid #3d3d3d;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;float:left;font-size:2.2em;padding:10px 10px 7px;width:190px;}.commenter time em{color:#666;display:block;font-size:1.2em;padding:10px 0 13px;}.commenter time small{font-size:0.5em;padding:0 0 0 15px;}#comments h2.speak,h2.speak{background:url(images/comment_h2_speak.gif) no-repeat left bottom;height:46px;}#comments small{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#1a1a1a;border:1px solid #000;display:block;padding:10px;}#comments small img{margin-right:5px;vertical-align:text-bottom;}form#speak{background:url(images/comment_bear.gif) no-repeat 502px 145px;float:left;margin-top:10px;padding:0;position:relative;width:780px;}#speak p{clear:both;float:right;margin:0;padding:0 0 5px;width:220px;}#speak input,#speak textarea{border:1px solid #000;margin:0;padding:10px;}#speak input{padding-left:35px;padding-top:14px;width:175px;}input.name{background:#fff url(images/icon_name.gif) no-repeat 10px center;}input.email{background:#fff url(images/icon_mail.gif) no-repeat 10px center;}input.url{background:#fff url(images/icon_url.gif) no-repeat 10px center;}#speak p input.btn{border:none;float:left;height:236px;width:220px;padding:0;}#speak textarea{border:0;height:190px;width:530px;left:0;top:0;position:absolute;line-height:1.8em;}#web-design-portfolio h1{background:url(images/portfolio_h1.gif) no-repeat 10px top;height:161px;margin-bottom:0;margin-top:-22px;}#web-design-portfolio .fixed{float:right;position:fixed;top:0;width:220px;}#web-design-portfolio aside{float:right;margin:20px 10px 0 20px;width:220px;}#web-design-portfolio aside nav ul{list-style:none;margin:0;padding:0;overflow:hidden;}#web-design-portfolio aside nav li{float:left;margin:0 0 20px;padding:0;width:100%;}#web-design-portfolio aside nav li a{float:left;height:39px;width:100%;text-indent:-9999px;}#web-design-portfolio li.web a{background:url(images/portfolio_nav_web.gif) no-repeat center top;}#web-design-portfolio li.illus a{background:url(images/portfolio_nav_illus.gif) no-repeat center top;}#web-design-portfolio li.articles a{background:url(images/portfolio_nav_articles.gif) no-repeat center top;}#web-design-portfolio aside nav li a:hover{background-position:center -39px;}html #web-design-portfolio aside nav li.active a{background-position:center bottom;}.testimonials{background:url(images/testimonials_bg.gif) no-repeat center top;clear:both;display:block;font-size:0.9em;height:450px;widht:157px;margin:10px auto;padding:0 10px 10px;overflow:hidden;position:relative;text-align:left;}.testimonials blockquote{display:none;height:347px;left:0;margin:0;padding:0;position:absolute;top:70px;}.content .testimonials p{color:#888;display:block;padding:0 10px;}.testimonials cite{background:url(images/testimonials_cite_bg.gif) no-repeat center bottom;color:#fff;display:block;padding:0 10px 30px;}#web-design-portfolio article,#web-design-portfolio .work{float:left;position:relative;width:700px;z-index:50;}html #web-design-portfolio .work{background:url(images/hr.gif) repeat-x left bottom;margin:0 0 30px 10px;padding-bottom:30px;}#web-design-portfolio article{padding:20px 0;}#web-design-portfolio .view,#web-design-portfolio .desc{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;float:left;padding:10px;width:680px;}#web-design-portfolio .view img{float:left;}#web-design-portfolio .desc{background:#111;margin-top:10px;}#web-design-portfolio .desc span{float:left;padding:0 10px;width:320px;}#web-design-portfolio .desc p{margin:0;padding:0;}#web-design-portfolio .control{bottom:25px;display:none;float:left;position:absolute;right:10px;z-index:50;}#web-design-portfolio .control a{background:url(images/icon_updown.gif) no-repeat;clear:both;float:left;height:14px;margin:5px 0;text-indent:-99999px;width:14px;}#web-design-portfolio .control a.down{background-position:left bottom;}#web-design-portfolio .control img{display:none;margin-top:-16px;position:absolute;top:50%;}#about h1{background:url(images/about_h1.gif) no-repeat 10px top;height:39px;}#about .content h2{background:url(images/about_h2.gif) no-repeat 10px top;height:21px;}#about .content .experience h2{background-position:left -21px;}#about .content .skills h2{background-position:left -42px;}#about .content .featured h2{background-position:left -63px;}#about .content .personal h2{background-position:left -84px;}ul.quickview{border-bottom:6px solid #fff;border-top:6px solid #fff;float:left;list-style:none;margin:0 0 0 10px;padding:15px 0;width:370px;}ul.quickview li{color:#fff;float:left;font-size:0.9em;margin:0;padding:0;overflow:hidden;text-transform:uppercase;width:100%;}ul.quickview li span{color:#999;float:left;padding-right:5px;text-align:right;width:85px;}#about .photo{background:#fff;float:left;margin:-45px 0 30px;width:570px;height: 247px; position: relative;}.photo img { position: absolute; top: 10px; left: 10px;}.experience ul li{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-bottom:1px solid #202020;margin:0;padding:0;position:relative;}.experience h3{background:#1a1a1a;border-top:1px solid #252525;font-size:1.1em;font-weight:400;margin:0;padding:0;}.experience h3 a{background:url(images/accordion_trigger.gif) no-repeat 20px top;display:block;height:42px;line-height:1.3em;padding:10px 0 0 70px;text-decoration:none;}.experience h3 a date{color:#fff;display:block;}.experience h3 a:hover{background-position:20px center;}.experience h3.open a{background-position:20px bottom;color:#fff;}.experience .desc{color:#ccc;line-height:2.2em;overflow:hidden;padding-bottom:10px;}.experience .desc img{float:left;margin:20px 20px 0;}.content .experience p{margin:5px 0;padding:10px 20px;}.skills ul{float:left;margin-right:10px;width:100px;}.skills ul li,.featured ul li{border-bottom:1px dashed #333;padding:3px 0;}.skills strong,.featured strong{color:#fff;text-transform:uppercase;}#about .personal{background:url(images/about_timeline.gif) no-repeat 250px 217px;margin-top:50px;}#about .personal section{background:url(images/about_bubble_bg.gif) no-repeat;height:197px;padding:10px;width:200px;}#about .personal .intro{background:none;height:auto;padding:0;width:220px;}.skate a, .popping a {width: 201px; height: 167px;overflow: hidden;float: left;} .skate a:hover img , .popping a:hover img{margin-top: -167px;float: left;}#contact h1{background:url(images/contact_h1.gif) no-repeat 10px top;height:260px;}#contact #speak{background-position:420px 75px;width:700px;height:380px;}#contact #speak textarea{height:250px;width:450px;top:46px;}#contact #speak .alert{border:1px solid red;color:red;font-weight:bold;}.wpcf7-not-valid-tip-no-ajax,{position:absolute;top:-99999px;}.wpcf7-validation-errors{background:#ffd5d5 url(images/icon_alert.gif) no-repeat 5px 9px;border:1px solid #ffd9d9;color:red;}.wpcf7-response-output{position:absolute;bottom:0;left:0;width:438px;padding:5px 5px 5px 25px;}.wpcf7-mail-sent-ok{background:#e6ffb0 url(images/icon_success.gif) no-repeat 5px 9px;border:1px solid #679700;color:#333;}#contact #speak .subject{position:absolute;top:0;left:0;width:450px;padding:11px 10px;}#contact .info{float:left;margin:0 20px 0 10px;width:220px;}#contact h2.speak{background-position:10px top;height:40px;}#contact p{font-size:0.9em;}#contact .strip{height:190px;top:200px;}footer{background:url(images/footer_bg.gif) repeat-x center 1px;clear:both;float:left;font-size:1.2em;line-height:1.7em;overflow:hidden;padding:0 0 20px;position:relative;width:100%;z-index:100;}footer .col4{height:348px;}.footwrap{background:url(images/footer_twitter.gif) no-repeat center top;float:left;height:354px;width:100%;}footer .col4 section{margin-top:50px;padding-left:15px;width:205px;}html body footer h2{background:url(images/footer_h2.gif) no-repeat;height:28px;}footer h2.blog{background-position:left -28px;}footer h2.friends{background-position:left -56px;}footer .twitter:hover{cursor:pointer;}footer .twitter{font-size:0.8em;line-height:1.8em;height:228px;}footer .twitter p{color:#fff;display:block;margin:-15px 0 0 10px;width:141px;}footer .twitter p a{word-wrap:break-word;}footer .twitter span{float:left;height:65px;width:111px;position:absolute;top:260px;left:185px;}footer a{color:#888;text-decoration:none;}footer .footwrap .container ul{float:left;list-style:none;padding:5px 0 0;width:100%;}footer li{margin:0;padding:0;width:100%;}footer li a{background:url(images/bullet_arrow.gif) no-repeat left 9px;display:block;padding:2px 5px 2px 12px;}footer li a:hover{background-position:5px 9px;color:#fff;padding-left:17px;}footer .copyright{font-size:0.8em;position:absolute;bottom:0;right:10px;}footer .copyright img{margin-left:5px;vertical-align:middle;}#home .blog ul li a,.featured a{display:block;text-decoration:none;}.experience ul,.skills ul,.featured ul{list-style:none;margin:0;padding:0;}.wp-pagenavi{float:left;width:520px;padding:20px 0;margin-top:20px;background:#1a1a1a;text-align:center;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-bottom:1px solid #333;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;}.wp-pagenavi .pages{padding-right:10px;}.wp-pagenavi span.current,.wp-pagenavi a.page,a.previouspostslink,a.nextpostslink,a.last,a.first{background:#c5e86a;text-align:center;padding:5px 8px;margin-right:5px;color:#333;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;text-decoration:none;}.wp-pagenavi span.current{background:#f0f0f0;}#home .blog ul,ul.aux li{float:left;margin:0;padding:0;}#catlevel .post blockquote,html .highlight p{padding:0;margin:0;}.details span a:hover,#archives .archive_list h2:hover{background:#333;}#blog .content .post a.more-link:hover,.wp-pagenavi a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.70;}#bsap_1246800 {margin-top: 0;}#archives .archive_list h2:hover a,ul.catnav li a:hover,#web-design-portfolio .desc strong,footer .twitter p a,footer .twitter p a:hover{color:#fff;}ul.catnav li:hover ul.sub,ul.catnav li.active ul.sub,.tutorial ul.catnav li.tutorials,footer .twitter p time{display:block;}ul.catnav li ul.sub li.right,ul.catnav li.personal ul.sub li,ul.catnav li.resources ul.sub li,#comments h2 span{float:right;}.casper {position: absolute; left: -9999999px;}

Rabu, 08 September 2010

Cara Mudah Posting Artikel pertama di Blog

Rabu, 08 September 2010 0 komentar

Setelah kemarin kita melakukan 3 Langkah Mudah membuat Blog dan telah memiliki blog tersebut. Selanjutnya yang harus kita lakukan adalah memposting artikel pertama kali. Untuk memposting Artikel pertama kali ini caranya sangat mudah. Silahkan Sobat ikuti cara - cara dibawah ini:
1. Login ke Blogger dengan id Kita.
2. Setelah itu kita akan dibawa ke halaman menu Dashboard silahkan sobatKlik New Post.

3. Kita akan masuk ke menu post editor atau kotak posting. Disini terdapat 2 halaman posting yaitu Edit HTML dan Compose. Halaman Edit HTML merupakan halaman dimana kode HTML artikel berada. Dan halaman Compose merupakan halaman untuk menulis artikel.

4. Jadi klik menu Compose untuk memposting artikel.

5. Pada menu Compose terdapat beberapa tool yang sering digunakan untuk memposting. silahkan sobat simak fungsi tool tersebut dibawah ini.

: Mengganti bentuk huruf

: Mengganti ukuran teks

: Menebalkan huruf

: Memiringkan huruf

: Mengganti warna teks

: Menambah link ke suatu website

: Rata kiri

: Rata tengah

: Rata kanan

: Rata penuh

: Mengurut teks berdasarkan angka numerik

: Mengurut teks dengan bullet

: Membuat quote/ kutipan

: Mengecek terjemahan teks dalam bahasa inggris

: Menambah gambar kedalam artikel. Format yang diterima (jpg, gif, bmp, png)

: Menambah video kedalam artikel. Format yang diterima (avi, 3gp, rm, wmv)

: Menghilangkan efek pada teks

6. Beri judul artikel pada kotak Title.

7. Kemudian tulis isi artikel kita pada kotak posting.

8. Jika sudah, beri labels atau kategori untuk artikel Anda pada kotak labels for this post. Sebagai contoh saya memberi labels untuk artikel ini dengan "Dasar blogger".

9. Kalau sudah, klik Preview untuk melihat pra tampilannya apakah sudah bagus atau belum.
10. Kalau sudah, Klik Publish Post untuk mempostingnya.

11. Kemudian klik (in a new window) untuk melihat hasil postingan kita pada halaman baru.

12. Jika kita merasa masih ada ke ganjalan pada postingan kita. Klik Edit Post pada halaman utama untuk mengeditnya. Jika sudah selesai klik Publish Post lagi untuk mempublikasi ulang dan kita telah posting petama kali.

Oke Soabat Selamat berkarya Dunia Blogger...!!

Dari Kendawangan

lorem ipsum 6

Rabu, 08 September 2010

Cara Mudah Posting Artikel pertama di Blog

0 komentar:

Posting Komentar

Categories

Blog Archive

About

Site Info