6392525 file

// API callback
related_results_labels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779"},"updated":{"$t":"2014-11-22T09:22:03.857+07:00"},"category":[{"term":"Tutorial Blogger"},{"term":"Wordpress SEO"},{"term":"Blogger SEO"},{"term":"Widget"},{"term":"Tutorial Wordpress"},{"term":"Kontes SEO"},{"term":"Tips SEO"},{"term":"Tool"},{"term":"Blog"},{"term":"Gratisan"},{"term":"Blogger Template"},{"term":"Plugin"},{"term":"Wordpress Themes"},{"term":"Make Money"},{"term":"Review"}],"title":{"type":"text","$t":"SEO Ciyus Blog"},"subtitle":{"type":"html","$t":"Tips SEO Blogger dan Wordpress"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/-\/Tutorial+Wordpress?alt=json-in-script\u0026max-results=5"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/search\/label\/Tutorial%20Wordpress"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/-\/Tutorial+Wordpress\/-\/Tutorial+Wordpress?alt=json-in-script\u0026start-index=6\u0026max-results=5"}],"author":[{"name":{"$t":"Ryo Jeo"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh3.googleusercontent.com\/-cNmRdubmZgA\/AAAAAAAAAAI\/AAAAAAAADU0\/kKnYSLie95s\/s512-c\/photo.jpg"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"14"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"5"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-4807405181231490766"},"published":{"$t":"2013-05-09T02:46:00.000+07:00"},"updated":{"$t":"2013-05-09T02:46:42.698+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Wordpress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widget"}],"title":{"type":"text","$t":"Membuat Social Icon Keren Spesial Gratis"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003ELama gak sempet buat postingan baru soalnya sibuk banget gan. Nah kebetulan sekarang ada waktu jadi gw pengen share yang keren ni gan, pasti loe demen. Pada kesempatan kali ini gw pengen share bagaimana cara membuat social icon keren hanya dengan CSS gan. Kalo di postingan yang laen gw udah share cara \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/membuat-social-icon-mobil-bergerak-di-blog.html\"\u003Emembuat social icon mobil bergerak\u003C\/a\u003E, yang ini beda lagi gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-_RcWN3paNQA\/URlh4wrWN0I\/AAAAAAAADPA\/3ttR12Fgss4\/s1600\/social+icon+keren+dengan+css.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-_RcWN3paNQA\/URlh4wrWN0I\/AAAAAAAADPA\/3ttR12Fgss4\/s1600\/social+icon+keren+dengan+css.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EContoh social iconnya seperti yang ada di blog ini, kalo di sentuh ada efek slidingnya gan. Cuma info aja social icon ini murni CSS gak pake gambar icon beneran gan. Social icon keren ini hasil karya gw sendiri, dan sempat pengen gw pake buat guest post di blog laen tapi gak jadi gan.\u003Cbr \/\u003E\u003Cbr \/\u003EKalo loe tertarik dengan social icon ini silahkan aja disimak langsung cara membuatnya gan. Cara buatnya gampang, tinggal nambahin widget aja di blog gan. Tanpa banyak basa-basi lagi, langsung kita praktekan aja gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EMembuat Social Icon Keren Hanya Dengan CSS\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-Dk0D7MYop-M\/URleGcPCEgI\/AAAAAAAADOQ\/SVwBv64bt_A\/s1600\/css+social+icon.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-Dk0D7MYop-M\/URleGcPCEgI\/AAAAAAAADOQ\/SVwBv64bt_A\/s1600\/css+social+icon.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cul\u003E\u003Cli\u003EPertama loe masuk ke \u003Cb\u003EBlogger\u003C\/b\u003E lalu pilih \u003Cb\u003ELayout\u003C\/b\u003E dan klik \u003Cb\u003EAdd a Gadget\u003C\/b\u003E terus tambahkan widget HTML\/JavaScript gan. Lalu copy dan pastein kode yang gw kasi di bawah ini di widget baru itu gan.\u003C\/li\u003E\u003C\/ul\u003E\u003Cul\u003E\u003Cli\u003EKalo kalian mau pasang di \u003Cb\u003EWordpress\u003C\/b\u003E langkahnya sama, tinggal nambahin \u003Cb\u003EText Widget\u003C\/b\u003E ke sidebar blog Wordpressnya, dan copy paste kode dibawah ini gan. \u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;!-- Social Icon Keren Dengan CSS Efek Sliding by http:\/\/www.seociyus.blogspot.com\/ --\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\/*start Facebook Icon*\/\u003Cbr \/\u003E#SC a.sos1{\u003Cbr \/\u003Eopacity:0.7;\u003Cbr \/\u003Emargin:5px 5px 20px 20px;\u003Cbr \/\u003Epadding:7px 5px 5px 5px;\u003Cbr \/\u003Ebackground:#0282c2;\u003Cbr \/\u003Ebox-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #0282c2,13px 11px 10px 1px rgba(0,0,0,0.5);\u003Cbr \/\u003Etransform:matrix(0.866,0.1,-0.5,0.866,0,0);\u003Cbr \/\u003E-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* IE 9 *\/\u003Cbr \/\u003E-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Firefox *\/\u003Cbr \/\u003E-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Safari and Chrome *\/\u003Cbr \/\u003E-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Opera *\/\u003Cbr \/\u003Etext-transform: uppercase;\u003Cbr \/\u003Eborder-radius: 5px;\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003Eheight:20px;\u003Cbr \/\u003Ecolor: transparent;\u003Cbr \/\u003Efont: 12px 'Arial black';\u003Cbr \/\u003Eletter-spacing:1px;\u003Cbr \/\u003Ebackground-image:url('http:\/\/4.bp.blogspot.com\/-24jM7xBF6CE\/UP5epobYLgI\/AAAAAAAACIQ\/MiVBS70dsDw\/s1600\/Web-Facebook+icon.png');\u003Cbr \/\u003Ebackground-repeat:no-repeat;\u003Cbr \/\u003Ebackground-position:center;\u003Cbr \/\u003Ebackground-size: 100% 100%;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#SC a.sos1:hover{\u003Cbr \/\u003Eopacity:1;\u003Cbr \/\u003Ebox-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #0282c2,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);\u003Cbr \/\u003E}\u003Cbr \/\u003E\/*End Facebook Icons*\/\u003Cbr \/\u003E\u003Cbr \/\u003E\/*Start Google+ Icons*\/\u003Cbr \/\u003E#SC a.sos2{\u003Cbr \/\u003Eopacity:0.7;\u003Cbr \/\u003Emargin:5px;\u003Cbr \/\u003Epadding:7px 5px 5px 5px;\u003Cbr \/\u003Ebackground:#d44137;\u003Cbr \/\u003Ebox-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #d44137,13px 11px 10px 1px rgba(0,0,0,0.5);\u003Cbr \/\u003Etransform:matrix(0.866,0.1,-0.5,0.866,0,0);\u003Cbr \/\u003E-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* IE 9 *\/\u003Cbr \/\u003E-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Firefox *\/\u003Cbr \/\u003E-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Safari and Chrome *\/\u003Cbr \/\u003E-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Opera *\/\u003Cbr \/\u003Etext-transform: uppercase;\u003Cbr \/\u003Eborder-radius: 5px;\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003Eheight:20px;\u003Cbr \/\u003Ecolor: transparent;\u003Cbr \/\u003Efont: 12px 'Arial black';\u003Cbr \/\u003Eletter-spacing:1px;\u003Cbr \/\u003Ebackground-image:url('http:\/\/3.bp.blogspot.com\/-uDhX5QouF00\/UP5epgZZz9I\/AAAAAAAACIM\/ljJlq83GAvc\/s1600\/Web-Google+icon.png');\u003Cbr \/\u003Ebackground-repeat:no-repeat;\u003Cbr \/\u003Ebackground-position:center;\u003Cbr \/\u003Ebackground-size: 100% 100%;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#SC a.sos2:hover{\u003Cbr \/\u003Eopacity:1;\u003Cbr \/\u003Ebox-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #d44137,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);\u003Cbr \/\u003E}\u003Cbr \/\u003E\/*End Google+ Icons*\/\u003Cbr \/\u003E\u003Cbr \/\u003E\/*Start Twitter Icons*\/\u003Cbr \/\u003E#SC a.sos3{\u003Cbr \/\u003Eopacity:0.7;\u003Cbr \/\u003Emargin:5px;\u003Cbr \/\u003Epadding:7px 5px 5px 5px;\u003Cbr \/\u003Ebackground:#63c8f7;\u003Cbr \/\u003Ebox-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #63c8f7,13px 11px 10px 1px rgba(0,0,0,0.5);\u003Cbr \/\u003Etransform:matrix(0.866,0.1,-0.5,0.866,0,0);\u003Cbr \/\u003E-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* IE 9 *\/\u003Cbr \/\u003E-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Firefox *\/\u003Cbr \/\u003E-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Safari and Chrome *\/\u003Cbr \/\u003E-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Opera *\/\u003Cbr \/\u003Etext-transform: uppercase;\u003Cbr \/\u003Eborder-radius: 5px;\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003Eheight:20px;\u003Cbr \/\u003Ecolor: transparent;\u003Cbr \/\u003Efont: 12px 'Arial black';\u003Cbr \/\u003Eletter-spacing:1px;\u003Cbr \/\u003Ebackground-image:url('http:\/\/2.bp.blogspot.com\/-6wD1f54Lsjg\/UP5erWMj63I\/AAAAAAAACIo\/eKAWRpPlEnk\/s1600\/Web-Twitter+icon.png');\u003Cbr \/\u003Ebackground-repeat:no-repeat;\u003Cbr \/\u003Ebackground-position:center;\u003Cbr \/\u003Ebackground-size: 100% 100%;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#SC a.sos3:hover{\u003Cbr \/\u003Eopacity:1;\u003Cbr \/\u003Ebox-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #63c8f7,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);\u003Cbr \/\u003E}\u003Cbr \/\u003E\/*End Twitter Icons*\/\u003Cbr \/\u003E\u003Cbr \/\u003E\/*Start RSS Icons*\/\u003Cbr \/\u003E#SC a.sos4{\u003Cbr \/\u003Eopacity:0.7;\u003Cbr \/\u003Emargin: 5px;\u003Cbr \/\u003Epadding:7px 5px 5px 5px;\u003Cbr \/\u003Ebackground:#fc9c14;\u003Cbr \/\u003Ebox-shadow:2px 2px 0 #ccc,3px 3px 0 #fff, 4px 5px 0 #ccc,5px 6px 0 #fff, 6px 8px 0 #ccc,7px 9px 0 #fff, 8px 11px 0 #fc9c14,13px 11px 10px 1px rgba(0,0,0,0.5);\u003Cbr \/\u003Etransform:matrix(0.866,0.1,-0.5,0.866,0,0);\u003Cbr \/\u003E-ms-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* IE 9 *\/\u003Cbr \/\u003E-moz-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Firefox *\/\u003Cbr \/\u003E-webkit-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Safari and Chrome *\/\u003Cbr \/\u003E-o-transform:matrix(0.866,0.1,-0.5,0.866,0,0); \/* Opera *\/\u003Cbr \/\u003Etext-transform: uppercase;\u003Cbr \/\u003Eborder-radius: 5px;\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003Eheight:20px;\u003Cbr \/\u003Ecolor: transparent;\u003Cbr \/\u003Efont: 12px 'Arial black';\u003Cbr \/\u003Eletter-spacing:1px;\u003Cbr \/\u003Ebackground-image:url('http:\/\/2.bp.blogspot.com\/-4OfNClZ7nGM\/UP5erNTr-qI\/AAAAAAAACIk\/84PE5Edin6M\/s1600\/Web-RSS+icon.png');\u003Cbr \/\u003Ebackground-repeat:no-repeat;\u003Cbr \/\u003Ebackground-position:center;\u003Cbr \/\u003Ebackground-size: 100% 100%;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#SC a.sos4:hover{\u003Cbr \/\u003Eopacity:1;\u003Cbr \/\u003Ebox-shadow:2px 12px 0 #ccc,3px 13px 0 #fff, 4px 15px 0 #ccc,5px 16px 0 #fff, 6px 18px 0 #ccc,7px 19px 0 #fff, 8px 21px 0 #fc9c14,13px 21px 10px 1px rgba(0,0,0,0.5),13px 5px 10px 1px rgba(0,0,0,0.2);\u003Cbr \/\u003E}\u003Cbr \/\u003E\/*End RSS Icons*\/\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;center\u0026gt;\u0026lt;div id=\"SC\"\u0026gt;\u003Cbr \/\u003E\u0026lt;a href=\"\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-FACEBOOK-PROFILE\u003C\/span\u003E\" class=\"sos1\" rel=\"nofollow\" target=\"_blank\" title=\"Like us on Facebook\"\u0026gt;\u003Cspan style=\"background-color: #6fa8dc;\"\u003EIcon\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;a href=\"\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-GOOGLE PLUS-PROFILE\u003C\/span\u003E\" class=\"sos2\" rel=\"author\" target=\"_blank\" title=\"Follow us on Google+\"\u0026gt;\u003Cspan style=\"background-color: #6fa8dc;\"\u003EIcon\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;a href=\"\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-TWITTER-PROFILE\u003C\/span\u003E\" class=\"sos3\" rel=\"nofollow\" target=\"_blank\" title=\"Follow us on Twitter\"\u0026gt;\u003Cspan style=\"background-color: #6fa8dc;\"\u003EIcon\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;a href=\"\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-RSS-FEED\u003C\/span\u003E\" class=\"sos4\" rel=\"nofollow\" target=\"_blank\" title=\"Grab Our Rss Feed \"\u0026gt;\u003Cspan style=\"background-color: #6fa8dc;\"\u003EIcon\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u0026lt;\/center\u0026gt;\u0026lt;div align='right'\u0026gt;\u0026lt;a href='http:\/\/seociyus.blogspot.com\/2013\/05\/membuat-social-icon-keren-spesial-gratis.html' target='blank'\u0026gt;\u0026lt;small\u0026gt;[Get This Icon]\u0026lt;\/small\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;!-- Jangan Dirubah-rubah Kodenya Nanti Tampilannya Gak Karuan Gan --\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul\u003E\u003Cli\u003ESekarang tinggal ganti aja tulisan yang gw \u003Cspan style=\"background-color: #ea9999;\"\u003Ehighlight\u003C\/span\u003E dengan alamat akun sosial media dan rss feed blog loe, kalo udah beres tinggal di \u003Cb\u003ESave\u003C\/b\u003E gan. Jangan dirubah-rubah kodenya dan juga ganti tulisan \u003Cspan style=\"background-color: #6fa8dc;\"\u003EIcon\u003C\/span\u003E karena bakal bikin tampilan social iconnya jadi berantakan gan.\u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekarang coba di buka blognya buat ngeliat hasil dari social icon kerennya gan.Cuma sekedar info kalo \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/3d-social-icon-keren-gratis-dari-seo-ciyus.html\"\u003Esocial icon keren\u003C\/a\u003E ini gak suport di browser IE gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003ENote\u003C\/b\u003E : Tolong jangan dihapus link ke postingan ini ya, kalo gak suka di isi nofollow aja gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian dulu yang bisa gw share kali ini, semoga kalian suka dengan social icon keren CSS ini. Kalo ada masalah dalam membuat atau memasangnnya silahkan ditanyakan dan jangan lupa ninggalin sepatah dua patah kata di kotak \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/cara-membuat-komentar-facebook-keren-di-blog.html\"\u003Ekomentar\u003C\/a\u003E di bawah gan.\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/4807405181231490766\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/05\/membuat-social-icon-keren-spesial-gratis.html#comment-form","title":"15 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/4807405181231490766"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/4807405181231490766"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/05\/membuat-social-icon-keren-spesial-gratis.html","title":"Membuat Social Icon Keren Spesial Gratis"}],"author":[{"name":{"$t":"Seo Ciyus"},"uri":{"$t":"https:\/\/plus.google.com\/103761628986843100763"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh6.googleusercontent.com\/-_ElKAE9x4nc\/AAAAAAAAAAI\/AAAAAAAAAE0\/8CIATq7lsJY\/s512-c\/photo.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-_RcWN3paNQA\/URlh4wrWN0I\/AAAAAAAADPA\/3ttR12Fgss4\/s72-c\/social+icon+keren+dengan+css.jpg","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-8360337788837561206"},"published":{"$t":"2013-04-09T03:11:00.001+07:00"},"updated":{"$t":"2013-04-09T03:20:33.944+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger SEO"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Wordpress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Wordpress SEO"}],"title":{"type":"text","$t":"Cara Menggunakan Webmaster Tools Untuk Pemula"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003EKebetulan lagi sering buka Webmaster Tools makanya dapet ide buat postingan ini gan. Webmaster Tools ini alat yang disediain sama Google secara gratis untuk kita pemilik blog atau situs. Fungsi utamanya adalah untuk mengetahui laporan lengkap tentang blog atau situs kita. Mulai dari jumlah penayangan blog sampai masalah error yang terjadi di blog kita gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-SpC7BfkGdeA\/UWMgN1pGJ6I\/AAAAAAAADfY\/0IgcwCRPwnI\/s1600\/cara+menggunakan+google+webmaster+tools.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-SpC7BfkGdeA\/UWMgN1pGJ6I\/AAAAAAAADfY\/0IgcwCRPwnI\/s1600\/cara+menggunakan+google+webmaster+tools.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EUntuk pemula mungkin akan sedikit kebingungan menggunakan Webmaster Tools ini. Sama gw juga dulu kagak ngerti sama tools ini, tapi seiring waktu sekarang udah bisa menggunakan Webmaster Tools ini gan. Buat loe yang masih belum mengerti cara menggunkan Webmaster Tools, kali ini gw bakal share caranya gan.\u003Cbr \/\u003E\u003Cbr \/\u003EWebmaster tools ini kadangkala dilupakan oleh sebagian Blogger karena mungkin menganggap tools ini gak ada gunannya. Padahal peran tools ini lebih dari semua tools yang ada buat \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/mengoptimalkan-seo-dengan-sosial-media.html\" target=\"_blank\"\u003Eoptimasi SEO\u003C\/a\u003E. Jadi gw kasi tau jangan pernah anggep remeh Webmaster tools buat ngoptimalin blog loe gan. Lanjut aja ke topik utama bagaimana cara menggunankan Webmaster Tools ini dari cara mendaftar dan fungsi masing-masing toolsnya silahkan disimak gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003ECara Menggunakan Webmaster Tools Untuk Pemula\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003ECara Mendaftarkan Blog ke Webmaster Tools\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-efEM1Wn_aGc\/UWMgWCN1NAI\/AAAAAAAADfg\/YQiuteHtB5Y\/s1600\/cara+daftar+webmaster+tools.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-efEM1Wn_aGc\/UWMgWCN1NAI\/AAAAAAAADfg\/YQiuteHtB5Y\/s1600\/cara+daftar+webmaster+tools.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EUntuk bisa menggunakan Webmaster Tools tentu loe harus punya akun Google. Kalau udah punya langsung aja login ke \u003Ca href=\"http:\/\/www.google.com\/webmasters\/tools\/\" target=\"_blank\"\u003EGoogle Webmaster Tools\u003C\/a\u003E gan. Setelah login yang pertama loe lakuin adalah menambahkan blog atau situs loe gan. Caranya tinggal klik tombol warna merah di kanan atas \u003Cb\u003ETAMBAHKAN SITUS\u003C\/b\u003E, lalu isi dengan URL blog loe dan klik \u003Cb\u003ETerus\u003C\/b\u003E. Setelah itu loe bakal dibawa ke halaman verifikasi, disini pilih tab \u003Cb\u003EMetode Alternatif\u003C\/b\u003E dan centang \u003Cb\u003ETag HTML\u003C\/b\u003E. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-P-saP3-acG0\/UWMgwx67GAI\/AAAAAAAADfw\/pIHvdWOrx2w\/s1600\/verifikasi+webmaster+tools.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-P-saP3-acG0\/UWMgwx67GAI\/AAAAAAAADfw\/pIHvdWOrx2w\/s1600\/verifikasi+webmaster+tools.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EAbis itu loe copy kode meta HTML yang dikasi dan pastein ke template blog di bagian tag \u003Cspan style=\"background-color: #cccccc;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E gan. Kalau udah lalu klik tombol merah \u003Cb\u003EVERIFIKASI\u003C\/b\u003E di Webmaster Tools dan liat hasilnya kalau berhasil maka blog loe bakal muncul di Dashboard Webmaster Tools gan. Beres gampang kan cara nambahin blog ke Webmaster Toolsnya gan. Sekarang lanjut ke cara menggunakannya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003ECara Menggunakan Webmaster Tools\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESudah daftar di Webmaster Tools sekarang kita cari tau cara menggunakannya gan. Di halaman awal Webmaster Tools loe pilih blog yang mau dikelola, diklik aja URLnya gan. Setelah masuk\u0026nbsp; loe bakal liat halaman Dasboard awal dari Webmaster Tools. Disana ada status pesan \u003Cb\u003EBaru dan Penting\u003C\/b\u003E serta \u003Cb\u003EStatus Saat Ini\u003C\/b\u003E, gak usah kaget kalau \u003Cb\u003EKueri Penelusuran\u003C\/b\u003E sama \u003Cb\u003EPeta Situs\u003C\/b\u003E masih kosong karena loe baru mendaftar gan.\u003Cbr \/\u003E\u003Cbr \/\u003ELanjut disisi kiri Webmaster Tools loe bakal nemuin banyak tab gan. Dibalik tab-tab tersebut loe bakal nemuin banyak \u003Ca href=\"http:\/\/seociyus.blogspot.com\/search\/label\/Tool\" target=\"_blank\"\u003ETool\u003C\/a\u003E yang bisa digunain gan. Gw bakal jelasin yang penting-penting aja dan yang bakal sering loe pake biar gak terlalu panjang postingan gw, cek it dot gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E1. Konfigurasi \u0026gt; \u003C\/b\u003E\u003Cb\u003ESetelan\u003C\/b\u003E \u0026gt;\u0026gt; Disini loe bisa ngerubah \u003Cb\u003ETarget Geografis\u003C\/b\u003E tinggal pilih aja negara yang jadi target blog loe gan.\u003Cbr \/\u003E\u003Cbr \/\u003E2. \u003Cb\u003EKesehatan\u003C\/b\u003E \u0026gt; \u003Cb\u003EAmbil Sebagai Google\u003C\/b\u003E \u0026gt;\u0026gt; Fungsi tools ini untuk proses pengindekan URL postingan lama atau pun baru gan. Bisa juga digunakan untuk memaksa Google agar cepat mengindex URL postingan lama yang baru di update. Caranya tinggal nambahin URL postingan ke kolom yang udah disediain lalu klik \u003Cb\u003EAmbil\u003C\/b\u003E. Tunggu beberapa detik kalau berhasil tinggal klik \u003Cb\u003EKirimkan ke index\u003C\/b\u003E gan. Setelah itu loe submit URLnya ke Google melalui alamat ini \u003Ca href=\"https:\/\/www.google.com\/webmasters\/tools\/submit-url\" rel=\"nofollow\" target=\"_blank\"\u003Ehttps:\/\/www.google.com\/webmasters\/tools\/submit-url\u003C\/a\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003E3. \u003Cb\u003EPengoptimalan\u003C\/b\u003E \u0026gt; \u003Cb\u003EPeta Situs\u003C\/b\u003E \u0026gt;\u0026gt; Ini alat yang sangat penting agar Googlebot bisa merayapi setiap halaman blog loe dengan baik gan. Cara nambahinnya tinggal klik tombol \u003Cb\u003ETAMBAHKAN\/UJI PETA SITUS\u003C\/b\u003E, lalu ketikan \u003Cspan style=\"background-color: #ea9999;\"\u003Esitemap.xml\u003C\/span\u003E ke dalam kotak kosongnya dan klik \u003Cb\u003EMengirim Peta Situs\u003C\/b\u003E gan. Beres tinggal ditunggu aja hasilnya, untuk berapa lama sitemap ini terindex tergantung dari kondisi kesehatan blog dan aktivitas update postingan di blog gan.\u003Cbr \/\u003E\u003Cbr \/\u003E4. \u003Cb\u003EPengoptimalan\u003C\/b\u003E \u0026gt; \u003Cb\u003EHapus URL\u003C\/b\u003E \u0026gt;\u0026gt; Tools yang bisa digunakan untuk menghapus URL postingan kita dari pencarian Google gan. Tinggal masukin aja URL postingan yang mau dihapus dari pencarian Google. Sebelum menghapus URL loe harus baca aturannya dulu di \u003Ca href=\"https:\/\/support.google.com\/webmasters\/bin\/answer.py?hl=en\u0026amp;answer=59819\" rel=\"nofollow\" target=\"_blank\"\u003Ehttps:\/\/support.google.com\/webmasters\/bin\/answer.py?hl=en\u0026amp;answer=59819\u003C\/a\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EItulah tools penting yang akan sering kalian gunakan di Google Webmaster Tools gan. Masih ada juga beberapa tools penting yang fungsinya untuk menganalisa blog loe. Gw bakal jelasin beberapa aja sebagai berikut ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E1. \u003Cb\u003EKesehatan\u003C\/b\u003E \u0026gt; \u003Cb\u003EKesalahan Perayapan\u003C\/b\u003E \u0026gt;\u0026gt; Disini loe bakal nemuin URL-URL di blog loe yang rusak atau tidak ditemukan gan. Kalau Google nemuin kesalahan perayapan, loe tinggal centang URLnya lalu klik \u003Cb\u003ETANDAI SEBAGAI TELAH DIPERBAIKI\u003C\/b\u003E gan. Agar kedepanya Google gak ngindex lagi URL yang rusak tersebut.\u003Cbr \/\u003E\u003Cbr \/\u003E2. \u003Cb\u003ELalu Lintas\u003C\/b\u003E \u0026gt; \u003Cb\u003EKueri Penelusuran\u003C\/b\u003E \u0026gt;\u0026gt; Disini bakal ditampilin grafik lengkap penelusuran blog loe di Google gan. Jadi loe bakal tau berapa jumlah kueri, penayang dan klik blog loe. Juga loe bisa menganalisa kata kunci apa aja yang paling banyak penayanganya sama posisi rata-rata di pencarian gan.\u003Cbr \/\u003E\u003Cbr \/\u003E3. \u003Cb\u003ELalu Lintas\u003C\/b\u003E \u0026gt; \u003Cb\u003ETautan ke Situs\u003C\/b\u003E \u0026gt;\u0026gt; Disini loe bisa tau berapa jumlah \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/cara-membangun-link-alami-di-2013-untuk-seo.html\" target=\"_blank\"\u003Ebacklink\u003C\/a\u003E blog loe yang dihitung sama Google gan. Dan juga loe bakal tau dari mana aja asal backlink tersebut. Kalau gw gak salah Google ngupdate data backlink ini setiap hari Selasa gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003C\/div\u003E\u003Cbr \/\u003EGw rasa itu aja yang perlu diperhatikan dalam menggunakan Webmaster Tools untuk pemula gan. Untuk fitur-fitur yang lainnya loe silahkan dicoba-coba sendiri dan gw yakin seiring waktu loe bakal lebih mengerti gan. Semoga postingan tentang cara menggunakan Webmaster Tools untuk pemula ini bermanfaat. Kalau ada yang gak ngerti silahkan ditanyakan dan jangan lupa ninggalin komentar ya gan.\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/8360337788837561206\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/cara-menggunakan-webmaster-tools-untuk.html#comment-form","title":"107 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/8360337788837561206"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/8360337788837561206"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/cara-menggunakan-webmaster-tools-untuk.html","title":"Cara Menggunakan Webmaster Tools Untuk Pemula"}],"author":[{"name":{"$t":"Seo Ciyus"},"uri":{"$t":"https:\/\/plus.google.com\/103761628986843100763"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh6.googleusercontent.com\/-_ElKAE9x4nc\/AAAAAAAAAAI\/AAAAAAAAAE0\/8CIATq7lsJY\/s512-c\/photo.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-SpC7BfkGdeA\/UWMgN1pGJ6I\/AAAAAAAADfY\/0IgcwCRPwnI\/s72-c\/cara+menggunakan+google+webmaster+tools.jpg","height":"72","width":"72"},"thr$total":{"$t":"107"}},{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-1107636098263456110"},"published":{"$t":"2013-03-28T15:24:00.001+07:00"},"updated":{"$t":"2013-03-29T03:40:01.535+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Wordpress"}],"title":{"type":"text","$t":"Cara Share Postingan Otomatis Ke Sosial Media"},"content":{"type":"html","$t":"Salah satu cara biar blog banyak yang mengunjungi adalah dengan share postingan kita ke sosial media gan. Banyak banget ada yang namanya sosial media, tapi yang umum dipake sama orang Indonesia cuma Facebook, Twitter dan Google+ ya kan gan? Nah ngomongin soal share postingan ke sosial media tentu kalian udah tau caranya, tinggal buka akun sosial media terus share link postingannya beres gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETapi pasti ribet banget, kalau setiap buat postingan kita harus share satu-satu secara manual ke sosial media gan. Untuk itu pada kesempatan kali ini gw pengen ngasi tutorial cara share postingan otomatis ke sosial media gan. Jadi kita gak perlu ribet buka akun sosial media satu persatu cuma buat share postingan kita gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-UrqtXbUW1RY\/UVPvT486iII\/AAAAAAAADdg\/tSdfwumf4MM\/s1600\/share+postingan+otomatis+ke+sosial+media.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-UrqtXbUW1RY\/UVPvT486iII\/AAAAAAAADdg\/tSdfwumf4MM\/s1600\/share+postingan+otomatis+ke+sosial+media.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EAda banyak cara dan aplikasi yang bisa kita gunain buat share postingan secara otomatis gan. Kalau mau share otomatis ke Google+ udah disediain di dashboard Blogger fiturnya gan. Sedangkan share otomatis ke situs sosial media yang lain kita butuh alat bantu gan. Banyak banget alat bantu yang bisa kita pakai dari \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-membuat-feed-di-feedburner.html\" target=\"_blank\"\u003EFeedburner\u003C\/a\u003E, IFTTT, Buffer, Hootsuite dan lain-lain.\u003Cbr \/\u003E\u003Cbr \/\u003EYang bakal gw share kali ini adalah cara share postingan otomatis pake Hootsuite gan. Kenapa Hootsuite? karena alat ini populer, gampang buat pemula dan merupakan favorit gw gan. Langsung aja disimak cara share postingan otomoatis ke sosial media pake Hootsuite gan. Gw coba jelasin secara detail, semoga bisa dengan mudah dimengerti ya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003ECara Share Postingan Otomatis Ke Sosial Media ( Hootsuite )\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-78SmvWFx3w4\/UVPzJKWlOGI\/AAAAAAAADdw\/EZ-8nR9MvYE\/s1600\/hootsuite+sosial+media+share.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-78SmvWFx3w4\/UVPzJKWlOGI\/AAAAAAAADdw\/EZ-8nR9MvYE\/s1600\/hootsuite+sosial+media+share.jpg\" height=\"176\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EPertama kalian menuju ke situs \u003Ca href=\"http:\/\/hootsuite.com\/\" target=\"_blank\"\u003EHootsuite\u003C\/a\u003E lalu daftar gan. Cara daftarnya gampang bisa pake akun Facebook atau pake email gan. Tinggal di isi aja datanya yang lengkap terus klik \u003Cb\u003ESign Up Now\u003C\/b\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-y6Tf-tQYnRg\/UVPzTPUcVzI\/AAAAAAAADd4\/lYaY_LujuLw\/s1600\/daftar+hootsuite.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-y6Tf-tQYnRg\/UVPzTPUcVzI\/AAAAAAAADd4\/lYaY_LujuLw\/s1600\/daftar+hootsuite.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EKalau udah selesai daftar sekarang loe login ke Hootsuite gan. Di halaman awal dashboard hootsuite setelah loe login pilih \u003Cb\u003EAdd Social Network\u003C\/b\u003E gan. Disana ada 8 sosial media yang bisa loe pilih buat ditampilin di Hootsuite dan nanti buat share postingan otomatisnya juga gan. Misal loe pilih Twitter, langsung aja klik \u003Cb\u003EConnect with Twitter\u003C\/b\u003E. Lalu bakal muncul halaman \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-buat-facebook-like-box-pop-up.html\" target=\"_blank\"\u003Epop up\u003C\/a\u003E login ke Twitter buat ngasi izin aplikasi Hootsuite terhubung sama akun Twitter loe gan. Login ke Twitter dan klik \u003Cb\u003EAuthorize app\u003C\/b\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-LQwvfGm3cF8\/UVPzz4h3igI\/AAAAAAAADeE\/gTFs7Nyo2Ww\/s1600\/sambung+hootsuite+dengan+sosial+media.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-LQwvfGm3cF8\/UVPzz4h3igI\/AAAAAAAADeE\/gTFs7Nyo2Ww\/s1600\/sambung+hootsuite+dengan+sosial+media.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003ESetelah berhasil ngizinin aplikasi Hootsuite terhubung sama akun sosial media, maka akan muncul tab baru gan. Silahkan di hubungkan akun sosial media lain yang loe punya ke Hootsuite dengan cara yang sama gan. Kalau udah beres menghubungkan semua akun sosial medianya sekarang kita lanjut menghubungkan Blog yang kita pengen share postingannya secara otomatis via Hootsuite gan.\u003Cbr \/\u003E\u003Cbr \/\u003ECaranya di dashboard Hootsuite loe pilih \u003Cb\u003ESetting\u003C\/b\u003E dan klik \u003Cb\u003ERSS\/Atom\u003C\/b\u003E atau bisa juga pilih \u003Cb\u003EPublisher\u003C\/b\u003E lalu klik \u003Cb\u003ERSS Feeds\u003C\/b\u003E gan. Setelah itu klik tanda\u0026nbsp;\u003Cb\u003E+ ( Add New Feed )\u003C\/b\u003E, terus tinggal di isi datanya gan. Tambahin alamat feed blog loe, pilih akun sosial media yang mau dipake buar \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-membuat-share-button-melayang.html\" target=\"_blank\"\u003Eshare postingan\u003C\/a\u003E, pilih waktu ngeceknya, pilih jumlah postingan, kata-kata tambahan dan URL shortenernya kalau udah lengkap tinggal klik \u003Cb\u003ESave Feed\u003C\/b\u003E aja gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-E5dvrPW21Po\/UVP0VcdnRfI\/AAAAAAAADeI\/FlW6YanH-ys\/s1600\/blog+feed+ke+hootsuite.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-E5dvrPW21Po\/UVP0VcdnRfI\/AAAAAAAADeI\/FlW6YanH-ys\/s1600\/blog+feed+ke+hootsuite.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003ELakukan hal yang sama untuk nambahin feed ke akun sosial media yang laennya gan. Semua udah beres sekarang loe gak perlu repot-repot lagi share postingan ke sosial media karena semua udah secara otomatis di share melalui Hootsuite gan. Untuk fitur dari Hootsuite yang laennya silahkan dicoba-coba sendiri misal nambahin Aplikasi Blogger. Jadi nanti loe bisa buat postingan langsung dari Hootsuite gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian dulu ulasan gw tentang cara share postingan otomatis ke sosial media via Hootsuite semoga bermanfaat gan. Kalau ada yang gak dimengerti silahkan ditanyakan dan jangan lupa berkomentar di bawah ya gan."},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/1107636098263456110\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/03\/cara-share-postingan-otomatis-ke-sosial-media.html#comment-form","title":"54 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/1107636098263456110"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/1107636098263456110"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/03\/cara-share-postingan-otomatis-ke-sosial-media.html","title":"Cara Share Postingan Otomatis Ke Sosial Media"}],"author":[{"name":{"$t":"Seo Ciyus"},"uri":{"$t":"https:\/\/plus.google.com\/103761628986843100763"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh6.googleusercontent.com\/-_ElKAE9x4nc\/AAAAAAAAAAI\/AAAAAAAAAE0\/8CIATq7lsJY\/s512-c\/photo.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-UrqtXbUW1RY\/UVPvT486iII\/AAAAAAAADdg\/tSdfwumf4MM\/s72-c\/share+postingan+otomatis+ke+sosial+media.jpg","height":"72","width":"72"},"thr$total":{"$t":"54"}},{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-1230809542538500851"},"published":{"$t":"2013-03-28T12:28:00.000+07:00"},"updated":{"$t":"2013-03-28T12:28:15.745+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Wordpress"}],"title":{"type":"text","$t":"Tips Memulai Blogging Untuk Pemula Banget"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003EPunya blog itu asyik karena kita bisa nulis sesuatu yang kita pikirkan dan membaginya ke jutaan orang melalui internet gan. Buat sebagian orang blogging itu hanya sebuah hobi ( gw banget ) dan buat sebagian lagi blogging itu merupakan sebuah pekerjaan bener gak gan? Untuk menjadi seorang blogger sebenernya gak susah-susah amat, yang penting punya ide buat bisa dituangkan menjadi sebuah karya tulis beres gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-mbutG340pnY\/UUmuESnybpI\/AAAAAAAADcY\/jR2ZG9zqBo4\/s1600\/tips+blogging+pemula.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-mbutG340pnY\/UUmuESnybpI\/AAAAAAAADcY\/jR2ZG9zqBo4\/s1600\/tips+blogging+pemula.jpg\" height=\"133\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cspan id=\"goog_1845115431\"\u003E\u003C\/span\u003E\u003Cspan id=\"goog_1845115432\"\u003E\u003C\/span\u003E\u003Cbr \/\u003EBuat loe yang mungkin baru ingin memulai blogging, kali ini gw punya sedikit tips. Tips ini semuanya dari pengalaman gw aja selama ngeblog gan. Yang namanya pemula wajar kalau gak begitu ngerti tentang dunia perbloggingan. Oleh sebab itu kita harus terus belajar dan belajar gan. Gw aja ampe sekarang masih terus belajar biar bisa jadi blogger yang profesional ( cita-cita ).\u003Cbr \/\u003E\u003Cbr \/\u003EDari ngeblog banyak keuntungan yang bisa kita dapet, diantaranya jadi punya banyak temen, menambah pengetahuan dan bisa menghasilkan duit juga gan. Kita langsung aja ke topik utama, berikut ini gw bakal share tips memulai blogging untuk pemula banget gan. Inget untuk pemula banget, kalau loe udah senior silahkan aja di baca-baca siapa tau berguna gan. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003ETips Memulai Blogging Untuk Pemula Banget\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESebelum memulai blogging tentu harus punya blog, kalau belum punya ya buat dulu gan. Banyak platform blog gratis yang bisa loe pake misal Blogger, Wordpress, Tumblr, TypePad dan masih banyak lagi, silahkan dipilih sesuai selera aja gan. Kalau mau buat blog di Blogger bisa baca tutorialnya \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/tutorial-membuat-blog-di-blogger.html\" target=\"_blank\"\u003Edisini\u003C\/a\u003E. \u003Cbr \/\u003E\u003Cbr \/\u003EKalau buat blog usahain namain blognya yang unik, menarik dan gak terlalu panjang. Misal pake nama loe aja gak masalah atau nama yang ada kaitannya sama topik blog yang bakal loe buat gan. Udah buat blog sekarang lanjut ke tips-tipsnya, cek it dot gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E1. Tujuan Dan Topik\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-WPkRG2WcpQo\/UUmuSqN-d6I\/AAAAAAAADcg\/Zq-ubN5t1ts\/s1600\/tujuan+topik+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-WPkRG2WcpQo\/UUmuSqN-d6I\/AAAAAAAADcg\/Zq-ubN5t1ts\/s1600\/tujuan+topik+blog.jpg\" height=\"172\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003ETentuin apa tujuan loe blogging misal cuma buat fun, hobi, cari duit atau yang lainnya. Ini penting karena biar kedepannya loe bisa jadi seorang blogger yang jelas dan fokus gan. Maksudnya loe gak bakal berubah-rubah haluan dan ngikut-ngikutin orang laen. Kalau cuma ngikutin orang laen gak bakal sukses, karena setiap blogger punya kelebihan sendiri-sendiri gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETujuan udah jelas sekarang tentuin topik blog loe gan. Sebaiknya topik blog sesuai sama hobi atau hal-hal yang loe sukai. Alasannya sederhana aja karena loe bakal lebih mudah dapet ide buat nulis postingan. Buat blogger ide menarik itu yang paling susah dicari gan. Selain itu kalau loe buat blog yang ada hubungannya sama hal-hal yang disukai, itu bakal bikin loe ngerasa lebih enjoy dan semangat ngelola blognya jadi bakal gak ada matinya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E2. Menulis Postingan\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-9l8S_YNTpd8\/UUmujlVGc6I\/AAAAAAAADco\/0KjR_gXeSk0\/s1600\/menulis+postingan+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-9l8S_YNTpd8\/UUmujlVGc6I\/AAAAAAAADco\/0KjR_gXeSk0\/s1600\/menulis+postingan+blog.jpg\" height=\"220\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EUdah punya blog dengan tujuan dan topik yang jelas, sekarang saatnya memulai menulis postingan gan. Sebelum mulai nulis, loe pasti pengen kelak postingan yang dibuat bakal dibaca banyak orang ya kan gan. Untuk itu loe perlu cari tau apa yang disukai dan menarik perhatian orang. Cara sederhana aja loe search di Google, ide menarik yang bakal loe tulis. Dari situ loe bakal tau berapa jumlah blog yang udah buat postingan tentang ide tersebut gan.\u003Cbr \/\u003E\u003Cbr \/\u003EManfaatin \u003Cb\u003EGoogle Keyword\u003C\/b\u003E juga buat nyari tau jumlah orang yang mencari dan tingkat persaingan kata kunci gan. Ini penting karena sebagai pemula loe gak bakal bisa langsung ngalahin blogger-blogger senior dan nembus halaman depan Google semua butuh waktu gan. Jadi awalai dari yang tingkat persaingannya gak terlalu tinggi gan.\u003Cbr \/\u003E\u003Cbr \/\u003EBuat postingan yang semenarik mungkin, usahain pake gambar kalau buat postingan karena \" \u003Ci\u003Esebuah gambar lebih bermakna dari pada ribuan kata-kata\u003C\/i\u003E \" gan, memberi manfaat buat yang baca, bahasanya mudah dimengerti ( tulis sesuai gaya loe jangan ikut-ikutan orang ), jangan terlalu mikirin SEO ( gak penting buat pemula banget ), sering-sering update postingan biar blog loe di indexnya cepet sama Google juga bikin Alexa rank semakin bagus dan menulislah dengan tulus pasti hasilnya bakal maknyus gan. \u003Cbr \/\u003E\u003Cbr \/\u003EJangan pernah buat postingan yang gak sesuai dengan fakta alias nipu gan. Dan satu kesalahan seorang pemula biasanya seneng copas postingan orang laen, dengan tujuan biar isi postingan blog jadi banyak. Buat apa gan isi blog loe banyak tapi gak menarik dan cuma hasil copas?\u003Cbr \/\u003E\u003Cbr \/\u003EKunci sukses sebuah blog ada pada isi postingannya gan. Isi yang menarik selain disukai sama pengunjung juga bakal bikin postingan tersebut ada di halaman depan \u003Ca href=\"https:\/\/www.google.co.id\/\" target=\"_blank\"\u003EGoogle\u003C\/a\u003E. Ini fakta bukan mimpi, silahkan dibuktikan sendiri gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E3. Mencari Sesuatu ( Inspirasi )\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-W8ub5ue7gFE\/UUmuwG0vgrI\/AAAAAAAADcw\/Ym5-KUaR6xY\/s1600\/blogwalking.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-W8ub5ue7gFE\/UUmuwG0vgrI\/AAAAAAAADcw\/Ym5-KUaR6xY\/s1600\/blogwalking.jpg\" height=\"264\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003ENyari sesuatu apaan ni gan? gini gan maksudnya mencari sesuatu itu loe sering-sering berkunjung ke blog orang laen istilah kerennya Blogwalking terutama blog-blog yang top, keren dan jumlah pengunjungnya banyak. Tujuannya ya buat mencari sesuatu yang berguna untuk kemajuan blog loe. Pertama amati gimana cara yang punya blog itu menyampaikan isi postingannya, terus desain blognya dan hal-hal menarik lainnya, yang kirannya nanti bisa jadi inspirasi dan diterapkan di blog loe gan.\u003Cbr \/\u003E\u003Cbr \/\u003EBeda kalau loe udah senior gak perlu ngelakuin hal beginian sering-sering, karena orang laen yang bakal blogwalking ke blog loe gan. Coba aja loe cek mana ada blogger senior blogwalking kesana kemari terus ninggalin komen di blog orang laen, jarang banget kan. Bukannya mereka sombong tapi mereka udah punya pendirian dan fokus ke blognya sendiri gan. \u003Cbr \/\u003E\u003Cbr \/\u003ESaat berkunjung ke blog orang laen kalau loe ngerasa dapet inspirasi, ada baiknya loe ninggalin komen gan. Buat komentar yang biasa aja gak pake ninggalin link-link segala, belajar jadi blogger yang punya tata krama biar loe dihargai sama temen-temen blogger yang laen gan. Boleh aja ninggalin link tapi jangan sering-sering dan jangan pake link hidup gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E4. Target ( Rangking \u0026amp; Pengunjung )\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-_LzoRtR9-Gk\/UUmu8SyfPbI\/AAAAAAAADc4\/fBwFnDwgLXE\/s1600\/target+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-_LzoRtR9-Gk\/UUmu8SyfPbI\/AAAAAAAADc4\/fBwFnDwgLXE\/s1600\/target+blog.jpg\" height=\"280\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EDalam membuat dan melakukan sesuatu tentu kalau punya target tinggi itu bagus banget gan. Disini sebagai seorang blogger pemula banget, saran gw jangan pasang target yang terlalu tinggi. Misal blog gw harus ada di urutan no 1 Google dan bisa ngalahin blognya si A, si B dll. Ini motivasi yang bagus sebenernya tapi loe juga harus sadar dan realistis kalau loe sebagai pemula butuh waktu untuk bisa mencapai itu semua gan.\u003Cbr \/\u003E\u003Cbr \/\u003EGak usah mikirin posisi di pencarian, tetep fokus buat postingan yang menarik dan kedepannya bakal di baca banyak orang. Dengan begini tanpa disadari apa yang menjadi harapan loe bakal tercapai dengan mudah gan. Jangan sering-sering ngecek posisi postingan di pencarian, karena kalau posisinya jelek bakal bikin semangat loe drop, biarin aja om \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/03\/alasan-kenapa-google-menghapus-blog-kita.html\" target=\"_blank\"\u003EGoogle bekerja\u003C\/a\u003E membawa postingan loe ke posisi teratas dengan syarat isi postingan loe unik dan menarik gan.\u003Cbr \/\u003E\u003Cbr \/\u003EJangan juga terlalu mikirin jumlah pengunjung ke blog loe gan. Hal yang sangat wajar kalau blog baru jumlah pengunjungnya sedikit. Jadi gak usah dibawa stres kalau blog loe sepi, tetep semangat buat sesuatu yang menarik dan yakin sama apa yang loe buat. Dengan begitu tanpa loe sadari kedepannya pengunjung blog loe bakal meningkat dan semakin ramai gan. Gak ada yang mustahil di dunia perbloggingan gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4 style=\"text-align: left;\"\u003E5. Sosialisasi ( Promosi )\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-7Y0gYZpyOIc\/UUmvI9IUOJI\/AAAAAAAADdA\/bq7portuSec\/s1600\/promosi+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-7Y0gYZpyOIc\/UUmvI9IUOJI\/AAAAAAAADdA\/bq7portuSec\/s1600\/promosi+blog.jpg\" height=\"180\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EIni salah satu hal yang paling penting buat ningkatin jumlah pengunjung dan popularitas blog loe gan. Mensosialisasikan blog loe melalui media sosial ke temen-temen atau orang-orang yang loe kenal gan. Jangan pernah merasa malu mempromosikan blog loe, PD aja sama hasil karya loe gan. Karena ini salah satu cara yang ampuh buat menarik perhatian pengunjung terutama buat blog pemula banget.\u003Cbr \/\u003E\u003Cbr \/\u003EBeda kalau loe udah senior, gak perlu promosi pasti blog loe bakal banyak yang ngunjungin gan. Karena blog yang udah lama dan bagus udah punya pengunjung setia dan tetap gan. Juga para blogger senior punya trik masing-masing buat ningkatin jumlah pengunjungnya gan. Jadi buat pemula banget loe harus terus mempromosikan blog baru yang udah dibuat gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETapi ada metode-metode promosi yang harus loe usahain untuk dihindari gan. Di antaranya submit postingan ke sosial bookmark, blog direktori dan artikel direktori. Alasannya karena banyak sosbook, blog direktori, maupun artikel direktori yang kualitasnya buruk gan. Jangan awali blog baru loe dengan hal-hal yang gak berkualitas gan. Mending loe join di forum buat nyari temen dan secara bertahap loe bisa mempromosikan blog loe, tapi jangan mengumbar link terutama link hidup dimana-mana gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4 style=\"text-align: left;\"\u003E6. Desain \u0026amp; SEO\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-MzSIxm8wxg4\/UUmvxnYxmqI\/AAAAAAAADdQ\/WIQXSfyWZIg\/s1600\/desain+dan+seo.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-MzSIxm8wxg4\/UUmvxnYxmqI\/AAAAAAAADdQ\/WIQXSfyWZIg\/s1600\/desain+dan+seo.jpg\" height=\"159\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EKenapa gw taruh desain dan SEO di bagian belakang? karena yang namamnya pemula kalau udah ngomongin desain sama SEO bakal lupa segalanya. Biasanya blogger pemula seneng banget ngutak-atik desain blognya, bahkan lebih fokus ngurusin desain dari pada buat postingan bener gak gan? Jadi usahain jangan terlalu mikirin desain blog, karena seiring dengan waktu loe bakal bisa bikin tampilan blog yang keren dan profesional gan.\u003Cbr \/\u003E\u003Cbr \/\u003ESEO itu memang salah satu elemen penting biar blog yang loe buat bisa ada di halaman depan Google gan. Dimana-mana semua orang ngomongin SEO buat ningkatin rangking blog di mesin pencari. Tapi loe sebagai pemula ada baiknya jangan terlalu mikirin yang namanya SEO karena ini bisa bikin loe bingung gan. Jadi setiap mau buat postingan loe bakal kebayang-bayang yang namanya SEO.\u003Cbr \/\u003E\u003Cbr \/\u003EIni bisa bikin hasil postingan loe gak maksimal karena terlalu mikirin SEO, ngerasa serba salah dan terjebak dengan yang namanya SEO. Jujur ampe sekarang gw gak pernah terlalu mikirin SEO kalau buat postingan, yang gw pikirin cuma gimana postingan gw biar dibaca dan disukai banyak orang gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETujuan utama kita nulis postingan untuk pengunjung bukan mesin pencari gan. Si om Google pun nyaranin kita buat ngelakuin hal ini gan. Untuk urusan SEO buat pemula sebaiknya lakuin hal-hal dasar aja misal \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-membuat-memasang-meta-tag-di-blogger..html\" target=\"_blank\"\u003Ememasang meta tag\u003C\/a\u003E kalau pake Blogger, terus penempatan kata kunci di judul postingan dan submit blog loe ke Google Webmaster Tool sama tambahin Google Analystic di blog ( tutorialnya cari di Google ) gan. Seiring waktu loe bakal lebih mengerti dan memahami gimana SEO itu gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4 style=\"text-align: left;\"\u003E7. Belajar\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-LsTd9WNRDPI\/UUmvdi62X_I\/AAAAAAAADdM\/aKPyivxU-8Q\/s1600\/belajar+blogging.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-LsTd9WNRDPI\/UUmvdi62X_I\/AAAAAAAADdM\/aKPyivxU-8Q\/s1600\/belajar+blogging.jpg\" height=\"188\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EIni tips terakhir buat pemula banget yakni belajar gan. Kalau kita pengen pinter ya harus belajar bener kan gan. Jangan pernah takut buat belajar tentang hal-hal yang berkaitan dengan dunia blogging gan. Awali buat belajar hal-hal dasar tentang kode HTML, karena kode HTML merupakan elemen dasar sebuah blog terutama di Blogger. Jadi kedepannya loe bakal lebih mudah buat ngedit-ngedit blog gan.\u003Cbr \/\u003E\u003Cbr \/\u003EBelajar juga hal-hal dasar tentang SEO lalu secara bertahap loe coba praktekan. Karena SEO itu harus dipraktekan buat ngetahui berhasil apa gak gan. Gw gak bakal bahas SEO terlalu jauh disini, loe bisa baca postingan gw tentang \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/tips-seo-untuk-pemula.html\" target=\"_blank\"\u003Etips SEO untuk pemula\u003C\/a\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003ESelain belajar kedua hal di atas loe juga harus belajar dari blogger laen gan. Jangan pernah malu buat bertanya, kalau emang gak enak nanya lewat kotak komentar loe bisa email yang punya blog. Semakin banyak loe belajar semakin bertambah kemampuan yang loe miliki gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EItulah tips-tips yang bisa dipertimbangkan buat memulai blogging untuk yang pemula banget gan. Sebelum gw akhiri ini ada beberapa tips sederhana tentang hal-hal yang harus loe hindari dalam blogging untuk pemula banget, berikut ini tipsnya gan :\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003EHindari pakai widget yang berlebihan, selain bikin berat blog juga bikin tampilan blog gak karuan.\u003C\/li\u003E\u003Cli\u003EMemoneytize blog, jangan terlalu banyak pasang banner iklan kalau bisa gak perlu pasang iklan dulu. Biarin blog loe umurnya agak lama dan pengunjungnya mulai rame baru pasang iklan gan. Sederhana aja, blog yang baru tentu gak punya nilai jual yang tinggi kalau di banding blog yg umurnya udah lama. Kalau mau dapet duit dari iklan harus sabar gan.\u003C\/li\u003E\u003Cli\u003EJangan menonaktifkan fitur komentar, karena loe sebagai blogger harus deket sama pengunjung blog. Tanpa mereka blog yang loe buat gak akan ada artinya gan.\u003C\/li\u003E\u003Cli\u003ETukeran link sama blog yang gak relevan, biasanya pemula seneng banget tukeran link dan ngerasa bangga kalau punya banyak link dari blog laen ya kan gan? Hati-hati ini melanggar aturan dari Google, kedepannya loe pasti bakal ngerti gan. \u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian dulu yang bisa gw share kali ini, semoga bermanfaat buat kalian yang ingin memulai blogging terutama bagi pemula banget. Inget juga buat ninggalin komentar di bawah ya, gak usah malu-malu gan.\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003C\/ul\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/1230809542538500851\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/03\/tips-memulai-blogging-untuk-pemula.html#comment-form","title":"282 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/1230809542538500851"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/1230809542538500851"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/03\/tips-memulai-blogging-untuk-pemula.html","title":"Tips Memulai Blogging Untuk Pemula Banget"}],"author":[{"name":{"$t":"Seo Ciyus"},"uri":{"$t":"https:\/\/plus.google.com\/103761628986843100763"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh6.googleusercontent.com\/-_ElKAE9x4nc\/AAAAAAAAAAI\/AAAAAAAAAE0\/8CIATq7lsJY\/s512-c\/photo.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-mbutG340pnY\/UUmuESnybpI\/AAAAAAAADcY\/jR2ZG9zqBo4\/s72-c\/tips+blogging+pemula.jpg","height":"72","width":"72"},"thr$total":{"$t":"282"}},{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-7269937092308566373"},"published":{"$t":"2013-02-23T13:57:00.004+07:00"},"updated":{"$t":"2013-02-23T13:57:58.008+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Wordpress"}],"title":{"type":"text","$t":"Kode Javascript Dan HTML Sederhana Buat Di Blog"},"content":{"type":"html","$t":"Setiap blogger baik pemula maupun yang udah ahli pasti bakal nemuin kode Javascript dan HTML di dalam blognya bener gak gan. Karena kedua kode ini merupakan elemen dasar dalam membuat dan memperkeren blog kita terutama di Blogger.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-WhuYh2hwz50\/USeHUO1_deI\/AAAAAAAADTE\/7L1GMZ8SJ7o\/s1600\/javascipt+dan+html+buat+di+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-WhuYh2hwz50\/USeHUO1_deI\/AAAAAAAADTE\/7L1GMZ8SJ7o\/s1600\/javascipt+dan+html+buat+di+blog.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EPada kesempatan kali ini gw pengen share beberapa kode Javascript dan HTML sederhana buat di blog. Mungkin kode-kode ini sederhana tapi bisa sangat berguna buat memperkeren blog gan. Jadi bisa di gunakan di blog kalian nantinya.\u003Cbr \/\u003E\u003Cbr \/\u003ESilahkan langsung disimak kode-kode di bawah ini gan, siapa tau berguna buat kalian atau memang kalian lagi mencari kode-kode ini. Semoga kode-kodenya bemanfaat dan menambah pengetahuan kita tentang kode Javascript dan HTML.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EKode Javascript Dan HTML Sederhana Buat Di Blog\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E1. Anti Klik Kanan\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EKode javascript ini buat menonaktifkan klik kanan di blog kalian gan, jadi pengunjung gak bisa klik kanan dan melihat source kode blog loe. Cari kode\u0026nbsp;\u003Cb\u003E\u0026lt;body\u0026gt;\u003C\/b\u003E di template blog kalian lalu ganti dengan kode dibawah ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;body oncontextmenu=\"return false;\"\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E2. Kotak Pesan Peringatan ( Alert Box )\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EPesan Pembuka\u003C\/h4\u003E\u003Cbr \/\u003EKode ini buat nampilin pesan saat pengunjung pertama kali membuka atau mengunjungi blog kalian gan. Cari kode\u0026nbsp;\u003Cb\u003E\u0026lt;\/head\u0026gt;\u003C\/b\u003E di template blog, lalu copy paste kode di bawah ini tepat di bawahnya gan. Tinggal di edit aja kalimat yang di \u003Cspan style=\"background-color: #ea9999;\"\u003Ehighlight\u003C\/span\u003E sesuai keinginan kalian gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\u0026nbsp;alert(\"\u003Cspan style=\"background-color: #ea9999;\"\u003ESELAMAT DATANG DI BLOG GAK JELAS INI\u003C\/span\u003E\");\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EPesan Penutup\u003C\/h4\u003E\u003Cbr \/\u003EKode ini muncul kalau pengunjung mau meninggalkan atau menutup tab blog kalian gan. Cara pasangnya sama dengan pesan pembuka, cari kode\u0026nbsp;\u003Cb\u003E\u0026lt;\/head\u0026gt;\u003C\/b\u003E lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di \u003Cspan style=\"background-color: #ea9999;\"\u003Ehighlight\u003C\/span\u003E sesuai keinginan kalian gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Ewindow.onbeforeunload=function(){\u003Cbr \/\u003Ereturn confirm(\"\u003Cspan style=\"background-color: #ea9999;\"\u003EYakin Ingin Meninggalkan Blog Ini?? Masih Banyak Yang Menarik Loh Untuk Di Baca!!\u003C\/span\u003E\");\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E3.Onmouseover Sound\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EKode ini buat memberikan backsound musik kalau pengunjung mengarahkan atau mengklik mousenya ke text atau gambar gan. Caranya tinggal copy paste kode di bawah ini ke mode HTML edit post blog kalian.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script language=\"javascript\" type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\u0026nbsp;function playSound(soundfile) {\u003Cbr \/\u003E\u0026nbsp;document.getElementById(\"SCsound\").innerHTML=\u003Cbr \/\u003E\u0026nbsp;\"\u0026lt;embed src=\\\"\"+soundfile+\"\\\" hidden=\\\"true\\\" autostart=\\\"true\\\" loop=\\\"false\\\" \/\u0026gt;\";\u003Cbr \/\u003E\u0026nbsp;}\u003Cbr \/\u003E\u0026nbsp;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;span id=\"SCsound\"\u0026gt;\u0026lt;\/span\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ELalu copy dan paste kode di bawah ini buat ngemunculin musik\/soundnya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;a href=\"#\" \u003Cspan style=\"background-color: #9fc5e8;\"\u003Eonmouseover\u003C\/span\u003E=\"playSound('\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-FILE-MUSIK\/SOUND\u003C\/span\u003E');\"\u0026gt;\u003Cbr \/\u003EMouseover DISINI Buat Dengerin Musik\u0026lt;\/a\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EAtau \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;a href=\"#\" \u003Cspan style=\"background-color: #9fc5e8;\"\u003Eonclick\u003C\/span\u003E=\"playSound('\u003Cspan style=\"background-color: #ea9999;\"\u003EURL-FILE-MUSIK\/SOUND\u003C\/span\u003E');\"\u0026gt;Klik DISINI Buat Dengerin Musik\u0026lt;\/a\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ETinggal dipilih aja mau yang \u003Cspan style=\"background-color: #9fc5e8;\"\u003Eonmouseover\u003C\/span\u003E atau \u003Cspan style=\"background-color: #9fc5e8;\"\u003Eonclick\u003C\/span\u003E gan. Lalu ganti \u003Cspan style=\"background-color: #ea9999;\"\u003EURL-FILE-MUSIK\/SOUND\u003C\/span\u003E dengan Url file musik\/sound kalian. Silahkan di edit sendiri kalimatnya atau bisa juga diganti sama gambar gan. Contoh kayak di bawah ini, silahkan di coba dan mungkin loadnya agak lama karena gw pake file mp3 gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cscript language=\"javascript\" type=\"text\/javascript\"\u003E function playSound(soundfile) { document.getElementById(\"SCsound\").innerHTML= \"\u003Cembed src=\\\"\"+soundfile+\"\\\" hidden=\\\"true\\\" autostart=\\\"true\\\" loop=\\\"false\\\" \/\u003E\"; } \u003C\/script\u003E \u003Cspan id=\"SCsound\"\u003E\u003C\/span\u003EMouseover \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/kode-javascript-dan-html-sederhana-buat-di-blog.html#\" onmouseover=\"playSound('https:\/\/sites.google.com\/site\/seociyussite\/file\/psy-gangnam-style-1.mp3');\"\u003EDISINI\u003C\/a\u003E Buat Dengerin Musik \u003Cbr \/\u003E\u003Cbr \/\u003EKlik \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/kode-javascript-dan-html-sederhana-buat-di-blog.html#\" onclick=\"playSound('https:\/\/sites.google.com\/site\/seociyussite\/file\/psy-gangnam-style-1.mp3');\"\u003EDISINI\u003C\/a\u003E Buat Dengerin Musik \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E4.Show Hide Konten \/ Spoiler\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EKode untuk menampilkan atau menyembunyikan konten, mirip tombol spoiler yang ada\u0026nbsp; di forum-forum gan. Cara pasangnya gampang, loe cari kode \u003Cb\u003E\u0026lt;\/head\u0026gt;\u003C\/b\u003E lalu copy paste kode javascript di bawah ini di atasnya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script language='javascript' type='text\/javascript'\u0026gt;\u003Cbr \/\u003Efunction showHide() {\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; var ele = document.getElementById(\"showHideDiv\");\u003Cbr \/\u003E\u0026nbsp;if(ele.style.display == \"block\") {\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; ele.style.display = \"none\";\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; }\u003Cbr \/\u003Eelse {\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; ele.style.display = \"block\";\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; } }\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekarang tinggal nambahin kode di konten yang pengen di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah gw kasi tanda gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;form action=\"\" method=\"post\"\u0026gt;\u003Cbr \/\u003E\u0026lt;input onclick=\"return showHide();\" type=\"button\" value=\"\u003Cspan style=\"background-color: #ea9999;\"\u003EShow-Hide\u003C\/span\u003E\" \/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\u0026lt;div id=\"showHideDiv\" style=\"display: none;\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: #9fc5e8;\"\u003E---------\u0026gt; Konten Disini Gan \u0026lt;---------\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EKonten bisa apa aja bisa gambar, teks atau apapun. Buat edit tulisan di tombolnya ganti aja \u003Cspan style=\"background-color: #ea9999;\"\u003EShow-Hide\u003C\/span\u003E sesuai keinginan loe. Contoh seperti di bawah ini di klik aja gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cscript language=\"javascript\" type=\"text\/javascript\"\u003E function showHide() { var ele = document.getElementById(\"showHideDiv\"); if(ele.style.display == \"block\") { ele.style.display = \"none\"; } else { ele.style.display = \"block\"; } } \u003C\/script\u003E \u003Cbr \/\u003E\u003Cform action=\"\" method=\"post\"\u003E\u003Cinput onclick=\"return showHide();\" type=\"button\" value=\"Show-Hide\" \/\u003E\u003C\/form\u003E\u003Cdiv id=\"showHideDiv\" style=\"display: none;\"\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-bEBRbLXw4kg\/UScXGt64FDI\/AAAAAAAADSU\/b3CzbYdOpNk\/s1600\/0032.gif\" imageanchor=\"1\" style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-bEBRbLXw4kg\/UScXGt64FDI\/AAAAAAAADSU\/b3CzbYdOpNk\/s1600\/0032.gif\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E5. Teks Berjalan \/ Marquee\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EKode ini bisa kalian gunakan untuk menampilkan teks berjalan gan. Kodenya sangat sederhana bisa juga untuk gambar atau link gan. Tinggal copy kode di bawah ini dan pastekan di manapun kalian suka.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;marquee onmouseover=\"this.stop()\" onmouseout=\"this.start()\" \u003Cspan style=\"background-color: #9fc5e8;\"\u003Ebehavior\u003C\/span\u003E=\"scroll\" direction=\u003Cspan style=\"background-color: #ea9999;\"\u003E\"left\"\u003C\/span\u003E bgcolor=\"#FF0000\"\u0026gt;Teks, Link Atau Gambar Kalian Disini\u0026lt;\/marquee\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EBuat ngerubah arahnya tinggal di ganti aja \u003Cspan style=\"background-color: #ea9999;\"\u003E\"left\"\u003C\/span\u003E sesuai keinginan kemana arah yang loe mau gan. Buat \u003Cspan style=\"background-color: #9fc5e8;\"\u003Ebehavior\u003C\/span\u003E bisa juga diganti pake\u0026nbsp;\u003Cb\u003Ealternate\u003C\/b\u003E atau \u003Cb\u003Eslide\u003C\/b\u003E, untuk bgcolor silahkan ganti warnanya sesuka hati gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EContoh :\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\"scrool\" direction=\"left\"\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cmarquee behavior=\"scroll\" bgcolor=\"#FF0000\" direction=\"left\" onmouseout=\"this.start()\" onmouseover=\"this.stop()\" style=\"color: black; font-size: 18px; padding: 2px;\"\u003EContoh marquee atau teks berjalan\u003C\/marquee\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\"alternate\"\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cmarquee behavior=\"alternate\" bgcolor=\"#FF0000\" direction=\"right\" onmouseout=\"this.start()\" onmouseover=\"this.stop()\" style=\"color: black; font-size: 18px; padding: 2px;\"\u003EContoh marquee atau teks berjalan\u003C\/marquee\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\"scrool\" direction=\"left\" dengan gambar\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cmarquee behavior=\"scroll\" bgcolor=\"#FF0000\" direction=\"left\" onmouseout=\"this.start()\" onmouseover=\"this.stop()\" style=\"padding: 2px;\"\u003E\u003Ca href=\"https:\/\/www.blogger.com\/blogger.g?blogID=5127585855224028779#\"\u003E\u003Cimg alt=\"badge\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-Y1UqxNSoJDs\/UN3NbCBdCFI\/AAAAAAAAA4I\/azFGgfc5KE0\/s1600\/SEO_Ciyus+badge2.jpg\" \/\u003E\u003C\/a\u003E\u003C\/marquee\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E6. Downloading Progress Bar\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EDengan kode ini kita bisa dengan mudah membuat bar proses download yang sederhana gan. Yang ini pake javascript kalau di klik progress barnya bergerak atau \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/membuat-label-cloud-warna-warni-berubah-secara-otomatis.html\"\u003Eberubah otomatis\u003C\/a\u003E gan. Tinggal copy dan paste kode di bawah ini dimana pun loe mau gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\/\/current progress\u003Cbr \/\u003Evar currProgress = 0;\u003Cbr \/\u003E\/\/is the task complete\u003Cbr \/\u003Evar done = false;\u003Cbr \/\u003E\/\/total progress amount\u003Cbr \/\u003Evar total = 100;\u003Cbr \/\u003E\u003Cbr \/\u003E\/\/function to update progress\u003Cbr \/\u003Efunction startProgress() {\u003Cbr \/\u003E\/\/get the progress element\u003Cbr \/\u003Evar prBar = document.getElementById(\"prog\");\u003Cbr \/\u003E\/\/get the start button\u003Cbr \/\u003Evar startButt = document.getElementById(\"startBtn\");\u003Cbr \/\u003E\/\/get the textual element\u003Cbr \/\u003Evar val = document.getElementById(\"numValue\");\u003Cbr \/\u003E\/\/disable the button while the task is unfolding\u003Cbr \/\u003EstartButt.disabled=true;\u003Cbr \/\u003E\/\/update the progress level\u003Cbr \/\u003EprBar.value = currProgress;\u003Cbr \/\u003E\/\/update the textual indicator\u003Cbr \/\u003Eval.innerHTML = Math.round((currProgress\/total)*100)+\"%\";\u003Cbr \/\u003E\/\/increment the progress level each time this function executes\u003Cbr \/\u003EcurrProgress++;\u003Cbr \/\u003E\/\/check whether we are done yet\u003Cbr \/\u003Eif(currProgress\u0026gt;100) done=true;\u003Cbr \/\u003E\/\/if not done, call this function again after a timeout\u003Cbr \/\u003Eif(!done)\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; setTimeout(\"startProgress()\", 100);\u003Cbr \/\u003E\/\/task done, enable the button and reset variables\u003Cbr \/\u003Eelse \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003Cbr \/\u003E{\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; document.getElementById(\"startBtn\").disabled = false;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; done = false;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; currProgress = 0;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;progress id=\"prog\" value=\"0\" max=\"100\"\u0026gt;\u0026lt;\/progress\u0026gt;\u003Cbr \/\u003E\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\u0026lt;input id=\"startBtn\" onclick=\"startProgress()\" type=\"button\" value=\"start\" \/\u0026gt;\u003Cbr \/\u003E\u0026lt;div id=\"numValue\"\u0026gt;\u003Cbr \/\u003E0%\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EStandarnya progress bar ini kodenya cuma \u003Cspan style=\"background-color: #9fc5e8;\"\u003E\u0026lt;progress value=\"0\" max=\"100\"\u0026gt;\u0026lt;\/progress\u0026gt;\u003C\/span\u003E gan. Contoh seperti yang dibawah ini, silahkan di coba gan.\u003Cbr \/\u003E\u003Cb\u003ESumber : \u003C\/b\u003E\u003Ci\u003E\u003Cu\u003Ehttp:\/\/www.developerdrive.com\/2012\/07\/displaying-the-progress-of-tasks-with-html5\/\u003C\/u\u003E\u003C\/i\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EProgress Bar \u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cscript type=\"text\/javascript\"\u003E\/\/current progress var currProgress = 0; \/\/is the task complete var done = false; \/\/total progress amount var total = 100; \/\/function to update progress function startProgress() { \/\/get the progress element var prBar = document.getElementById(\"prog\"); \/\/get the start button var startButt = document.getElementById(\"startBtn\"); \/\/get the textual element var val = document.getElementById(\"numValue\"); \/\/disable the button while the task is unfolding startButt.disabled=true; \/\/update the progress level prBar.value = currProgress; \/\/update the textual indicator val.innerHTML = Math.round((currProgress\/total)*100)+\"%\"; \/\/increment the progress level each time this function executes currProgress++; \/\/check whether we are done yet if(currProgress\u003E100) done=true; \/\/if not done, call this function again after a timeout if(!done) setTimeout(\"startProgress()\", 100); \/\/task done, enable the button and reset variables else { document.getElementById(\"startBtn\").disabled = false; done = false; currProgress = 0; } } \u003C\/script\u003E\u003Cprogress id=\"prog\" max=\"100\" value=\"0\"\u003E\u003C\/progress\u003E\u003Cbr \/\u003E\u003Cinput id=\"startBtn\" onclick=\"startProgress()\" type=\"button\" value=\"start\" \/\u003E \u003Cbr \/\u003E\u003Cdiv id=\"numValue\"\u003E0%\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E7. Textarea\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EFungsi textarea ini bisa buat naruh kode di postingan gan sebagai pengganti blockquote. Cara pasangnya gampang gan tinggal copy paste kode di bawah ini dan ada tiga pilihan gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EBiasa\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;textarea \u003Cspan style=\"background-color: #ea9999;\"\u003Erows\u003C\/span\u003E=\"4\" \u003Cspan style=\"background-color: #ea9999;\"\u003Ecols\u003C\/span\u003E=\"50\"\u0026gt;\u003Cbr \/\u003ETeks atau Kode Disini Gan\u003Cbr \/\u003E\u0026lt;\/textarea\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003ESeleksi Otomatis\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;textarea \u003Cspan style=\"background-color: #ea9999;\"\u003Erows\u003C\/span\u003E=\"4\" \u003Cspan style=\"background-color: #ea9999;\"\u003Ecols\u003C\/span\u003E=\"50\"\u003Ccode class=\" language-markup\"\u003E\u003Cspan class=\"token tag\"\u003E\u003Cspan class=\"token attr-name\"\u003E \u003C\/span\u003E\u003C\/span\u003E\u003C\/code\u003Eonclick=\"this.focus();this.select()\" readonly=\"readonly\"\u0026gt;\u003Cbr \/\u003ETeks atau Kode Disini Gan\u003Cbr \/\u003E\u0026lt;\/textarea\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003ESeleksi Dengan Tombol\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;form name=\"selectall\"\u0026gt;\u003Cbr \/\u003E\u0026lt;textarea name=\"messageBody\" \u003Cspan style=\"background-color: #ea9999;\"\u003Erows\u003C\/span\u003E=\"4\" \u003Cspan style=\"background-color: #ea9999;\"\u003Ecols\u003C\/span\u003E=\"50\"\u0026gt;Teks atau Kode Disini Gan\u0026lt;\/textarea\u0026gt;\u003Cbr \/\u003E\u0026lt;br \/\u0026gt;\u003Cbr \/\u003E\u0026lt;input type=\"button\" value=\"\u003Cspan style=\"background-color: #9fc5e8;\"\u003ESelect Text\u003C\/span\u003E\" onClick=\"javascript:this.form.messageBody.focus();this.form.messageBody.select();\"\u0026gt;\u003Cbr \/\u003E\u0026lt;\/form\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ETinggal di edit aja gan \u003Cspan style=\"background-color: #ea9999;\"\u003Erows\u003C\/span\u003E buat tinggi dan \u003Cspan style=\"background-color: #ea9999;\"\u003Ecols\u003C\/span\u003E buat lebar. Untuk yang pake \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/cara-membuat-tombol-back-to-top-keren-di-blog.html\"\u003Etombol\u003C\/a\u003E kalian bisa ganti tulisan \u003Cspan style=\"background-color: #9fc5e8;\"\u003ESelect Text\u003C\/span\u003E sesuai keinginan gan. Contoh ada dibawah ini gan silahkan dicoba.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EBiasa \u003Cbr \/\u003E\u003Ctextarea cols=\"50\" rows=\"4\"\u003ETeks atau Kode Disini Gan\u003C\/textarea\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESeleksi Otomatis \u003Cbr \/\u003E\u003Ctextarea cols=\"50\" onclick=\"this.focus();this.select()\" readonly=\"readonly\" rows=\"4\"\u003ETeks atau Kode Disini Gan\u003C\/textarea\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESeleksi Dengan Tombol \u003Cbr \/\u003E\u003Cform name=\"selectall\"\u003E\u003Ctextarea cols=\"50\" name=\"messageBody\" rows=\"4\"\u003ETeks atau Kode Disini Gan\u003C\/textarea\u003E\u003Cbr \/\u003E\u003Cinput onclick=\"javascript:this.form.messageBody.focus();this.form.messageBody.select();\" type=\"button\" value=\"Select Text\" \/\u003E\u003C\/form\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E8.Link Dengan Pop Up\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EYang terakhir gan, ini kode buat link kalau di klik bakal muncul \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-buat-facebook-like-box-pop-up.html\"\u003Epop up\u003C\/a\u003E sesuai dengan target Urlnya. Misal digunakan untuk iklan atau link download gan. Copy paste kode javascript di bawah ini di atas kode \u003Cb\u003E\u0026lt;\/head\u0026gt;\u003C\/b\u003E atau bisa juga paste langsung di postingan dengan linknya gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script language=\"javascript\" type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Efunction scpopup(url) {\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; newwindow=window.open(url,'name','height=200,width=150');\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; if (window.focus) {newwindow.focus()}\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; return false;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EBuat kode linknya seperti di bawah ini silahkan di copy paste gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;a href=\"\u003Cspan style=\"background-color: #9fc5e8;\"\u003ETarget URL Pop up\u003C\/span\u003E\" onclick=\"return scpopup('\u003Cspan style=\"background-color: #9fc5e8;\"\u003ETarget URL Pop up\u003C\/span\u003E')\"\u0026gt;Contoh Link Popup\u0026lt;\/a\u0026gt; \u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ETinggal diganti aja \u003Cspan style=\"background-color: #9fc5e8;\"\u003ETarget URL Pop up\u003C\/span\u003E dengan link yang kalian inginkan gan. Buat contoh klik aja link di bawah ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cscript language=\"javascript\" type=\"text\/javascript\"\u003Efunction scpopup(url) { newwindow=window.open(url,'name','height=200,width=150'); if (window.focus) {newwindow.focus()} return false; } \u003C\/script\u003E\u003Ca href=\"http:\/\/seociyus.blogspot.com\/\" onclick=\"return scpopup('http:\/\/seociyus.blogspot.com\/')\"\u003EContoh Link Popup\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian dulu yang bisa gw share kali ini gan semoga kode javascript dan HTML sederhana ini bisa berguna buat di blog kalian. Kalau kalian juga punya kode-kode yang keren silahkan di share sama jangan lupa juga ninggalin komentar gan."},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/7269937092308566373\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/02\/kode-javascript-dan-html-sederhana-buat-di-blog.html#comment-form","title":"88 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/7269937092308566373"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/7269937092308566373"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/02\/kode-javascript-dan-html-sederhana-buat-di-blog.html","title":"Kode Javascript Dan HTML Sederhana Buat Di Blog"}],"author":[{"name":{"$t":"Seo Ciyus"},"uri":{"$t":"https:\/\/plus.google.com\/103761628986843100763"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/lh6.googleusercontent.com\/-_ElKAE9x4nc\/AAAAAAAAAAI\/AAAAAAAAAE0\/8CIATq7lsJY\/s512-c\/photo.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-WhuYh2hwz50\/USeHUO1_deI\/AAAAAAAADTE\/7L1GMZ8SJ7o\/s72-c\/javascipt+dan+html+buat+di+blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"88"}}]}});