2897992 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+Blogger?alt=json-in-script\u0026max-results=5"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/search\/label\/Tutorial%20Blogger"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/-\/Tutorial+Blogger\/-\/Tutorial+Blogger?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":"29"},"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-3181279851590972586"},"published":{"$t":"2013-04-26T01:37:00.001+07:00"},"updated":{"$t":"2013-04-26T01:37:43.067+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Gratisan"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widget"}],"title":{"type":"text","$t":"Pasang Emoticon Campuran Keren Di Komentar Blogmu"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003ELama rasanya gak bikin tutorial pembuatan widget di blog ini. Mumpung lagi ada waktu luang kali ini gw bakal share cara pasang emoticon campuran keren di blog gan. Postingan ini terilhami dari tutorial gw sebelumnya tentang cara \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/cara-memasang-emoticon-onion-head-di-komentar-blog.html\" target=\"_blank\"\u003Ememasang emo onion head\u003C\/a\u003E gan. Gak nyangka aja ternyata postingan gw tersebut banyak yang ngeshare.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-nU2NrcqNuKs\/UXlEAblivRI\/AAAAAAAADkA\/YhlICtqpfhk\/s1600\/pasang+emoticon+campuran+keren+di+blog.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-nU2NrcqNuKs\/UXlEAblivRI\/AAAAAAAADkA\/YhlICtqpfhk\/s1600\/pasang+emoticon+campuran+keren+di+blog.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EUntuk yang sekarang emoticonnya sengaja gw campur biar lebih menarik gan. Emoticon-emoticon ini walaupun gak sengetop si onion head tapi banyak juga di gunain di beberapa forum gan. Gw yakin kalau loe pasang emoticon ini bakal bikin blog tambah menarik dan berwarna. Selain itu bakal banyak juga yang komen di blog loe karena ingin nyobain emoticon campuran ini.\u003Cbr \/\u003E\u003Cbr \/\u003EUdah gak sabar pengen pasang emoticon campuran ini gan? Baiklah kalau begitu langsung aja kita ke cara pasangnya gan. Silahkan disimak biar gak salah pasang. Soalnya kalau salah pasang nanti emoticonnya gak mau muncul gan. Kalau gak muncul ntar gw yang di komplain lagi, cek it dot gan...\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003ENote\u003C\/b\u003E : Inget selalu di back up atau di download template blognya sebelun edit HTML untuk menghindari hal-hal yang gak di inginkan gan.\u003Cbr \/\u003E\u003Cbr \/\u003E[\u003Ca href=\"http:\/\/seociyuslab.blogspot.com\/2013\/04\/demo-emo-campuran.html\" rel=\"nofollow\" target=\"_blank\"\u003EDEMO\u003C\/a\u003E] \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3 style=\"text-align: left;\"\u003EPasang Emoticon Campuran Keren Di Komentar Blogmu\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-mvaw-frAodc\/UXlFCYdCJ3I\/AAAAAAAADkM\/cf64W0VY8-o\/s1600\/emoticon+campuran+di+komentar.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-mvaw-frAodc\/UXlFCYdCJ3I\/AAAAAAAADkM\/cf64W0VY8-o\/s1600\/emoticon+campuran+di+komentar.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003EYang pertama loe lakuin masuk ke Dashboard blog lalu pilih \u003Cb\u003ETemplate\u003C\/b\u003E lalu klik \u003Cb\u003EEdit HTML\u003C\/b\u003E gan. Lalu loe cari kode \u003Cspan style=\"background-color: #cccccc;\"\u003E\u0026lt;div class='post-footer-line post-footer-line-3'\u0026gt;\u003C\/span\u003E atau \u003Cspan style=\"background-color: #cccccc;\"\u003E\u0026lt;p class='post-footer-line post-footer-line-3'\u0026gt;\u003C\/span\u003E ini gan. Kalau gak ngerti cara nyarinya tinggal teken \u003Cb\u003ECtrl+F\u003C\/b\u003E di keyboard terus bakal muncul kotak search di kanan atas. Nah loe tinggal pastein kodenya disana lalu teken \u003Cb\u003EEnter\u003C\/b\u003E, ntar bakal ketemu kodenya gan. Kalau udah ketemu loe scroll kebawah sampai nemuin kode di bawah ini gan. \u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003ELanjut sekarang loe copy paste kode yang gw kasi di bawah ini di tengah-tengah kode tadi gan.\u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EContoh:\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003EPaste kodenya disini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.pageType == \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\u0026lt;div style=' \u003Cspan style=\"background-color: #9fc5e8;\"\u003Ewidth\u003C\/span\u003E: auto; text-align: left; \u003Cspan style=\"background-color: #ea9999;\"\u003Eborder\u003C\/span\u003E: 4px double #0084ce;background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; \u003Cspan style=\"background-color: #ffd966;\"\u003Emargin-left\u003C\/span\u003E:40px;'\u0026gt;\u0026lt;h3 style='text-align: center;'\u0026gt;\u003Cbr \/\u003E\u0026lt;a style='color: #3d85c6;'\u0026gt;Kode Smiley Untuk Komentar \u0026lt;\/a\u0026gt;\u0026lt;\/h3\u0026gt;\u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/1.bp.blogspot.com\/-dMbUj0akILg\/UXksQFZxa7I\/AAAAAAAADhA\/SiG4WT5_86U\/s1600\/seociyus.blogspot.com_015.gif'\/\u0026gt; :a\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/4.bp.blogspot.com\/-tsXVlkj-MfQ\/UXksQb09F4I\/AAAAAAAADhE\/1OAXOw9nP-Q\/s1600\/seociyus.blogspot.com_016.gif'\/\u0026gt; :b\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-I_HxstZ3dKg\/UXksQnX0J9I\/AAAAAAAADhI\/Uo38msFjbhg\/s1600\/seociyus.blogspot.com_017.gif'\/\u0026gt; :c\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-Gec0xo9RpgY\/UXksRcV8RWI\/AAAAAAAADhY\/QeAsdtK3tlQ\/s1600\/seociyus.blogspot.com_018.gif'\/\u0026gt; :d\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/1.bp.blogspot.com\/-6jSn-G9YNY4\/UXksR1gPUII\/AAAAAAAADhg\/ZCFj3T-HMdw\/s1600\/seociyus.blogspot.com_022.gif'\/\u0026gt; :e\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/1.bp.blogspot.com\/-zWkd6E4J8GQ\/UXksR8yqdOI\/AAAAAAAADhk\/EjUWEoQrFHY\/s1600\/seociyus.blogspot.com_025.gif'\/\u0026gt; :f\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/4.bp.blogspot.com\/-8gua8_7zxrI\/UXksSWgHsLI\/AAAAAAAADhw\/adB8U4Mygcg\/s1600\/seociyus.blogspot.com_027.gif'\/\u0026gt; :g\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-ST-cmDujs7g\/UXksS9LuGEI\/AAAAAAAADh4\/I72qY1cDpfE\/s1600\/seociyus.blogspot.com_028.gif'\/\u0026gt; :h\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/4.bp.blogspot.com\/-lA6oTS725hA\/UXksTpBf-UI\/AAAAAAAADiA\/WohRgJmqQpg\/s1600\/seociyus.blogspot.com_029.gif'\/\u0026gt; :i\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/4.bp.blogspot.com\/-3rD4aT6_PTw\/UXksT0u1HGI\/AAAAAAAADiI\/Lej7Ue5eqnw\/s1600\/seociyus.blogspot.com_031.gif'\/\u0026gt; :j\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-81cILGHCW0k\/UXktN830GLI\/AAAAAAAADiU\/WJ3hqCUD7pU\/s1600\/seociyus.blogspot.com-chick-smiley-01.gif'\/\u0026gt; :k\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-vpUTTod5rQA\/UXktN-v1CqI\/AAAAAAAADiY\/nR9PqUrZyf0\/s1600\/seociyus.blogspot.com-chick-smiley-05.gif'\/\u0026gt; :l\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-vUJfcDdZR-A\/UXktR2j4hBI\/AAAAAAAADjg\/pKUJtxxXbqE\/s1600\/seociyus.blogspot.com_042.gif'\/\u0026gt; :m\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-K1XJiYW3-vc\/UXktRb4os7I\/AAAAAAAADjU\/MvcqItgIUK8\/s1600\/seociyus.blogspot.com_040.gif'\/\u0026gt; :n\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-t3xwJy5OTV4\/UXktOOjqemI\/AAAAAAAADig\/3m-MhOBmOqU\/s1600\/seociyus.blogspot.com-girl-emoticon-11.gif'\/\u0026gt; :o \u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-fx6bFeW7qgs\/UXktPaodx0I\/AAAAAAAADi0\/AVH54XawIMA\/s1600\/seociyus.blogspot.com-girl-emoticon-19.gif'\/\u0026gt; :p\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-5OdcIRxFyyU\/UXktO7Q3RMI\/AAAAAAAADis\/U6uffMBKHuE\/s1600\/seociyus.blogspot.com-girl-emoticon-18.gif'\/\u0026gt; :q\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-2sLeF5ccXwk\/UXktPwuUYVI\/AAAAAAAADi8\/3zCjbsk3po4\/s1600\/seociyus.blogspot.com-glass-leaf-emoticon.gif'\/\u0026gt; :r\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/3.bp.blogspot.com\/-9J4ceI9C1eo\/UXktQs58bKI\/AAAAAAAADjE\/KbCM07D88T8\/s1600\/seociyus.blogspot.com-laugh-leaf-emoticon.gif'\/\u0026gt; :s\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;img border='0' src='http:\/\/2.bp.blogspot.com\/-BrLx15CSsis\/UXktQxTKBrI\/AAAAAAAADjI\/Skmbc0Rh10U\/s1600\/seociyus.blogspot.com-sign-leaf-emoticon.gif'\/\u0026gt; :t\u003Cbr \/\u003E\u0026amp;#160; \u003Cbr \/\u003E\u0026lt;div style='text-align: right;'\u0026gt;\u003Cbr \/\u003E\u0026lt;a href='http:\/\/seociyus.blogspot.com\/2013\/04\/pasang-emoticon-campuran-keren-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'\u0026gt; Dapatkan emoticon ini!\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003EKalau udah beres sekarang ke langkah selanjutnya gan. Sekarang loe cari kode \u003Cspan style=\"background-color: #cccccc;\"\u003E\u0026lt;\/body\u0026gt;\u003C\/span\u003E di template blog dan copy paste kode Javascript di bawah ini di atasnya gan.\u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script src='https:\/\/sites.google.com\/site\/seociyussite\/file\/seo_ciyus_smiley_komentar_bloggerV2.js' type='text\/javascript'\/\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003EDua langkah di atas beres berarti sekarang blog loe udah ada emoticon campuran kerennya gan. Tinggal di preview dulu kalau gak ada masalah baru di Save template gan. Coba di buka blognya pasti udah ada emoticonnya, selamat gan dan jangan lupa bilang terima kasih.\u003C\/li\u003E\u003C\/ul\u003E\u003Cbr \/\u003ESekarang tinggal di edit aja kalau loe mungkin gak suka sama warna dan style bordernya atau ukuran kotaknya gan. Caranya tinggal ganti aja warna sama style \u003Cspan style=\"background-color: #ea9999;\"\u003Eborder\u003C\/span\u003E dan ganti juga ukuran \u003Cspan style=\"background-color: #9fc5e8;\"\u003Ewidth\u003C\/span\u003E sesuka loe gan. Terus buat posisi kotak emoticonnya loe bisa atur sesuai keinginan, tinggal dirubah aja angka di \u003Cspan style=\"background-color: #ffd966;\"\u003Emargin-left\u003C\/span\u003E semakin besar maka semakin ke kanan kotaknya gan. Kalau loe pengen kotak emoticonnya ada tombol buka tutupnya silahkan di cek tutorialnya \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/kode-javascript-dan-html-sederhana-buat-di-blog.html\" target=\"_blank\"\u003Edisini\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003ENote\u003C\/b\u003E : Tolong jangan di hapus link ke postingan ini ya gan. kalau loe gak suka ada linknya silahkan di isi rel nofollow gak kenapa ok gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian yang bisa gw share tentang cara pasang emoticon campuran keren di komentar blog gan. Semoga aja loe suka sama emoticon ini, kalau ada pertanyaan silahkan di tanyain dan jangan lupa ninggalin komentar gan.\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/3181279851590972586\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/pasang-emoticon-campuran-keren-di-komentar-blog.html#comment-form","title":"59 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/3181279851590972586"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/3181279851590972586"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/pasang-emoticon-campuran-keren-di-komentar-blog.html","title":"Pasang Emoticon Campuran Keren Di Komentar Blogmu"}],"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:\/\/3.bp.blogspot.com\/-nU2NrcqNuKs\/UXlEAblivRI\/AAAAAAAADkA\/YhlICtqpfhk\/s72-c\/pasang+emoticon+campuran+keren+di+blog.jpg","height":"72","width":"72"},"thr$total":{"$t":"59"}},{"id":{"$t":"tag:blogger.com,1999:blog-5127585855224028779.post-3950962485286126601"},"published":{"$t":"2013-04-14T13:56:00.000+07:00"},"updated":{"$t":"2013-04-14T13:56:37.693+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger Template"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"}],"title":{"type":"text","$t":"Cara Edit Template Blogger Versi Baru"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003EUdah pada tau kan kalau sekarang tampilan edit template Blogger udah berubah gan. Lebih keren, moderen dan simple mirip-mirip kayak edit template di WP. Sekarang udah gak ada lagi fitur Expand Widget di edit templatenya gan. Kalau mau cari kode langsung tinggal di search aja dan kalau mau edit bagian tertentu dari widget di template udah disediain pilihannya gan.\u003Cbr \/\u003E\u003Cbr \/\u003ESebenernya buat yang udah lama ngeblog tampilan edit template baru ini sama aja gak ada bedanya gan. Tapi mungkin buat yang baru ngeblog pasti bingung, apalagi kebanyakan tutorial yang ada di blog ini masih pake cara edit template versi lama. Oleh karena itu gw buat tutorial cara edit template Blogger versi baru ini biar loe bisa ngerti gan.\u003Cbr \/\u003E\u003Cbr \/\u003ELangsung aja silahkan disimak penjelasan tentang cara edit \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/template-ringan-keren-dan-seo-friendly-gratis.html\" target=\"_blank\"\u003Etemplate Blogger\u003C\/a\u003E versi baru ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3 style=\"text-align: left;\"\u003ECara Edit Template Blogger Versi Baru\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EPertama kalau mau edit widget udah disediain pilihannya gan. Tinggal di klik aja \u003Cb\u003EJump to widget\u003C\/b\u003E ntar bakal muncul pilihan widget yang ada di blog loe. Setiap widget yang loe pilih ntar bakal ditandai kodenya dengan tanda panah kecil dan sudah ada angka yang nunjukin urutan baris ke berapa kode tersebut gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-mKmpFoG6yyU\/UWpKnrSjOnI\/AAAAAAAADgQ\/ZjhWAaJAIqo\/s1600\/edit+template+blogger+widget.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-mKmpFoG6yyU\/UWpKnrSjOnI\/AAAAAAAADgQ\/ZjhWAaJAIqo\/s1600\/edit+template+blogger+widget.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekarang untuk mencari kode di template blog, kalau dulu kita mesti centang \u003Cb\u003EExpand Widget Template\u003C\/b\u003E sekarang gak pake lagi gan. Untuk nyari kode tinggal klik aja di sembarang tempat di dalam kotak kodenya lalu teken \u003Cb\u003ECtrl+F\u003C\/b\u003E. Nanti bakal muncul \u003Cb\u003Ekotak search\u003C\/b\u003E di pojok kanan atas, tinggal di ketik aja kodenya nanti bakal langsung ketemu gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-MftXJ9dmNho\/UWpP1_vLlJI\/AAAAAAAADgg\/fmmPbSmxpU8\/s1600\/search+kode+edit+template.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-MftXJ9dmNho\/UWpP1_vLlJI\/AAAAAAAADgg\/fmmPbSmxpU8\/s1600\/search+kode+edit+template.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EItu aja yang baru di edit tempalte Blogger gan. Untuk \u003Cb\u003EFormat Template\u003C\/b\u003E itu tentu fungsinya untuk memformat tempalte blog biar lebih rapi dan valid, silahkan aja dicoba sendiri gan. Sekian dulu ulasan singkat gw tentang cara edit template Blogger versi baru ini, semoga bermanfaat. Jangan lupa ninggalin komentar di bawah gan.\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/3950962485286126601\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/cara-edit-template-blogger-versi-baru.html#comment-form","title":"34 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/3950962485286126601"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/3950962485286126601"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/cara-edit-template-blogger-versi-baru.html","title":"Cara Edit Template Blogger Versi Baru"}],"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\/-mKmpFoG6yyU\/UWpKnrSjOnI\/AAAAAAAADgQ\/ZjhWAaJAIqo\/s72-c\/edit+template+blogger+widget.jpg","height":"72","width":"72"},"thr$total":{"$t":"34"}},{"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-5340247325750618315"},"published":{"$t":"2013-04-02T02:45:00.002+07:00"},"updated":{"$t":"2013-04-02T02:45:46.330+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger SEO"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blogger"}],"title":{"type":"text","$t":"Membuat Blog Agar Lebih SEO Friendly"},"content":{"type":"html","$t":"Salah satu cara biar blog kita ada di halaman pertama Google adalah dengan membuat blog lebih SEO friendly gan. Disamping isi postingan yang menjadi faktor utama blog ada di halaman pertama Google. Blog yang SEO friendly itu biasanya lebih mudah bersaing di pencarian. Karena robotnya om Google lebih gampang membaca dan menganalisa blog tersebut.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-vzWtW0YLTjk\/UVnNcst37eI\/AAAAAAAADeY\/ZTghsPNgbjc\/s1600\/membuat+blog+agar+lebih+seo+friendly.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-vzWtW0YLTjk\/UVnNcst37eI\/AAAAAAAADeY\/ZTghsPNgbjc\/s1600\/membuat+blog+agar+lebih+seo+friendly.jpg\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EMemang ada juga blog yang gak \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/02\/template-ringan-keren-dan-seo-friendly-gratis.html\" target=\"_blank\"\u003ESEO friendly\u003C\/a\u003E bisa nangkring di halaman pertama pencarian. Kenapa bisa begitu? karena memang isi dari blog tersebut memang bener-bener unik dan sangat menarik jadi Google memberi nilai plus gan. Mungkin di luaran sana sudah banyak yang membahas cara membuat blog agar lebih SEO friendly, tapi gak ada salahnya kali ini gw juga pengen share hal yang sama gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETutorial ini khusus untuk blog berflatform Blogger gan. Silahkan disimak kalau mungkin blog kalian belum SEO friendly. Siapa tau dengan menyimak dan mempraktekan ulasan gw berikut ini blog kalian bisa ada di halaman depan om Google. Langsung aja ke topik utama cara membuat blog agar lebih SEO friendly, cek it dot gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EMembuat Blog Agar Lebih SEO Friendly\u003C\/h3\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESebelumnya gw cuma mau ngingetin aja kalau Blog yang super SEO friendly sekalipun gak akan bisa bersaing di pencarian Google kalau isi postingannya gak unik dan menarik sama sekali gan. Jadi ini hanya salah faktor penting pembantu aja agar blog kita mampu bersaing dan disukai mesin pencari. \u003Cbr \/\u003E\u003Cbr \/\u003EYang pertama kita edit dari sisi Template blog gan. Kode-kode HTML di template blog biasanya yang paling diperhatikan seorang blogger agar blognya lebih SEO friendly. Ada beberapa bagian tempalte yang akan kita edit diantaranya sebagai berikut ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-I5i8kTRVar4\/UVnQorXLMOI\/AAAAAAAADeg\/FS39qb4P2Ec\/s1600\/template+lebih+seo+friendly.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-I5i8kTRVar4\/UVnQorXLMOI\/AAAAAAAADeg\/FS39qb4P2Ec\/s1600\/template+lebih+seo+friendly.jpg\" height=\"234\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003E1. Meta Tag\u003C\/h4\u003E\u003Cbr \/\u003EPasang meta tag di template blog biar Googlebot lebih mudah merayapi blog kalian gan. Baca di tutorial gw sebelumnya tentang \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-membuat-memasang-meta-tag-di-blogger..html\"\u003Ecara memasang meta tag\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E2. Title Tag\u003C\/h4\u003E\u003Cbr \/\u003EBuka edit template blog lalu cari kode \u003Cspan style=\"background-color: #ea9999;\"\u003E\u0026lt;title\u0026gt;\u0026lt;data:blog.pageTitle\/\u0026gt;\u0026lt;\/ title\u0026gt;\u003C\/span\u003E dan ganti dengan kode dibawah ini gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.pageType == \"index\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;title\u0026gt;\u0026lt;data:blog.title\/\u0026gt;\u0026lt;\/title\u0026gt;\u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026lt;title\u0026gt;\u0026lt;data:blog.pageName\/\u0026gt; | \u0026lt;data:blog.title\/\u0026gt;\u0026lt;\/title\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EFungsi kode ini agar judul postingan kita ada di depan judul blog, ini penting untuk posisi di pencarian terutama dengan kata kunci yang persaingannya berat gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E3. Heading Tag\u003C\/h4\u003E\u003Cbr \/\u003EKita awali ganti Heading tag untuk postingan, kalian cari kode di bawah ini lalu \u003Cspan style=\"background-color: #ea9999;\"\u003Eganti h3 dengan h2\u003C\/span\u003E gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:post.title'\u0026gt;\u003Cbr \/\u003E\u0026lt;h3\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:post.link'\u0026gt;\u003Cbr \/\u003E\u0026lt;a expr:href='data:post.link'\u0026gt;\u0026lt;data:post.title\/\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:post.url'\u0026gt;\u003Cbr \/\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;data:post.title\/\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026lt;data:post.title\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EMasih dengan heading tag untuk judul postingan, kalian cari kode dibawah ini lalu \u003Cspan style=\"background-color: #ea9999;\"\u003Eganti h3 menjadi h2\u003C\/span\u003E gan. Kadang di beberapa template kodenya akan ada kalimat tambahan\u0026nbsp;\u003Cb\u003Eitemprop='name'\u003C\/b\u003E dan memakai h1 tag, tetep lakuin hal yang sama dengan mengganti jadi h2 gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;h3 class='post-title entry-title'\u0026gt;\u003Cbr \/\u003E\u0026lt;data:post.title\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u003Cbr \/\u003EAtau\/Dan\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;h3 class='mobile-index-title entry-title'\u0026gt;\u003Cbr \/\u003E\u0026lt;data:post.title\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/h3\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ELanjut edit heading tag untuk widget, kalian cari kode dibawah ini lalu \u003Cspan style=\"background-color: #ea9999;\"\u003Eganti h2 jadi h3\u003C\/span\u003E gan. Sebenernya gak perlu dirubah juga gak kenapa, tapi agar lebih SEO friendly diganti aja gan. Kalau jumlahnya lebih dari satu diganti semua gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;!-- only display title if it's non-empty --\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:title != \u0026amp;quot;\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\u0026lt;h2 class='title'\u0026gt;\u003Cbr \/\u003E\u0026lt;data:title\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/h2\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EHeading tag ini menurut gw gak begitu berpengaruh, yang penting jangan sampai ada lebih dari satu H1 tag karena bakal bikin robotnya om Google bingung gan. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E4. Duplikat Konten (Archive)\u003C\/h4\u003E\u003Cbr \/\u003EYang terakhir kita pasang kode untuk menghindari duplikat konten dari archive blog gan. Silahkan copy kode dibawah ini lalu paste di antara \u003Cspan style=\"background-color: #ea9999;\"\u003E\u0026lt;head\u0026gt; \u0026lt;\/head\u0026gt;\u003C\/span\u003E tag gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.pageType == \"archive\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;meta content='noindex' name='robots'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/ b: if\u0026gt;\u003C\/blockquote\u003EJangan sampai ada duplikat konten di blog karena sangat membahyakan kelangsungan blog kalian. Selain penurunan rangking hal ini juga bisa menyebabkan blog lenyap dari pencarian Google gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESetelah mengedit template blog sekarang lanjut mengatur tampilan dan struktur blog kita gan. Apa saja yang perlu ditambahkan di blog kita gan. Berikut ini hal-hal yang perlu ditambahan agar blog lebih SEO friendly gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-zpeUy6gDmg8\/UVnbR0--DsI\/AAAAAAAADew\/dnhFrjus5Sk\/s1600\/struktur+blog+seo+friendly.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-zpeUy6gDmg8\/UVnbR0--DsI\/AAAAAAAADew\/dnhFrjus5Sk\/s1600\/struktur+blog+seo+friendly.jpg\" height=\"264\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003E1. Google Analystic \u0026amp; Webmaster Tool\u003C\/h4\u003E\u003Cbr \/\u003EGoogle merupakan mesin pencari yang paling banyak digunakan di internet. Bisa dikatakan 90% pengunjung blog kita berasal dari Google gan. Oleh karena itu kita harus bersahabat sama om Google dengan cara memasang Google Analystic di blog dan submit blog ke Webmaster Tools. Untuk tutorialnya silahkan cari di pencarian karena gw gak buat soalnya gampang banget caranya gan.\u003Cbr \/\u003E\u003Cbr \/\u003EKedua alat gratisan ini penting dan banyak sekali fungsinya, yang paling utama untuk menganalisa blog kita. Dari hasil analisa tersebut nanti kita bisa semakin meningkatkan kualitas blog dan menambah jumlah pengunjung gan. Memang butuh waktu untuk mempelajarinya, banyak tutorialnya di google gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E2. Google+\u003C\/h4\u003E\u003Cbr \/\u003EIni mungkin gak banyak disadari sama para blogger, kalau kita memasang Google+ badge atau button akan membuat blog lebih SEO friendly. Kalian tau kalau Google+ itu kepunyaanya om Google jadi dengan memasang badge ini kita lebih dekat dan bersahabat dengan Google gan. \u003Cbr \/\u003E\u003Cbr \/\u003EKelebihan dari Google+ ini adalah postingan yang kalian share ke Google+ akan cepat terindex Google, lalu kalau kalian sudah menyambungkan Google+ dengan profil Blogger (setingnya ada di dashboard blog) dan \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-menampilkan-foto-author-di-google.html\" target=\"_blank\"\u003Eforo author muncul di pencarian\u003C\/a\u003E maka Google akan ngasi nilai plus agar blog kalian lebih bisa bersaing gan. Selain itu juga dapat meningkatkan trafik blog kita secara organik gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E3. Menu Navigasi\u003C\/h4\u003E\u003Cbr \/\u003EBuat dan aturlah menu navigasi blog semudah mungkin untuk pengunjung gan. Karena Google gak suka dengan blog yang menu navigasinya menyusahkan pengunjung. Usahakan menu utama kalau pakai dropdown jangan yang menggunakan Javascript tapi cukup dengan CSS aja gan.\u003Cbr \/\u003E\u003Cbr \/\u003EKalau blog kalian isi postingannya banyak, tambahin menu navigasi Blog Archive atau Label. Jangan pakai \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/membuat-label-cloud-warna-keren-di-blog.html\" target=\"_blank\"\u003Elabel cloud\u003C\/a\u003E yang menggunakan Flash karena akan membuat blog tambah berat gan. Bisa juga pasang \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/cara-membuat-breadcrumbs-di-blogger.html\" target=\"_blank\"\u003Ebreadcrumbs \u003C\/a\u003Ekalau postingan di blog sangat banyak gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E4. Widget\u003C\/h4\u003E\u003Cbr \/\u003EUntuk widget ini masalah selera aja, tapi usahakan jangan memasang widget yang menggunakan Flash gan. Widget yang penting harus dipasang antara lain widget Popular Post, lalu Related Post dan \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2012\/12\/cara-membuat-share-button-melayang.html\"\u003EShare Button ke Sosial Media\u003C\/a\u003E gan. Ketiga widget tersebut sederhana namun sangat berguna untuk membuat blog lebih SEO friendly dan meningkatkan pageview serta backlink gan.\u003Cbr \/\u003E\u003Cbr \/\u003ETambahkan juga \u003Ca href=\"http:\/\/seociyus.blogspot.com\/2013\/01\/email-subscription-box-keren-di-bawah-postingan.html\" target=\"_blank\"\u003Ewidget email subcription\u003C\/a\u003E dari Feedburner untuk menambah jumlah pengunjung blog gan. Tambahan aja kalian juga bisa submit blog ke Alexa dan pasang widgetnya di blog, karena Alexa Rank salah satu faktor penting untuk memoneytize blog selain Page Rank gan.\u003Cbr \/\u003E\u003Cbr \/\u003EIntinya sebelum memasang widget dipikir dulu apa perlu dipasang atau tidak gan. Jangan memasang widget cuma untuk memperkeren blog, gak ada gunanya malah bikin blog tambah berat gan.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ESekian dulu yang bisa gw share tentang cara-cara membuat blog agar lebih SEO friendly gan. Cuma ngingetin aja jangan pusing mikirin SEO tapi fokus membuat postingan yang semenarik mungkin untuk pengunjung bukan Google gan. Semoga postingan ini bermanfaat buat kalian semua dan jangan lupa ninggalin komentar ya gan."},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/seociyus.blogspot.com\/feeds\/5340247325750618315\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/membuat-blog-agar-lebih-seo-friendly.html#comment-form","title":"91 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/5340247325750618315"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/5127585855224028779\/posts\/default\/5340247325750618315"},{"rel":"alternate","type":"text/html","href":"http:\/\/seociyus.blogspot.com\/2013\/04\/membuat-blog-agar-lebih-seo-friendly.html","title":"Membuat Blog Agar Lebih SEO Friendly"}],"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\/-vzWtW0YLTjk\/UVnNcst37eI\/AAAAAAAADeY\/ZTghsPNgbjc\/s72-c\/membuat+blog+agar+lebih+seo+friendly.jpg","height":"72","width":"72"},"thr$total":{"$t":"91"}}]}});