Cara Pasang Page Facebook dan Twitter di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc3u8lrlCyD2FG6Loo6AB-C2Yw8oDzSOD0_iPGB1icB1zEeez1IHyCFsq45TsM0hyphenhyphenJ5QPvkGYd9D7uNMGJvT1VhYFQyUmaQQC2oG9C7peU9XUaTiWM9vNMEq-W8gqpzwbYwHxS2gxGRhs/s1600/pasang+facebook+twitter+di+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Pasang Page Facebook dan Twitter di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc3u8lrlCyD2FG6Loo6AB-C2Yw8oDzSOD0_iPGB1icB1zEeez1IHyCFsq45TsM0hyphenhyphenJ5QPvkGYd9D7uNMGJvT1VhYFQyUmaQQC2oG9C7peU9XUaTiWM9vNMEq-W8gqpzwbYwHxS2gxGRhs/s320/pasang+facebook+twitter+di+blog.png" title="Pasang Page Facebook dan Twitter di Blog" width="160" /></a></div>Cara Pasang Page Facebook dan Twitter di Blog sangat mudah. Kita tinggal meletakkan kodenya di Gadget, Sidebar, atau Widget Blog kita. Pemasangan Fans Page Facebook dan Twitter di Blog ini dianjurkan oleh para pakar media sosial untuk menaikkan jumlah fans, teman, dan follower.<br /><br /><b>Cara Pasang Page Facebook di Blog</b><br />1. Buat dulu Fans Page-nya di <a href="https://www.facebook.com/pages/create/" rel="nofollow" target="_blank">Create a Page</a>.<br />2. Masuk ke <a href="https://developers.facebook.com/" rel="nofollow" target="_blank">Facebook Developer</a>.<br />3. Klik menu <b><a href="https://developers.facebook.com/docs/" rel="nofollow" target="_blank">Docs</a></b>.<br />4. Pilih "Social Plugin"<br />5. Klik "Like Button"<br />6. Masukkan URL Fans Page dan silakan atur sendiri lebar, panjang, dan lainnya di sana.<br />7. Get Code. Dapatkan kodenya dan copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.<br />8. Save. Beres!<br /><br /><b>Cara Pasang Widget Twitter di Blog</b><br />1. Buat dulu akun Twitternya. <a href="http://twitter.com/" rel="nofollow" target="_blank">Create an Account</a>.<br />2. Buka atau Masuk ke <a href="https://twitter.com/settings/widgets" rel="nofollow" target="_blank">Create a Twitter Widget</a>.<br />3. Copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.<br />8. Save. Beres!<br /><br />Good Luck!

Cara Pasang Page Facebook dan Twitter di Blog

Cara Pasang Page Facebook dan Twitter di Blog sangat mudah. Kita tinggal meletakkan kodenya di Gadget, Sidebar, atau Widget Blog kita. Pemas...

Read more »

Cara Membuat Kotak Pencarian Menu Search di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZrW_TBfd9a2x_b8TPYEObZcW57ZAPhlaZ46baFXQvmlSNbN8ez-te-XRepwR67V5qnbEY5EEUeRbrNwGcVYCBvicVUqaA20ytva0UMWPgMiML0faQ90fvcQT9BKpiFTv9yK_muA-NuDi/s1600/kotak+pencarian+search+box.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kotak Pencarian Menu Search Blog" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZrW_TBfd9a2x_b8TPYEObZcW57ZAPhlaZ46baFXQvmlSNbN8ez-te-XRepwR67V5qnbEY5EEUeRbrNwGcVYCBvicVUqaA20ytva0UMWPgMiML0faQ90fvcQT9BKpiFTv9yK_muA-NuDi/s200/kotak+pencarian+search+box.jpg" title="Kotak Pencarian Menu Search Blog" width="200" /></a></div>Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Search Box" atau "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Kotak Penelusuran". Save!</span><br /><br />Kurang berkenan dengan tampilan menu search atau kotak pencarian versi blogger? Ini dia alternatif   Kotak Pencarian Menu Search di Blogspot yang <a href="http://fayedanielsbbw.blogspot.com/">Contoh Blog</a> kumpulkan dari berbagai sumber dan sudah dites satu-satu. <br /><br />Setelah "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Add a Gadget", pilih "HTML Javascript", dan pilih salah satu kode </span>Kotak Pencarian atau Menu Search berikut ini. Dicoba saja satu-satu, lihat hasilnya, dan pilih yang menurut Anda bagus.<br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #1</b></h3><br /><form action="http://<span style="color: red;">namablog</span>.blogspot.com/search"<br />method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form><br /><b><br /></b><b>Kode ini yang dipake Samakaki Blogger di Sidebar:</b><br /><b><br /></b><form action="http://fayedanielsbbw.blogspot.com/search"<br />method="get"> <input class="textinput" name="q" size="33" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form><br/><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #2</b></h3><br /><span style='float:right;'><br /><style type="text/css"> #a-searchbox{background:url(http://2.bp.blogspot.com/-mOSamakakiojPwG1U/UOiqgUK1LwI/AAAAAAAAAak/ZwmGebAuDfU/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="<span style="color: red;">Search Here</span>..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div><br /></span><br /><b><br /></b><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #3</b></h3><br /><br /><form action="/search" style="display:inline;" method="get"><br /><input id="s" name="q" type="search" placeholder="Search Here...."/><br /></form><br /><style><br />#s {<br />    margin: 0 auto;<br />    -webkit-appearance: none;<br />    -moz-appearance: none;<br />    padding: 12px 48px 12px 12px;<br />    -webkit-border-radius: 200px;<br />    -moz-border-radius: 200px;<br />    border-radius: 200px;<br /> width: <span style="color: red;">300</span>px;<br />    height: 16px;<br />    color: #3a4449;<br />    border: none;<br />    outline: none;<br />    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br /> position: relative;<br />    z-index: 2;<br />    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZDv1gHp15Q4cKp8cG-T7VA2B90MgFHbEvQz3eWwz0-jDWTNCyux3ZeflH589saZFBpPe5JyTQ4hGeciNuILH57suPXe5qWovrxoyS5lAi5ea-aMhqoIV_sD39WVDDRuVp8pHvKo9WoOg/s1600/Search.png) center right no-repeat;<br />}<br />#s::-webkit-input-placeholder, #s:-moz-placeholder {<br />    color: #607078;<br />}<br /></style><br /><b><br /></b><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #4</b></h3><br /><br /><style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXZHxRtQz-Uxc7f60-nMxApd95gK_hXBiRkXd9lFzw6S3FmzCEk3Ac9BF5zLM11GAX8VIUuRkXafbV7LQakEHLz9lioSTFdlpsLLRhZLZRlEku7fiCDkLHRZwKAp5Y96UO0RXgXoMm9Q2J/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #5</b></h3><b><br /></b><style type="text/css"><br />#a-searchbox{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXitq2bntJM5jRM4H2MrtZEPqrjlMubyJEFi_6a0JmCgSz7nK28NgG8iGFJZY1dkvlT7Eyvr5n6yNSgr0hxVsznDwWhi4itQs5fehoSUvSpN4a3fciFGzdto2mkbhHGanm5y9sSGUj_2S/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />form#a-searchform{display: block;padding: 10px 12px;margin:0;}<br />form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br /></style><br /><center><br /><div id="a-searchbox"><br /><form id="a-searchform" action="/search" method="get"><br /><input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /><br /></form><br /><br /></div></center><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #6</b></h3><br /><form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

Cara Membuat Kotak Pencarian Menu Search di Blogspot

Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Searc...

Read more »

Cara Membuat Kotak Pencarian Menu Search di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZrW_TBfd9a2x_b8TPYEObZcW57ZAPhlaZ46baFXQvmlSNbN8ez-te-XRepwR67V5qnbEY5EEUeRbrNwGcVYCBvicVUqaA20ytva0UMWPgMiML0faQ90fvcQT9BKpiFTv9yK_muA-NuDi/s1600/kotak+pencarian+search+box.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kotak Pencarian Menu Search Blog" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZrW_TBfd9a2x_b8TPYEObZcW57ZAPhlaZ46baFXQvmlSNbN8ez-te-XRepwR67V5qnbEY5EEUeRbrNwGcVYCBvicVUqaA20ytva0UMWPgMiML0faQ90fvcQT9BKpiFTv9yK_muA-NuDi/s200/kotak+pencarian+search+box.jpg" title="Kotak Pencarian Menu Search Blog" width="200" /></a></div>Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Search Box" atau "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Kotak Penelusuran". Save!</span><br /><br />Kurang berkenan dengan tampilan menu search atau kotak pencarian versi blogger? Ini dia alternatif   Kotak Pencarian Menu Search di Blogspot yang <a href="http://contohblognih.blogspot.com/">Contoh Blog</a> kumpulkan dari berbagai sumber dan sudah dites satu-satu. <br /><br />Setelah "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Add a Gadget", pilih "HTML Javascript", dan pilih salah satu kode </span>Kotak Pencarian atau Menu Search berikut ini. Dicoba saja satu-satu, lihat hasilnya, dan pilih yang menurut Anda bagus.<br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #1</b></h3><br /><form action="http://<span style="color: red;">namablog</span>.blogspot.com/search"<br />method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form><br /><b><br /></b><b>Kode ini yang dipake CB Blogger di Sidebar:</b><br /><b><br /></b><form action="http://contohblognih.blogspot.com/search"<br />method="get"> <input class="textinput" name="q" size="33" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form><br/><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #2</b></h3><br /><span style='float:right;'><br /><style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokOYvQp2-G6wUkN4IcjVJ7QG9NHTeNP3Et8MjmctJ8tlyIBOHsyfzFR-h3i3RYICX_f4f2bMnLAv6my8m6lJsbQYhuBFgYj4nJpti4gQow6U9aNwKTU2Anh22wSxIR6ykQqKMAR7Oc6O6/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="<span style="color: red;">Search Here</span>..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div><br /></span><br /><b><br /></b><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #3</b></h3><br /><br /><form action="/search" style="display:inline;" method="get"><br /><input id="s" name="q" type="search" placeholder="Search Here...."/><br /></form><br /><style><br />#s {<br />    margin: 0 auto;<br />    -webkit-appearance: none;<br />    -moz-appearance: none;<br />    padding: 12px 48px 12px 12px;<br />    -webkit-border-radius: 200px;<br />    -moz-border-radius: 200px;<br />    border-radius: 200px;<br /> width: <span style="color: red;">300</span>px;<br />    height: 16px;<br />    color: #3a4449;<br />    border: none;<br />    outline: none;<br />    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br /> position: relative;<br />    z-index: 2;<br />    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZDv1gHp15Q4cKp8cG-T7VA2B90MgFHbEvQz3eWwz0-jDWTNCyux3ZeflH589saZFBpPe5JyTQ4hGeciNuILH57suPXe5qWovrxoyS5lAi5ea-aMhqoIV_sD39WVDDRuVp8pHvKo9WoOg/s1600/Search.png) center right no-repeat;<br />}<br />#s::-webkit-input-placeholder, #s:-moz-placeholder {<br />    color: #607078;<br />}<br /></style><br /><b><br /></b><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #4</b></h3><br /><br /><style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXZHxRtQz-Uxc7f60-nMxApd95gK_hXBiRkXd9lFzw6S3FmzCEk3Ac9BF5zLM11GAX8VIUuRkXafbV7LQakEHLz9lioSTFdlpsLLRhZLZRlEku7fiCDkLHRZwKAp5Y96UO0RXgXoMm9Q2J/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #5</b></h3><b><br /></b><style type="text/css"><br />#a-searchbox{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXitq2bntJM5jRM4H2MrtZEPqrjlMubyJEFi_6a0JmCgSz7nK28NgG8iGFJZY1dkvlT7Eyvr5n6yNSgr0hxVsznDwWhi4itQs5fehoSUvSpN4a3fciFGzdto2mkbhHGanm5y9sSGUj_2S/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />form#a-searchform{display: block;padding: 10px 12px;margin:0;}<br />form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br /></style><br /><center><br /><div id="a-searchbox"><br /><form id="a-searchform" action="/search" method="get"><br /><input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /><br /></form><br /><br /></div></center><br /><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #6</b></h3><br /><form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

Cara Membuat Kotak Pencarian Menu Search di Blogspot

Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Searc...

Read more »

Peringatan Buat Para Blogger Pengguna Template Johny

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMIO9iWHmZsnLHyZsY3Ei3t2kNYa48Ogbt_oOiym_V1fKSzd6vSe6jyG5hk6Lv08JYrbBPMCxjnynBIcKi7fbzOWU6RbR70Q4zd51qSIEUwgyT8gbif25KwEG5IbhVdjd85SL8JONFUSS/s1600/MAS-TEMPLATE.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Johny " border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMIO9iWHmZsnLHyZsY3Ei3t2kNYa48Ogbt_oOiym_V1fKSzd6vSe6jyG5hk6Lv08JYrbBPMCxjnynBIcKi7fbzOWU6RbR70Q4zd51qSIEUwgyT8gbif25KwEG5IbhVdjd85SL8JONFUSS/s200/MAS-TEMPLATE.gif" title="Template Johny " width="200" /></a></div>Peringatan Buat Para Blogger Pengguna Template Johny atau <a href="http://johnytemplate.blogspot.com/" rel="nofollow" target="_blank">Johny Template</a> yang tersedia di <a href="http://www.maskolis.com/" rel="nofollow" target="_blank">Maskolis</a>, <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Mastemplate</a>, dan di berbagai blog penyedia template johny. Peringatan ini diperkeras jika pengguna template johny mengunduhnya di blog lain, tidak langsung di blog resmi milik Johny.<br /><br />Template bikinan Johny alias Maskolis alias Mastemplate ini keren-keren, good looking, dinamis, SEO Ready, Fast Loading, pokoknya #1 deh di dunia! Tapi ingat, inilah beberapa peringatan bagi Blogger Pengguna Template Johny:<br /><br />1. Blogger Pengguna Template Johny harus <b>tetap cantumkan footer link </b>sang pembuat --utamanya link yang di sebelah kanan yang biasanya tertulis begini: "<span style="background-color: #0a2e56; color: white; font-family: Arial; font-size: 11px; line-height: 17.59375px; text-align: right;">Template Created by </span><a href="http://www.maskolis.com/" style="background-color: #0a2e56; color: #cecdcd; font-family: Arial; font-size: 11px; line-height: 17.59375px; text-align: right; text-decoration: none;" target="_blank">Creating Website</a><span style="background-color: #0a2e56; color: white; font-family: Arial; font-size: 11px; line-height: 17.59375px; text-align: right;"> Published by </span><a href="http://www.mastemplate.com/" style="background-color: #0a2e56; color: #cecdcd; font-family: Arial; font-size: 11px; line-height: 17.59375px; text-align: right; text-decoration: none;" target="_blank">Mas Template</a>". Jangan dihapus! Hargai karya orang, terlebih karya sesama bangsa Indonesia!<br /><br />2. Blogger Pengguna Template Johny harus melakukan "modifikasi" dan "kustomisasi" (<i>customize</i>) di dalamnya, khususnya di bagian <b>footer link sebelah kiri</b>, juga mengganti <b>FeedBurner ID</b> (RSS Subscribe) di dalam template yang biasanya "JohnyTemplate" menjadi FeedBurner ID blog Anda.<br /><br />3. Blogger Pengguna Template Johny harus mengubah <b>pubid AddThis</b> (fasilitas social share) yang tadinya milik Johny menjadi milik Anda. Ada harus register dulu di <a href="http://www.addthis.com/" rel="nofollow" target="_blank">AddThis</a> untuk mendapatkan pubid (publication id).<br /><br />4. Blogger Pengguna Template Johny yang mengunduh file template johny di tempat lain harus lebih waspada lagi karena biasanya penyedia  Template Johny itu mengubah dulu beberapa bagian di dalam Template Johny untuk menyisipkan link, kode, atau script tertentu demi kepentingannya. Waspadalah! Makanya, download langsung di blog resmi <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Blog Template Johny</a>.<br /><br />5. Jika Bung Johny kebetulah membaca posting ini, pastinya akan menambahkan apa lagi peringatannya bagi para blogger pengguna Template Johny.***<br /><br /><i><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"># Contoh Blog SEO Friendly. Blog untuk menguji template blog dan tips SEO Blog Blogspot dengan kata kunci contoh template blog, fast loading blog, tips seo, tips blog, seo friendly.</span></i>

Peringatan Buat Para Blogger Pengguna Template Johny

Peringatan Buat Para Blogger Pengguna Template Johny atau Johny Template yang tersedia di Maskolis , Mastemplate , dan di berbagai blog pen...

Read more »

Cara Menghilangkan Border Image di Foto Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7fgzk9PSfeszDLeXKAx57IkXqWnj6Ueua04ulsPXZ1aUZNmxqbmI7TO3o58RYGyukCiabLHyXd_BqaRXgrMeyAqmmjTt4hyphenhyphen_28O0ciQFrXncnT_hw0ubCFPVhCFwRzrGvBmC4ZB6_aoT/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="border image blog" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7fgzk9PSfeszDLeXKAx57IkXqWnj6Ueua04ulsPXZ1aUZNmxqbmI7TO3o58RYGyukCiabLHyXd_BqaRXgrMeyAqmmjTt4hyphenhyphen_28O0ciQFrXncnT_hw0ubCFPVhCFwRzrGvBmC4ZB6_aoT/s200/blog.jpg" title="border image blog" width="200" /></a></div>Semua foto/ilustrasi di blog ini ada border (pembatas) atau bingkai. Itu namanya "border image". Sebagain blogger mungkin merasa kurang "sreg" dengan border image. Bagaimana cara menghilangkannya?<br /><br />Ini dia Cara Menghilangkan Border Image di Foto Blog. Sebaliknya, ini pula Cara membuat Border Image di Foto Blog jika menginginkannya. Intinya, cukup mengganti angka 1 (satu) atau 2 (dua) menjadi angka 0 (nol) di bagian kode, semisal "<span style="color: red;">border: 1px solid #dddd;</span>" menjadi "<span style="color: red;">border: 0px solid #dddd;</span>"<br /><br />1. Login > Dashboard<br />2. Template > Edit HTML<br />3. Cari kode di bawah ini (pastinya tiap template beda-beda, makanya dikasih banyak alternatif), namun umumnya diawali kode <span style="color: red;">.post img</span><br /><br /><span style="color: blue;">.post img {</span><br /><span style="color: blue;">border:1pxsolid $bordercolor;</span><br /><span style="color: blue;">margin:4px;</span><br /><span style="color: blue;">padding:4px</span><br /><span style="color: blue;">}</span><br /><br /><b>ATAU</b><br /><br /><span style="color: blue;">.post img {</span><br /><span style="color: blue;">padding:4px;</span><br /><span style="color: blue;">border:1px solid $bordercolor;</span><br /><span style="color: blue;">}</span><br /><br /><b>ATAU</b><br /><br /><span style="color: #0b5394;">.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,</span><br /><span style="color: #0b5394;">.BlogList .item-thumbnail img {</span><br /><span style="color: #0b5394;">padding: $(image.border.small.size);</span><br /><span style="color: #0b5394;">background: $(image.background.color);</span><br /><span style="color: #0b5394;">border: 0px solid $(image.border.color);</span><br /><span style="color: #0b5394;">-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);</span><br /><span style="color: #0b5394;">-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);</span><br /><span style="color: #0b5394;">box-shadow: 1px 0px 0px rgba(0, 0, 0, .1);</span><br /><span style="color: #0b5394;">}</span><br /><br /><b>ATAU</b><br /><br /><span style="color: #0b5394;">.post-body img, .post-body .tr-caption-container, .Profile img,</span><br /><span style="color: #0b5394;">.Image img, .BlogList .item-thumbnail img {</span><br /><span style="color: #0b5394;">border: 0px;</span><br /><span style="color: #0b5394;">-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);</span><br /><span style="color: #0b5394;">-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);</span><br /><span style="color: #0b5394;">box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);</span><br /><span style="color: #0b5394;">border-radius: 0px 0px 0px 0px;</span><br /><span style="color: #0b5394;">background: none;</span><br /><span style="color: #0b5394;">}</span><br /><br />Untuk kemudahan pencarian kode di atas, gunakan tombol Find atau tekan Ctrl + F, masukan kode<br />.post img {<br /><br />4. Ganti nilai border: <span style="color: red;">1px</span> menjadi border:<span style="color: red;">0px</span>;<br />5. Save Tamplate!<br /><br />Good Luck!

Cara Menghilangkan Border Image di Foto Blog

Semua foto/ilustrasi di blog ini ada border (pembatas) atau bingkai. Itu namanya "border image". Sebagain blogger mungkin merasa k...

Read more »

Cara Membuat Password di Halaman Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQB8dZlaGY5EiAalqPmN1TDyFlK5FjAyATk0Zc33apecb5XjRdB_-vh9wIWuZPi5zif9QVaAb67p6eV7o-g50bxUjqMDBbAi1q2hNhITz_4NUshrtkTwBCsqwqwJzj-N2RptVNPaUVkeo/s1600/halaman+password-protected.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="halaman blog password" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQB8dZlaGY5EiAalqPmN1TDyFlK5FjAyATk0Zc33apecb5XjRdB_-vh9wIWuZPi5zif9QVaAb67p6eV7o-g50bxUjqMDBbAi1q2hNhITz_4NUshrtkTwBCsqwqwJzj-N2RptVNPaUVkeo/s1600/halaman+password-protected.jpg" title="halaman blog password" /></a></div>Cara membuat password di halaman blog blogspot itu sangat mudah. Kita tinggal memasukkan kode tertentu di halaman statis (<i>static page</i>) di blog blogspot. Jadilah ia "password protected page" alias halaman yang diproteksi oleh password.<br /><br />Fungsi halaman ber-password di blog ini, barangkali ada data, foto, atau posting/tulisan "rahasia" yang tidak mau dibaca sama pengunjung atau hanya untuk user tertentu.<br /><br />Dosen atau guru, misalnya, membuat halaman blog pake password ini untuk menyimpan materi kuliah, materi pelajaran, atau tugas-tugas, dan hanya mahasiswa/siswa yang bisa masuk. Tentu, passwordnya dikasi tau di kelas.<br /><br /><b><a href="http://fayedanielsbbw.blogspot.com/p/page-password.html" rel="nofollow" target="_blank">CONTOH HALAMAN PAKE PASSWORD</a> </b>di blog ini<b> </b>(password: <span style="color: red;">contohblognih</span>)<br /><br /><b>Ini dia cara membuat password di halaman blog blogspot:</b><br /><br />1. Dashboard >> Pages >> New Pages >> <b>Blank Page</b><br />2. Isi dulu tuh judul/nama halaman dan isi dulu halamannya (konten).<br /><i><br /></i><i>Publish dulu untuk mendapatkan URL LINKHALAMAN yang akan diisikan dalam kode password. Simpan di notepad. Nanti buka lagi (Edit) dan lakukan langkah berikutnya.</i><br /><i><br /></i>3. Klik “HTML”<br />4. Masukkan kode berikut ini di dalamnya SEBELUM teks atau alinea pertama halaman yang akan diproteksi password.<br /><br /><span style="color: blue;"><script language="JavaScript"></span><br /><span style="color: blue;">var password;</span><br /><span style="color: blue;">var pass1="<b>TULIS PASSWORD DI SINI</b>";</span><br /><span style="color: blue;">password=prompt('Masukkan password untuk membuka halaman ini!',' ');</span><br /><span style="color: blue;">if (password==pass1) alert('Password Benar! Klik <b>OK</b> untuk membuka halaman ini!');</span><br /><span style="color: blue;">else {</span><br /><span style="color: blue;">  window.location="<b>URL LINK HALAMAN</b>";</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;"></script></span><br /><br />5. Ganti teks URL LINK HALAMAN dengan URL Page/Halaman Blogspot Anda.<br />6. <b>Save!</b>

Cara Membuat Password di Halaman Blog

Cara membuat password di halaman blog blogspot itu sangat mudah. Kita tinggal memasukkan kode tertentu di halaman statis ( static page ) di ...

Read more »

Cara Membuat Password di Halaman Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQB8dZlaGY5EiAalqPmN1TDyFlK5FjAyATk0Zc33apecb5XjRdB_-vh9wIWuZPi5zif9QVaAb67p6eV7o-g50bxUjqMDBbAi1q2hNhITz_4NUshrtkTwBCsqwqwJzj-N2RptVNPaUVkeo/s1600/halaman+password-protected.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="halaman blog password" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQB8dZlaGY5EiAalqPmN1TDyFlK5FjAyATk0Zc33apecb5XjRdB_-vh9wIWuZPi5zif9QVaAb67p6eV7o-g50bxUjqMDBbAi1q2hNhITz_4NUshrtkTwBCsqwqwJzj-N2RptVNPaUVkeo/s1600/halaman+password-protected.jpg" title="halaman blog password" /></a></div>Cara membuat password di halaman blog blogspot itu sangat mudah. Kita tinggal memasukkan kode tertentu di halaman statis (<i>static page</i>) di blog blogspot. Jadilah ia "password protected page" alias halaman yang diproteksi oleh password.<br /><br />Fungsi halaman ber-password di blog ini, barangkali ada data, foto, atau posting/tulisan "rahasia" yang tidak mau dibaca sama pengunjung atau hanya untuk user tertentu.<br /><br />Dosen atau guru, misalnya, membuat halaman blog pake password ini untuk menyimpan materi kuliah, materi pelajaran, atau tugas-tugas, dan hanya mahasiswa/siswa yang bisa masuk. Tentu, passwordnya dikasi tau di kelas.<br /><br /><b><a href="http://contohblognih.blogspot.com/p/page-password.html" rel="nofollow" target="_blank">CONTOH HALAMAN PAKE PASSWORD</a> </b>di blog ini<b> </b>(password: <span style="color: red;">contohblognih</span>)<br /><br /><b>Ini dia cara membuat password di halaman blog blogspot:</b><br /><br />1. Dashboard >> Pages >> New Pages >> <b>Blank Page</b><br />2. Isi dulu tuh judul/nama halaman dan isi dulu halamannya (konten).<br /><i><br /></i><i>Publish dulu untuk mendapatkan URL LINKHALAMAN yang akan diisikan dalam kode password. Simpan di notepad. Nanti buka lagi (Edit) dan lakukan langkah berikutnya.</i><br /><i><br /></i>3. Klik “HTML”<br />4. Masukkan kode berikut ini di dalamnya SEBELUM teks atau alinea pertama halaman yang akan diproteksi password.<br /><br /><span style="color: blue;"><script language="JavaScript"></span><br /><span style="color: blue;">var password;</span><br /><span style="color: blue;">var pass1="<b>TULIS PASSWORD DI SINI</b>";</span><br /><span style="color: blue;">password=prompt('Masukkan password untuk membuka halaman ini!',' ');</span><br /><span style="color: blue;">if (password==pass1) alert('Password Benar! Klik <b>OK</b> untuk membuka halaman ini!');</span><br /><span style="color: blue;">else {</span><br /><span style="color: blue;">  window.location="<b>URL LINK HALAMAN</b>";</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;"></script></span><br /><br />5. Ganti teks URL LINK HALAMAN dengan URL Page/Halaman Blogspot Anda.<br />6. <b>Save!</b>

Cara Membuat Password di Halaman Blog

Cara membuat password di halaman blog blogspot itu sangat mudah. Kita tinggal memasukkan kode tertentu di halaman statis ( static page ) di ...

Read more »

12 Aturan dalam Menulis Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTsrWcZbrHXeVfkv_6E7wEnjalW2ETuqg8cxR6QfxDzSoSwkGmujWxdf5S0H7g4fRo6_fsPKQz6g1HrWF39dJY-yGBCcNOg2za203ZTY4mPae4DgvQPrcNtJN5Do7m3r06eE1kOsxA_Ei/s1600/menulis+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menulis di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTsrWcZbrHXeVfkv_6E7wEnjalW2ETuqg8cxR6QfxDzSoSwkGmujWxdf5S0H7g4fRo6_fsPKQz6g1HrWF39dJY-yGBCcNOg2za203ZTY4mPae4DgvQPrcNtJN5Do7m3r06eE1kOsxA_Ei/s1600/menulis+blog.jpg" title="Menulis di Blog" /></a></div>SETIDAKNYA ada 12 aturan main dalam menulis di blog: 6 boleh dilakukan, 6 lainnya tidak boleh dilakukan.<br /><br /><b>1. Fokus! </b><br />Agar menulis di blog dengan fokus, pertama-tama jawab pertanyaan ini: Siapa target pembaca Anda? Jika targetnya para pencari berita tentang sepakbola, maka fokuslah menulis tentang sepakbola.<br /><br /><b>2. Jadilah diri sendiri! Be yourself!</b><br />Tulisan di blog sebaiknya menggunakan bahasa sehari-hari, gunakan gaya "ngobrol", bukan gaya menulis di koran apalagi bergaya "tulisan ilmiah". Ingat, blog itu "<a href="http://fayedanielsbbw.blogspot.com/2012/07/blog-is-online-diary.html" rel="nofollow" target="_blank">online diary</a>", buku harian online. <i>Let your readers get to know you.</i><br /><br /><b>3. Gunakan link dalam tulisan.</b><br /><i>Use links within your posts</i>. Usahakan selalu ada link dalam tulisan Anda, khususnya link blog atau website yang berisi informasi terkait, juga link ke tulisan Anda yang lain di blog Anda. Ini akan meningkatkan "klik" dan peringkat mesin pencari. Lagi pula, <a href="http://www.dailyblogtips.com/the-strength-of-the-web-hyperlinks-and-information/" rel="nofollow" target="_blank">kekuatan blog itu adalah link dan informasi</a>.<br /><br /><b>4. Sertakan Gambar/Foto</b>.<br />Foto atau gambar ilustrasi berfungsi menguatkan tulisan blog, sekaligus "stimulasi visual" bagi pembaca blog. Jangan lupa, isi "properties" foto, yaitu judul foto (<i>title</i>) dan alternative text (<i>alt text</i>). Lebih baik lagi, <i>rename</i> foto Anda sesuai dengan judul tulisan sebelum diupload, serta <i>edit</i> agar ukuran filenya tidak besar (usahakan di bawah 100kb).<br /><br /><b>5. Respons komentar yang masuk.</b><br />Jangan "cuekin" komentar yang masuk, terlebih jika berupa pertanyaan. Paling tidak, ucapkan "terima kasih atas kunjungan Anda", <i>“Thanks for reading my blog”</i>.<br /><br /><b>6. Sebarkan tulisan Anda via Facebook, Twitter, Google+, dan di mana saja.</b><br />Jangan takut menggunakan media sosial untuk mempromosikan tulisan Anda di blog. Teman dan follower Anda adalah pembaca potensial blog Anda.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBU-FC6F4f9Jg_H1sWqxVM3KI7fk_YP9M4kzD8y7IwFJDrhyphenhyphenZ5Y1deSqAYSPRwRouhztusYaVQon6BjH3ZvtVRNjqVvYL81nbq-l59bqgqtv6l3w50vitdFS_RPMQI_bkhAleLLvqCaND8/s1600/tulisan+di+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menulis di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBU-FC6F4f9Jg_H1sWqxVM3KI7fk_YP9M4kzD8y7IwFJDrhyphenhyphenZ5Y1deSqAYSPRwRouhztusYaVQon6BjH3ZvtVRNjqVvYL81nbq-l59bqgqtv6l3w50vitdFS_RPMQI_bkhAleLLvqCaND8/s200/tulisan+di+blog.jpg" title="Menulis di Blog" width="178" /></a></div><h3><span style="color: red;">Yang tidak boleh dilakukan saat menulis di blog</span></h3>Ada enam hal juga yang tidak boleh dilakukan dalam menulis di blog:<br /><br /><b>1. Menentukan tujuan yang tidak realistis.</b><br />Jangan memaksakan diri harus mengisi blog tiap hari. Target paling realistis adalah seminggu sekali. Namun, jika memang tiap hari ada yang mau Anda ekspresikan dan share, just do it! Just write!<br /><br /><b>2. Menulis di blog terlalu panjang.</b><br /><i>If you have something to say, say it!</i> Namun, batasi jumlah kata yang Anda tulis menjadi antara 300-500 kata saja. Maksimum 800 kata. Jangan kepanjangan! Jangan pula kependekkan!<br /><br /><b>3. Melakukan kesalahan tata bahasa dan ejaan.</b><br />Gunakan bahasa yang baik dan benar. Jangan asal tulis. Ingat, mesin pencari juga merujuk pada kaidah tata bahasa ketika memeringkat blog.<br /><br /><b>4. Tulisan Negatif.</b><br />Selalulah berusaha menulis hal-hal positif, informatif, dan inspiratif. <br /><br /><b>5. Menulis paragraf panjang</b><br />Paragraf atau alinea panjang tidak disukai pembaca dan sulit dipahami. Usahakan per alinea maksimum lima baris. Sebaiknya variatif, antara 2, 3, 4, dan 5 baris per alinea secara bergantian.<br /><br /><b>6. Mengindari hal-hal baru</b><br />Jangan takut mencoba menulis hal baru, khususnya tema yang jarang ditulis blogger lain. <i>If you feel it can add something special to your blog, try it!</i><br /><br /><i>Referensi: <a href="http://www.writersdigest.com/online-editor/the-12-dos-and-donts-of-writing-a-blog" rel="nofollow" target="_blank">THE 12 DOS AND DON’TS OF WRITING A BLOG</a></i><br /><br />

12 Aturan dalam Menulis Posting Blog

SETIDAKNYA ada 12 aturan main dalam menulis di blog: 6 boleh dilakukan, 6 lainnya tidak boleh dilakukan. 1. Fokus!  Agar menulis di blog den...

Read more »

12 Aturan dalam Menulis Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTsrWcZbrHXeVfkv_6E7wEnjalW2ETuqg8cxR6QfxDzSoSwkGmujWxdf5S0H7g4fRo6_fsPKQz6g1HrWF39dJY-yGBCcNOg2za203ZTY4mPae4DgvQPrcNtJN5Do7m3r06eE1kOsxA_Ei/s1600/menulis+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menulis di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTsrWcZbrHXeVfkv_6E7wEnjalW2ETuqg8cxR6QfxDzSoSwkGmujWxdf5S0H7g4fRo6_fsPKQz6g1HrWF39dJY-yGBCcNOg2za203ZTY4mPae4DgvQPrcNtJN5Do7m3r06eE1kOsxA_Ei/s1600/menulis+blog.jpg" title="Menulis di Blog" /></a></div>SETIDAKNYA ada 12 aturan main dalam menulis di blog: 6 boleh dilakukan, 6 lainnya tidak boleh dilakukan.<br /><br /><b>1. Fokus! </b><br />Agar menulis di blog dengan fokus, pertama-tama jawab pertanyaan ini: Siapa target pembaca Anda? Jika targetnya para pencari berita tentang sepakbola, maka fokuslah menulis tentang sepakbola.<br /><br /><b>2. Jadilah diri sendiri! Be yourself!</b><br />Tulisan di blog sebaiknya menggunakan bahasa sehari-hari, gunakan gaya "ngobrol", bukan gaya menulis di koran apalagi bergaya "tulisan ilmiah". Ingat, blog itu "<a href="http://contohblognih.blogspot.com/2012/07/blog-is-online-diary.html" rel="nofollow" target="_blank">online diary</a>", buku harian online. <i>Let your readers get to know you.</i><br /><br /><b>3. Gunakan link dalam tulisan.</b><br /><i>Use links within your posts</i>. Usahakan selalu ada link dalam tulisan Anda, khususnya link blog atau website yang berisi informasi terkait, juga link ke tulisan Anda yang lain di blog Anda. Ini akan meningkatkan "klik" dan peringkat mesin pencari. Lagi pula, <a href="http://www.dailyblogtips.com/the-strength-of-the-web-hyperlinks-and-information/" rel="nofollow" target="_blank">kekuatan blog itu adalah link dan informasi</a>.<br /><br /><b>4. Sertakan Gambar/Foto</b>.<br />Foto atau gambar ilustrasi berfungsi menguatkan tulisan blog, sekaligus "stimulasi visual" bagi pembaca blog. Jangan lupa, isi "properties" foto, yaitu judul foto (<i>title</i>) dan alternative text (<i>alt text</i>). Lebih baik lagi, <i>rename</i> foto Anda sesuai dengan judul tulisan sebelum diupload, serta <i>edit</i> agar ukuran filenya tidak besar (usahakan di bawah 100kb).<br /><br /><b>5. Respons komentar yang masuk.</b><br />Jangan "cuekin" komentar yang masuk, terlebih jika berupa pertanyaan. Paling tidak, ucapkan "terima kasih atas kunjungan Anda", <i>“Thanks for reading my blog”</i>.<br /><br /><b>6. Sebarkan tulisan Anda via Facebook, Twitter, Google+, dan di mana saja.</b><br />Jangan takut menggunakan media sosial untuk mempromosikan tulisan Anda di blog. Teman dan follower Anda adalah pembaca potensial blog Anda.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBU-FC6F4f9Jg_H1sWqxVM3KI7fk_YP9M4kzD8y7IwFJDrhyphenhyphenZ5Y1deSqAYSPRwRouhztusYaVQon6BjH3ZvtVRNjqVvYL81nbq-l59bqgqtv6l3w50vitdFS_RPMQI_bkhAleLLvqCaND8/s1600/tulisan+di+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menulis di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBU-FC6F4f9Jg_H1sWqxVM3KI7fk_YP9M4kzD8y7IwFJDrhyphenhyphenZ5Y1deSqAYSPRwRouhztusYaVQon6BjH3ZvtVRNjqVvYL81nbq-l59bqgqtv6l3w50vitdFS_RPMQI_bkhAleLLvqCaND8/s200/tulisan+di+blog.jpg" title="Menulis di Blog" width="178" /></a></div><h3><span style="color: red;">Yang tidak boleh dilakukan saat menulis di blog</span></h3>Ada enam hal juga yang tidak boleh dilakukan dalam menulis di blog:<br /><br /><b>1. Menentukan tujuan yang tidak realistis.</b><br />Jangan memaksakan diri harus mengisi blog tiap hari. Target paling realistis adalah seminggu sekali. Namun, jika memang tiap hari ada yang mau Anda ekspresikan dan share, just do it! Just write!<br /><br /><b>2. Menulis di blog terlalu panjang.</b><br /><i>If you have something to say, say it!</i> Namun, batasi jumlah kata yang Anda tulis menjadi antara 300-500 kata saja. Maksimum 800 kata. Jangan kepanjangan! Jangan pula kependekkan!<br /><br /><b>3. Melakukan kesalahan tata bahasa dan ejaan.</b><br />Gunakan bahasa yang baik dan benar. Jangan asal tulis. Ingat, mesin pencari juga merujuk pada kaidah tata bahasa ketika memeringkat blog.<br /><br /><b>4. Tulisan Negatif.</b><br />Selalulah berusaha menulis hal-hal positif, informatif, dan inspiratif. <br /><br /><b>5. Menulis paragraf panjang</b><br />Paragraf atau alinea panjang tidak disukai pembaca dan sulit dipahami. Usahakan per alinea maksimum lima baris. Sebaiknya variatif, antara 2, 3, 4, dan 5 baris per alinea secara bergantian.<br /><br /><b>6. Mengindari hal-hal baru</b><br />Jangan takut mencoba menulis hal baru, khususnya tema yang jarang ditulis blogger lain. <i>If you feel it can add something special to your blog, try it!</i><br /><br /><i>Referensi: <a href="http://www.writersdigest.com/online-editor/the-12-dos-and-donts-of-writing-a-blog" rel="nofollow" target="_blank">THE 12 DOS AND DON’TS OF WRITING A BLOG</a></i><br /><br />

12 Aturan dalam Menulis Posting Blog

SETIDAKNYA ada 12 aturan main dalam menulis di blog: 6 boleh dilakukan, 6 lainnya tidak boleh dilakukan. 1. Fokus!  Agar menulis di blog den...

Read more »

Cara Mengatasi Duplicate Content Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyQ4A2NH6C6hbjvM5TVo0gDpN8kdEP22O_R0lTU_HcrrcjjgPBW7i8CJGw8G0rc4uB_5XvYBtfIeT8GMR4tZa39p5-YJTcotU_HzQUriNX4u_EteszhGFSlBYSHYdxNUuX0N7JVQwAVpS/s1600/duplicate-content+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Duplicate Content Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyQ4A2NH6C6hbjvM5TVo0gDpN8kdEP22O_R0lTU_HcrrcjjgPBW7i8CJGw8G0rc4uB_5XvYBtfIeT8GMR4tZa39p5-YJTcotU_HzQUriNX4u_EteszhGFSlBYSHYdxNUuX0N7JVQwAVpS/s200/duplicate-content+blog.jpg" title="Duplicate Content Blog" width="200" /></a></div>Duplicate Content adalah konten yang mengatakan hal yang sama dalam satu blog. Maksudnya, ada dua halaman yang berbeda tetapi mengatakan hal yang sama dalam satu blog.<br /><br />Pengertian Duplicate Content lainnya adalah kesamaan konten atau konten serupa dalam hasil pencarian mesin pencari yang memberikan definisi sama dari blog yang berbeda.<br /><br /><blockquote class="tr_bq"><i>Duplicate content is a term used in the field of search engine optimization to describe content that appears on more than one web page. (Wikipedia)</i></blockquote><br />Duplicate Content katanya sih sangat buruk untuk sebuah blog. Jika terjadi Duplicate Title pada postingan, misalnya, maka akan berdampak buruk pada peringakat pada hasil mesin pencari. Jadi, atasi duplicate content blog agar blog SEO Friendly dan mudah terindeks Google.<br /><br /><b>Ini dia Cara Menghindari duplicate Content Blog!</b><br /><br /><b>UNTUK BLOGGER/BLOGSPOT:</b><br />Cara Menghindari duplicate Content Blog untuk Blog Blogger/Blogspot sebagai berikut:<br /><br />1. Login --> Dashboard<br />2. Template --> Edit HTML<br />3. Pasang Meta Title seperti di bawah ini. Jika template blog Anda sudah seperti ini, good! Gak usah diapa-apain lagi selain mengisi Meta Deskripsi dan Meta Title:<br /><br /><b:if cond='data:blog.pageType == &quot;index&quot;'><br /><title><data:blog.pageTitle/></title><br /><meta content='DESKRIPSI BLOG' name='description'/><br /><meta content='KEYWORD 1, KEYWORD 2, DST' name='keywords'/><br /></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /><br /><title><data:blog.pageName/> | <data:blog.title/></title><br /><meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='description'/> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='keyword'/><br /></b:if><br /><br />4. Masukkan juga kode berikut ini di atas </head><br /><br /><span style="color: #0b5394;"><link expr:href='data:blog.url' rel='canonical'/></span><br /><span style="color: #0b5394;"><b:if cond='data:blog.searchLabel'></span><br /><span style="color: #0b5394;"><meta content='noindex,nofollow' name='robots'/></span><br /><span style="color: #0b5394;"></b:if></span><br /><span style="color: #0b5394;"><b:if cond='data:blog.pageType == &quot;archive&quot;'></span><br /><span style="color: #0b5394;"><meta content='noindex, noarchive, nofollow' name='robots'/></span><br /><span style="color: #0b5394;"></b:if></span><br /><br /><b>UNTUK CMS WORDPRESS (SELF-HOSTING):</b><br />Letakkan kode berikut ini di atas kode </head> di file header.php WP Theme yang Anda gunakan:<br /><br /><span style="color: #0b5394;"><?php</span><br /><span style="color: #0b5394;">if(is_attachment()) {</span><br /><span style="color: #0b5394;">?></span><br /><span style="color: #0b5394;"><meta name="robots" content="noindex, nofollow" /></span><br /><span style="color: #0b5394;"><?php</span><br /><span style="color: #0b5394;">}</span><br /><span style="color: #0b5394;">?></span><br /><span style="color: #0b5394;"><?php if(is_home() || is_page() || is_single()) { ?></span><br /><span style="color: #0b5394;"><meta name="googlebot" content="index, follow, noodp" /></span><br /><span style="color: #0b5394;"><meta name="robots" content="all, index, follow" /></span><br /><span style="color: #0b5394;"><meta name="msnbot" content="all, index, follow" /></span><br /><span style="color: #0b5394;"><?php } else { ?></span><br /><span style="color: #0b5394;"><meta name="googlebot" content="noindex, noarchive, follow, noodp" /></span><br /><span style="color: #0b5394;"><meta name="robots" content="noindex, follow" /></span><br /><span style="color: #0b5394;"><meta name="msnbot" content="noindex, follow" /></span><br /><span style="color: #0b5394;"><?php }?></span>:<br /><pre style="white-space: pre-wrap; word-wrap: break-word;"></pre><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: 'Times New Roman'; white-space: normal;"><b>Lebih jelas tentang Duplicate Content, silakan simak penjelasan Google</b>:</span></pre><pre style="white-space: pre-wrap; word-wrap: break-word;"><a href="https://support.google.com/webmasters/answer/66359?hl=en" rel="nofollow" target="_blank">https://support.google.com/webmasters/answer/66359?hl=en</a></pre>

Cara Mengatasi Duplicate Content Blog

Duplicate Content adalah konten yang mengatakan hal yang sama dalam satu blog. Maksudnya, ada dua halaman yang berbeda tetapi mengatakan hal...

Read more »

Cara Membuat Tulisan Animasi di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y9R0yMHvNzHr9CT6Qh7zSrKAkFdMv2eHCFzsGKu0-MYU7v8XF71In3OdUp_g6ExeKUA8UopjHILDacMYjXelaJ_TYYxhZhX6KF72AWKxK-r-TiWf9RV-smc5exvLf6EhnKocw-ZsDi_U/s1600/tulisan+animasi+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Tulisan Animasi di Blog" border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y9R0yMHvNzHr9CT6Qh7zSrKAkFdMv2eHCFzsGKu0-MYU7v8XF71In3OdUp_g6ExeKUA8UopjHILDacMYjXelaJ_TYYxhZhX6KF72AWKxK-r-TiWf9RV-smc5exvLf6EhnKocw-ZsDi_U/s200/tulisan+animasi+blog.jpg" title="Cara Membuat Tulisan Animasi di Blog" width="200" /></a></div>Sebenarnya tulisan animasi berjalan di blog tidak dianjurkan. Bikin pusing pengunjung, kataya. Tapi kalo cuma satu dan kecil, indah pula, gak apa-apa kali ya.<br /><br />Ini dia Cara Membuat Tulisan Animasi Berjalan di Blog. Gampang, tinggal klik Gadget, pilih HTML/Javascript, lalu masukkan kode di bawah ini. Pilih dan edit sesuai selera.<br /><br /><b>1. Kode Tulisan Animasi dengan background:</b><br /><br /><div style="background: #000000; border: 2px solid #FFFFFF; color: blue; font-size:<br />15px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;"><marquee<br />direction="left" scrollamount="6" align="center">Cara Membuat Tulisan Animasi di Blog</marquee></div><br /><br /><b>2. Kode Tulisan Animasi di blog dengan tulisan berwarna</b><br /><br /> <font color="blue"><marquee>Cara Membuat Tulisan Animasi di Blog</marquee></font><br /><br /><b>3. Kode Tulisan Animasi dari bawah ke atas</b><br /><br /><marquee direction="up" scrollamount="3" align="center">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /><b>4. Kode Tulisan Animasi bergerak dari Atas ke Bawah </b><br /><br /><marquee direction="down" scrollamount="3" align="center">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /><b>5. Tulisan Animasi tulisan bergeraj dari kanan ke kiri bolak-balik </b><br /><br /><marquee direction="right" scrollamount="3" align="center" behavior="alternate">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /><b>6. Tulisan Animasi bergerak dari kiri ke kanan bolak balik. </b><br /><br /><marquee direction="left" scrollamount="3" align="center" behavior="alternate">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /><b>7. Tulisan Animasi bergerak dengan tulisan dari kiri ke kanan</b><br /><br /><marquee direction="right" scrollamount="3" align="center">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /><b>8. Animasi tulisan dari kanan ke kiri</b><br /><br /><marquee direction="left" scrollamount="3" align="center">Cara Membuat Tulisan Animasi di Blog</marquee><br /><br /># Tulisan Animasi lainnya ada di <a href="http://www.dynamicdrive.com/dynamicindex10/" rel="nofollow" target="_blank">Dynamic Drive</a> atau di <a href="http://www.flashvortex.com/" rel="nofollow" target="_blank">Flash Vortext</a>.<br /><div><br /></div>

Cara Membuat Tulisan Animasi di Blog

Sebenarnya tulisan animasi berjalan di blog tidak dianjurkan. Bikin pusing pengunjung, kataya. Tapi kalo cuma satu dan kecil, indah pula, ga...

Read more »

TV One dan Golkar: Contoh Nyata Media Itu Independen

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfG8Q7-9S5U_nyng7EwJVLXPhmdLVdsar4aXirmj7gYHt75t4faC8OSvIx3KBLy0tJNkQUFCm_NLkwR5Q75qvsjonfBbsvr0nBOtY_DY49Clz_VJIfHERvOkd6gVdDwHcq90OBd-YWB5Ug/s1600/TV+One+Golkarnya+Gak+Usah+disebut.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Golkar-nya 'gak usah disebut ya" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfG8Q7-9S5U_nyng7EwJVLXPhmdLVdsar4aXirmj7gYHt75t4faC8OSvIx3KBLy0tJNkQUFCm_NLkwR5Q75qvsjonfBbsvr0nBOtY_DY49Clz_VJIfHERvOkd6gVdDwHcq90OBd-YWB5Ug/s1600/TV+One+Golkarnya+Gak+Usah+disebut.jpg" title="Golkar-nya 'gak usah disebut ya" /></a></div>Ini contoh nyata dari sekian contoh bahwa media itu independen alias "bebas" memberitakan apa saja, sepanjang tidak melanggar hukum pidana, perdata, dan UU Pers.<br /><br />Ini juga contoh dan bukti bahwa media itu tidak mengenal netralitas. Tidak ada media yang netral, semuanya memihak, khususnya memihak kepada pemiliknya (<i>owner</i>).<br /><br />Contoh yang dimaksud adalah insiden "keceplosan" tayangan langsung Breaking News TV One, Rabu malam (2/10/2013). Dalam video berdurasi 14 menit yang beredar di media sosial itu, dialog reporter tentang larangan penyebutan <b>Partai Golkar</b> ikut terekam dan terdengar jelas. <b>"Golkar-nya 'gak usah disebut ya</b>," demikian pada menit 8:32.<br /><br />Kesalahan teknis itu tentunya membuat marah besar sang produser, editor, dan Pemred TV One Karni Ilyas. Lebih marah lagi sang "Big Boss" pemilik TV One, Aburizal Bakrie yang juga Ketua Umum Golkar.<br /><br />Dalam perspektif kajian media, insiden TV One <b>"Golkar-nya gak usah disebut ya"</b><b> </b>adalah bukti nyata bahwa tidak ada media yang netral. Semua media massa memihak, yaitu memihak kepada pemiliknya dan itu SAH secara jurnalistik.<br /><br />TV One milik Aburizal. Aburizal Ketua Umum Golkar. Pastinya dong, tidak boleh ada berita yang menjelekkan Golkar. Sama seperti Metro TV yang diharamkan memberitakan kejelekan Surya Paloh dan Nasdem.<br /><br />RCTI, MNCTV, dan Global TV juga sekarang dilarang memberitakan hal buruk tentang Harry Tanoe dan Hanura. Soalnya, Harry Tanoe 'kan duet sama bos Hanura, Wiranto, dalam Pilpres 2014.<br /><br />Anda tidak boleh protes. Jika Anda punya media, pastinya Anda juga melarang media Anda memberitakan hal buruk tentang diri Anda, keluarga Anda, organisasi/kelompok Anda, iya 'kan? Simple saja analoginya. Anda tidak mungkin memberitakan hal yang menjatuhkan citra Anda di blog atau di akun media sosial Anda 'kan...? Wasalam.<br /><br />  <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/k7YGNQmLaXY" width="420"></iframe>

TV One dan Golkar: Contoh Nyata Media Itu Independen

Ini contoh nyata dari sekian contoh bahwa media itu independen alias "bebas" memberitakan apa saja, sepanjang tidak melanggar huku...

Read more »

Cara Share Otomatis Posting Blog di Facebook dan Twitter

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw530YPUQdQc7H3_1Q44R4EA-sbsd4IT0tJFyeNqXcXx9eQb6w-kBWs1xyJwGPO-dc6OXj_RjTM7_jIM79STh8uhOLDoG3bcmmijYOTC__d_M80G9DdJY7beMCei6EH62cwn0He981r05V/s1600/networkedblogs.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="NetworkedBlogs" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw530YPUQdQc7H3_1Q44R4EA-sbsd4IT0tJFyeNqXcXx9eQb6w-kBWs1xyJwGPO-dc6OXj_RjTM7_jIM79STh8uhOLDoG3bcmmijYOTC__d_M80G9DdJY7beMCei6EH62cwn0He981r05V/s1600/networkedblogs.gif" title="NetworkedBlogs" /></a></div>Salah satu cara meningkatkan traffict atau memperbanyak pengunjung blog adalah dengan memanfaatkan media sosial, seperti Facebook dan Twitter, yaitu dengan membagikan (share) posting blog.<br /><br /><b>Setidaknya ada dua cara  Share Otomatis Posting Blog di Facebook dan Twitter.</b><br /><br />Artinya, begitu kita posting atau update tulisan di blog, maka posting itu otomatis akan muncul di status update Facebook dan Twitter.<br /><br /><h3>Share Otomatis Posting via NetworkedBlogs</h3>Salah satu cara Share Otomatis Posting Blog di Facebook dan Twitter adalah dengan menggunakan jasa <a href="http://networkedblogs.com/" rel="nofollow" target="_blank">NetworkedBlogs</a>.<br /><br /><blockquote class="tr_bq">Simak saja "iklan" NetworkedBlogsnya: "Great Content Meets Great People... Read your favorite blogs and news all in one place. Share on Facebook, Twitter or direct to friends."</blockquote><br />Untuk twitter, fasilitas Cara Share Otomatis Posting Blog di Twitter sudah disediakan oleh <a href="http://feedburner.google.com/" rel="nofollow" target="_blank">FeedBurner</a> di fasilitas "<b>Socialize</b>".<br /><br />Share otomatis posting blog lewat NetworkedBlogs bisa ke banyak akun Facebook dan Twitter. Bisa ke personal account, grup Facebook, dan fans page Facebook. Tinggal disetting saja.<br /><br /><blockquote class="tr_bq">Kita tinggal buka <b>NetworkedBlogs, </b>klik<b> Get Started, Add your blogs,</b> atau login dulu dengan menggunakan Facebook. Kalo sudah membuka Facebook, tinggal klik "login with Facebook" dan silakan ikuti petunjuk selanjutnya.</blockquote><br />Ada juga yang menyarankan kita meninggalkan NetworkedBlogs. Alasannya, Facebook dan Twitter butuh interaksi langsung, bukan yang otomatis kayak gini. Lagian, toh klik "Share" di blog kita cuma butuh beberapa detik dan bisa menambahkan kata-kata promosi dan penarik minat.<br /><br />Good Luck!<br /><br /><br />

Cara Share Otomatis Posting Blog di Facebook dan Twitter

Salah satu cara meningkatkan traffict atau memperbanyak pengunjung blog adalah dengan memanfaatkan media sosial, seperti Facebook dan Twitte...

Read more »

Cara Membuat Subscribe via Email di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJm1c5QOdyGl0f-XW4bqgGfjP2jURBB1pnkjTNysYIl6_hTe-iKngMlJzA9jw2WyAROFQ_6ISQWOYgBbcxQaMZjIL9fWFpj5m75_RFjas4hdcAFErA_BUad6PcyKsPE-dNsEnO30DFvNR/s1600/Subscribe+via+Email.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Subscribe via Email " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJm1c5QOdyGl0f-XW4bqgGfjP2jURBB1pnkjTNysYIl6_hTe-iKngMlJzA9jw2WyAROFQ_6ISQWOYgBbcxQaMZjIL9fWFpj5m75_RFjas4hdcAFErA_BUad6PcyKsPE-dNsEnO30DFvNR/s1600/Subscribe+via+Email.png" title="Subscribe via Email " /></a></div>Di sidebar kanan blog ini Anda bisa menemukan "formulir" (<i>form</i>) Subscribe via Email. Itu form untuk berlangganan posting blog ini via email. Tentu, gratis! Meski namanya "berlangganan".<br /><br />Jika Anda memasukkan email Anda, nanti Anda akan menerima permintaan konfirmasi dari FeedBurner (milik Google).<br /><br />Setelah dikonfirmasi, maka <i>update</i> atau posting terbaru dari blog ini akan Anda terima di inbox email, tanpa harus membuka blog ini.<br /><br /><h3>Cara Membuat Subscribe via Email (Feeds Blog) seperti di blog ini sangat mudah.</h3>1. Daftarkan dulu RSS Feeds blog di <a href="http://feedburner.google.com/" rel="nofollow" target="_blank">FeedBurner</a>.<br />2. Aktifkan <b>Email Subscription </b>di menu <b>Publicive.</b><br />3. Catat Feed Address blog Anda, misalnya http://feeds.feedburner.com/<span style="color: red;">contohblognih </span><br /><br />4. Buka Dashboard blog Anda<br />5. Klik Layout/Tata Letak --> Klik "Add Gadget" --> Klik "HTML/Javascript"<br />6. Masukkan kode di bawah ini setelah mengubah "contohblognih" dengan ID Feedburner Anda yang tertera di bagian akhir <b>Feed Adress</b> (lihat nomor 3)<br /><br /><span style="color: blue;"><style></span><br /><span style="color: blue;">.hl-email{</span><br /><span style="color: blue;">background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaMSHXbgnGIVPGm9hNbG9XNgPtnfJNXz-k3umeh6EFtKP7QedBgXr7ylzYWbmExVnnoMZG3bxXd4LgybJZH8zFIdhEhGvUWd0M34nG-Ct_smgfymyHSZC50oXdW9VMa65CX41zFdPjHE/s1600/mail.png) no-repeat 0px 12px ;</span><br /><span style="color: blue;">width:300px;</span><br /><span style="color: blue;">padding:10px 0 0 55px;</span><br /><span style="color: blue;">float:left;</span><br /><span style="color: blue;">font-size:1.4em;</span><br /><span style="color: blue;">font-weight:bold;</span><br /><span style="color: blue;">margin:0 0 10px 0;</span><br /><span style="color: blue;">color:#686B6C;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">.hl-emailsubmit{</span><br /><span style="color: blue;">background:#9B9895;</span><br /><span style="color: blue;">cursor:pointer;</span><br /><span style="color: blue;">color:#fff;</span><br /><span style="color: blue;">border:none;</span><br /><span style="color: blue;">padding:3px;</span><br /><span style="color: blue;">text-shadow:0 -1px 1px rgba(0,0,0,0.25);</span><br /><span style="color: blue;">-moz-border-radius:6px;</span><br /><span style="color: blue;">-webkit-border-radius:6px;</span><br /><span style="color: blue;">border-radius:6px;</span><br /><span style="color: blue;">font:12px sans-serif;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">.hl-emailsubmit:hover{</span><br /><span style="color: blue;">background:#E98313;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">.textarea{</span><br /><span style="color: blue;">padding:2px;</span><br /><span style="color: blue;">margin:6px 2px 6px 2px;</span><br /><span style="color: blue;">background:#f9f9f9;</span><br /><span style="color: blue;">border:1px solid #ccc;</span><br /><span style="color: blue;">resize:none;</span><br /><span style="color: blue;">box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);</span><br /><span style="color: blue;">-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);</span><br /><span style="color: blue;">-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;</span><br /><span style="color: blue;">width:180px;</span><br /><span style="color: blue;">color:#666;}</span><br /><span style="color: blue;"></style></span><br /><span style="color: blue;"><div class="hl-email"></span><br /><span style="color: blue;">Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: red;">contohblognih</span><span style="color: blue;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"></span><br /><span style="color: blue;"><input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /></span><br /><span style="color: blue;"><input type="hidden" value="</span><span style="color: red;">contohblognih</span><span style="color: blue;">" name="uri"/><input type="hidden" name="loc" value="en_US"/></span><br /><span style="color: blue;"><input class="hl-emailsubmit" value="Submit" type="submit" /></span><br /><span style="color: blue;"></form></span><br /><span style="color: blue;"></div></span><br /><span style="color: blue;"><br /></span>Kita juga bisa menggunakan kode "Subscribe via Email" yang disediakan FeedBurner.<br /><br />Katanya sih, makin banyak pengunjung yang berlangganan via email, maka popularitas blog kita makin OK dan Google akan meranking blog kita dengan lebih baik. Good Luck!

Cara Membuat Subscribe via Email di Blog

Di sidebar kanan blog ini Anda bisa menemukan "formulir" ( form ) Subscribe via Email. Itu form untuk berlangganan posting blog in...

Read more »

Cara Membuat Posting Dua Kolom di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSfnVBCQwLbchyKMsnP4rahpNWpgQa9MoQGUAZqE5bcU4BRbvfRVv9Wq8Safv731sOpVx0s3Lh8bOMq5yTcnv87M9aMGGFO8mHgJKfuZ3_a19tZONl4zta1dsEshN1s5J0XOV6bc5PzS3/s1600/posting+dua+kolom.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting dua kolom" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSfnVBCQwLbchyKMsnP4rahpNWpgQa9MoQGUAZqE5bcU4BRbvfRVv9Wq8Safv731sOpVx0s3Lh8bOMq5yTcnv87M9aMGGFO8mHgJKfuZ3_a19tZONl4zta1dsEshN1s5J0XOV6bc5PzS3/s200/posting+dua+kolom.jpg" title="posting dua kolom" width="155" /></a></div>Cara Membuat Posting Dua Kolom di Blog ini berlaku bagi blog blogspot dan wordpress.<br /><br />Intinya, posting dua kolom itu membuat tabel, sehingga kodenya pun diawali dengan <table> dan diakhiri dengan </table>.<br /><br />Fungsi posting dua kolom adalah guna variasi tampilan posting blog atau jika ada konten blog yang per barisnya hanya beberapa kata. Daripada memanjang ke bawah, lebih baik postingan demikian dibagi menjadi dua kolom.<br /><br />Berikut ini kode untuk membuat posting dua kolom di blog.<br /><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"><table width="500" border="0" cellspacing="10"></span><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"><tr></span><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"><td width="250" valign="top">kolom 1...</td></span><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"><td width="250" valign="top">kolom 2...</td></span><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"></tr></span><br /><span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"></table></span><br /><span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;"><br /></span>Angka 500 dan 250 bisa diedit, diubah, disesuaikan dengan lebar "Single Post" di template atau tema yang digunakan.<br /><br />Cara memasangnya:<br />1. Saat membuat posting baru, klik atau pilih mode HTML.<br />2. Paste-kan kode tersebut<br />3. Kembali ke mode Visual/Compose.<br />4. Isi masing-masing kolom sesuai dengan konten posting yang sudah siap.<br />5. Klik Publish.<br /><br /><b>Ini dia contoh posting dua kolom:</b><br /><br /><table border="0" cellspacing="10" style="width: 500px;"><tbody><tr><td valign="top" width="250">Membuat posting blog dua kolom seperti ini sangat mudah. Tinggal memasukkan kode tertentu lebih dulu sebelum memasukkan naskah/teks posting.<br /><br />Membuat posting blog dua kolom seperti ini sangat mudah. Tinggal memasukkan kode tertentu lebih dulu sebelum memasukkan naskah/teks posting.<br /><br />Ini contoh kolom pertama dari posting dua kolom.</td><td valign="top" width="250">Membuat posting blog dua kolom seperti ini sangat mudah. Tinggal memasukkan kode tertentu lebih dulu sebelum memasukkan naskah/teks posting.<br /><br />Membuat posting blog dua kolom seperti ini sangat mudah. Tinggal memasukkan kode tertentu lebih dulu sebelum memasukkan naskah/teks posting.<br /><br />Ini contoh kolom kedua dari posting dua kolom.</td></tr></tbody></table><br />Good Luck!

Cara Membuat Posting Dua Kolom di Blog

Cara Membuat Posting Dua Kolom di Blog ini berlaku bagi blog blogspot dan wordpress. Intinya, posting dua kolom itu membuat tabel, sehingga ...

Read more »

Cara Mengubah Permalink Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyhv9wXiE7UGK7abU374G8DLxrY8xySqQS_aquaYzu7ZTqHeh3Hx5Cl9ihbBXSNsZS7_NMYl0U3X-wBoSsxnXl3RsZSevEbtZEIB7sOK6qTX7lFcCUem9eQD9W7F0bN8J8zkEB7KJWE-l/s1600/permalink+blogspot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Permalink Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyhv9wXiE7UGK7abU374G8DLxrY8xySqQS_aquaYzu7ZTqHeh3Hx5Cl9ihbBXSNsZS7_NMYl0U3X-wBoSsxnXl3RsZSevEbtZEIB7sOK6qTX7lFcCUem9eQD9W7F0bN8J8zkEB7KJWE-l/s1600/permalink+blogspot.png" title="Permalink Blogspot" /></a></div><i>Mengubah permalink posting blog blogspot bagian dari trik SEO blog. Lakukan "Custom URL" tiap kali posting. Yang "termudah" dan terbaik: bikin judul pendek dan sudah memasukkan kata kunci.</i><br /><div><br /><a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-mengubah-permalink-blogspot.html"></a><b>PERMALINK</b> adalah tautan atau link permanen, singkatan dari "Permanent Link", berupa URL ataub alamat posting di blog.<br /><br />Katanya sih, permalink ini bagian dari "SEO Onpage" sebagai senjata untuk mempertajam SEO.<br /><div><br /></div>Permalink blogspot mencantumkan tahun dan bulan sebelum mencantumkan judul posting. Ini "default" blogger alias "harus diterima dengan ikhlas", meskipun tampaknya permalink demikian "kurang SEO", dibandingkan dengan permalink yang, misalnya, mencantumkan label/kategori.<br /><br />Google, sang pemilik Blogger, juga menjelaskannya di posting mereka tentang <a href="https://support.google.com/blogger/answer/2523525?hl=en" rel="nofollow" target="_blank">Custom Permalinks</a>. Intinya, kita hanya bisa mengubah judul setelah angka tahun/tanggal.<br /><br />Selain itu,  kita tidak bisa mengubah Permalink posting yang sudah dipublikasikan. Kebanyakan blogger "terpaksa" copas posting, menghapusnya, lalu membuat posting yang baru dengan "paste" konten lama plus sedikit update atau modifikasi.<br /><h3>Cara Praktis Mengubah Permalink</h3>Padahal, ada cara lain, tidak mesti menghapus posting lama dan membuat yang baru untuk mengubah permalink tersebut agar SEO Friendly. Caranya:<br /><ol><li>EDIT posting tersebut</li><li>Klik menu "REVERT TO DRAFT" di kanan atas.</li><li>Klik "Permalink" > "Custom Permalink" </li><li>Ubah judul posting di sana! Gunakan tanda strip (-) antar kata. Hilangkan kata-kata sambung seperti <i>di, dan, yang, pada, bagi, ke, untuk,</i> dll kelompok "Words Stop".</li><li>Publish lagi!</li></ol><h3><b>Cara Mengubah Permalink Menurut Google</b></h3>Ini dia Cara Mengubah Permalink Postingan di Blogspot sebagaimana dikasi tau sama Google.<br /><br /><i>When you write a post, Blogger automatically generates a permalink (a URL that links to a blog post) for your post from its title. If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box.</i><br /><i><br /></i><i>Although you’ll still have the option to generate the URLs for posts automatically, the customized option gives your URL greater stability. For example, because Blogger automatically creates the URL from information from your post title, your URL would change should you decide to edit the title. This would result in broken links, and fewer visitors to your blog.</i><br /><br /><i>Once you click Permalink, you’ll see that the option for automatic posting is selected as default. To create your own URL for this specific post, simply select Custom, and type in your new URL. If you wrote the post in March of 2012, your new URL will look like this:</i><br /><i><br /></i><i>www.nameofblog.blogspot.com/2012/03/<b>customURL</b>.html</i><br /><b><i>The bolded area is the part of the URL that is customizable.</i></b><br /><br /><i>If you choose Automatic Blogger will generate the URL from the title of your post. So let’s say you created a post on March of 2012, and you titled it "Hiking in Vermont." The URL for that post would look like this:</i><br /><br /><b><i>www.nameofblog.blogspot.com/2012/03/hiking-in-vermont.html</i></b><br /><h3><b>Alternatif Mengubah Permalink</b></h3>Selain memanfaatkan fasilitas "Permalink", khususnya jika judul posting terlalu pananjang sehingga terpotong, banyak blogger kemudian mengubah permalink untuk kepenyingan SEO.<br /><br />Caranya, dengan membuat <i>box khusus</i> di akhir posting. Tapi cara ini sudah mulai "gak laku" alias mulai ditinggalkan para blogger.<br /><br />Begini cara membuatnya:<br />1. Template --> Edit HTML<br />2. Cari kode<span style="color: red;"> ]]></span> dan letakkan kode berikut ini <b>di atasnya</b>:<br /><br /><span style="color: blue;">.permalinkblogspot {</span><br /><span style="color: blue;">border: 1px solid #EFF0F1; padding: 5px;</span><br /><span style="color: blue;">background: #ffffff;-moz-border-radius:5px;}</span><br /><span style="color: blue;">.permalinkblogspot a {background:none;}</span><br /><span style="color: blue;">img.float-right {margin: 5px 0px 0 10px;}</span><br /><span style="color: blue;">img.float-left {margin: 5px 10px 0 0px;}</span><br /><br />3. Cari kode <span style="color: red;"><data:post.body/></span> atau <span style="color: red;"><p><data:post.body/></p></span> dan simpan kode berikut ini <b>di bawahnya</b>. Jika dua atau lebih kode <data:post.body/> yang mungkin timbul karena template blog menggunakan "Read More", maka pilih kode <data:post.body/> yang kedua.<br /><b><br /></b><span style="color: blue;"><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalinkblogspot'> <center><small></span><span style="color: red;">Anda sudah membaca posting  tentang</span><span style="color: blue;"> <strong><u><data:blog.pageName/></u></strong> </span><span style="color: red;">dan bisa menemukan posting</span><span style="color: blue;"> <data:blog.pageName/></span><span style="color: red;"> ini dengan url </span><span style="color: blue;"><strong><data:post.url/></strong>. </span><span style="color: red;">Silakan share atau copy paste posting</span><span style="color: blue;"> <strong><data:blog.pageName/></strong> </span><span style="color: red;">dengan mencantumkan link Sumber:</span><span style="color: blue;"> <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> </span><span style="color: red;">Terima kasih.....</span><span style="color: blue;"></small></center></div></b:if></span><br /><b><br /></b>Anda bisa mengubah kata-kata berwarna merah dengan kalimat versi Anda sendiri.<br /><b><br /></b><b>4. SAVE Template!</b><br /><br /><h3><b>Isi Search Description!</b></h3>Selain permalinks, yang sering kita lupakan adalah fasilitas "<b>Search Description</b>" saat kita menulis posting. Isi juga tuh, biar SEO!<br /><br />Tapi sebelumnya, Anda harus isi dulu "Search Preference" di Menu Dashboard blog Anda. Isi dengan Meta Tag Description blog Anda atau variasinya.<br /><br />Good luck!</div>

Cara Mengubah Permalink Blogspot

Mengubah permalink posting blog blogspot bagian dari trik SEO blog. Lakukan "Custom URL" tiap kali posting. Yang "termudah...

Read more »

Cara Mengubah Permalink Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyhv9wXiE7UGK7abU374G8DLxrY8xySqQS_aquaYzu7ZTqHeh3Hx5Cl9ihbBXSNsZS7_NMYl0U3X-wBoSsxnXl3RsZSevEbtZEIB7sOK6qTX7lFcCUem9eQD9W7F0bN8J8zkEB7KJWE-l/s1600/permalink+blogspot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Permalink Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyhv9wXiE7UGK7abU374G8DLxrY8xySqQS_aquaYzu7ZTqHeh3Hx5Cl9ihbBXSNsZS7_NMYl0U3X-wBoSsxnXl3RsZSevEbtZEIB7sOK6qTX7lFcCUem9eQD9W7F0bN8J8zkEB7KJWE-l/s1600/permalink+blogspot.png" title="Permalink Blogspot" /></a></div><i>Mengubah permalink posting blog blogspot bagian dari trik SEO blog. Lakukan "Custom URL" tiap kali posting. Yang "termudah" dan terbaik: bikin judul pendek dan sudah memasukkan kata kunci.</i><br /><div><br /><a href="http://contohblognih.blogspot.com/2013/10/cara-mengubah-permalink-blogspot.html"></a><b>PERMALINK</b> adalah tautan atau link permanen, singkatan dari "Permanent Link", berupa URL ataub alamat posting di blog.<br /><br />Katanya sih, permalink ini bagian dari "SEO Onpage" sebagai senjata untuk mempertajam SEO.<br /><div><br /></div>Permalink blogspot mencantumkan tahun dan bulan sebelum mencantumkan judul posting. Ini "default" blogger alias "harus diterima dengan ikhlas", meskipun tampaknya permalink demikian "kurang SEO", dibandingkan dengan permalink yang, misalnya, mencantumkan label/kategori.<br /><br />Google, sang pemilik Blogger, juga menjelaskannya di posting mereka tentang <a href="https://support.google.com/blogger/answer/2523525?hl=en" rel="nofollow" target="_blank">Custom Permalinks</a>. Intinya, kita hanya bisa mengubah judul setelah angka tahun/tanggal.<br /><br />Selain itu,  kita tidak bisa mengubah Permalink posting yang sudah dipublikasikan. Kebanyakan blogger "terpaksa" copas posting, menghapusnya, lalu membuat posting yang baru dengan "paste" konten lama plus sedikit update atau modifikasi.<br /><h3>Cara Praktis Mengubah Permalink</h3>Padahal, ada cara lain, tidak mesti menghapus posting lama dan membuat yang baru untuk mengubah permalink tersebut agar SEO Friendly. Caranya:<br /><ol><li>EDIT posting tersebut</li><li>Klik menu "REVERT TO DRAFT" di kanan atas.</li><li>Klik "Permalink" > "Custom Permalink" </li><li>Ubah judul posting di sana! Gunakan tanda strip (-) antar kata. Hilangkan kata-kata sambung seperti <i>di, dan, yang, pada, bagi, ke, untuk,</i> dll kelompok "Words Stop".</li><li>Publish lagi!</li></ol><h3><b>Cara Mengubah Permalink Menurut Google</b></h3>Ini dia Cara Mengubah Permalink Postingan di Blogspot sebagaimana dikasi tau sama Google.<br /><br /><i>When you write a post, Blogger automatically generates a permalink (a URL that links to a blog post) for your post from its title. If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box.</i><br /><i><br /></i><i>Although you’ll still have the option to generate the URLs for posts automatically, the customized option gives your URL greater stability. For example, because Blogger automatically creates the URL from information from your post title, your URL would change should you decide to edit the title. This would result in broken links, and fewer visitors to your blog.</i><br /><br /><i>Once you click Permalink, you’ll see that the option for automatic posting is selected as default. To create your own URL for this specific post, simply select Custom, and type in your new URL. If you wrote the post in March of 2012, your new URL will look like this:</i><br /><i><br /></i><i>www.nameofblog.blogspot.com/2012/03/<b>customURL</b>.html</i><br /><b><i>The bolded area is the part of the URL that is customizable.</i></b><br /><br /><i>If you choose Automatic Blogger will generate the URL from the title of your post. So let’s say you created a post on March of 2012, and you titled it "Hiking in Vermont." The URL for that post would look like this:</i><br /><br /><b><i>www.nameofblog.blogspot.com/2012/03/hiking-in-vermont.html</i></b><br /><h3><b>Alternatif Mengubah Permalink</b></h3>Selain memanfaatkan fasilitas "Permalink", khususnya jika judul posting terlalu pananjang sehingga terpotong, banyak blogger kemudian mengubah permalink untuk kepenyingan SEO.<br /><br />Caranya, dengan membuat <i>box khusus</i> di akhir posting. Tapi cara ini sudah mulai "gak laku" alias mulai ditinggalkan para blogger.<br /><br />Begini cara membuatnya:<br />1. Template --> Edit HTML<br />2. Cari kode<span style="color: red;"> ]]></span> dan letakkan kode berikut ini <b>di atasnya</b>:<br /><br /><span style="color: blue;">.permalinkblogspot {</span><br /><span style="color: blue;">border: 1px solid #EFF0F1; padding: 5px;</span><br /><span style="color: blue;">background: #ffffff;-moz-border-radius:5px;}</span><br /><span style="color: blue;">.permalinkblogspot a {background:none;}</span><br /><span style="color: blue;">img.float-right {margin: 5px 0px 0 10px;}</span><br /><span style="color: blue;">img.float-left {margin: 5px 10px 0 0px;}</span><br /><br />3. Cari kode <span style="color: red;"><data:post.body/></span> atau <span style="color: red;"><p><data:post.body/></p></span> dan simpan kode berikut ini <b>di bawahnya</b>. Jika dua atau lebih kode <data:post.body/> yang mungkin timbul karena template blog menggunakan "Read More", maka pilih kode <data:post.body/> yang kedua.<br /><b><br /></b><span style="color: blue;"><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalinkblogspot'> <center><small></span><span style="color: red;">Anda sudah membaca posting  tentang</span><span style="color: blue;"> <strong><u><data:blog.pageName/></u></strong> </span><span style="color: red;">dan bisa menemukan posting</span><span style="color: blue;"> <data:blog.pageName/></span><span style="color: red;"> ini dengan url </span><span style="color: blue;"><strong><data:post.url/></strong>. </span><span style="color: red;">Silakan share atau copy paste posting</span><span style="color: blue;"> <strong><data:blog.pageName/></strong> </span><span style="color: red;">dengan mencantumkan link Sumber:</span><span style="color: blue;"> <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> </span><span style="color: red;">Terima kasih.....</span><span style="color: blue;"></small></center></div></b:if></span><br /><b><br /></b>Anda bisa mengubah kata-kata berwarna merah dengan kalimat versi Anda sendiri.<br /><b><br /></b><b>4. SAVE Template!</b><br /><br /><h3><b>Isi Search Description!</b></h3>Selain permalinks, yang sering kita lupakan adalah fasilitas "<b>Search Description</b>" saat kita menulis posting. Isi juga tuh, biar SEO!<br /><br />Tapi sebelumnya, Anda harus isi dulu "Search Preference" di Menu Dashboard blog Anda. Isi dengan Meta Tag Description blog Anda atau variasinya.<br /><br />Good luck!</div>

Cara Mengubah Permalink Blogspot

Mengubah permalink posting blog blogspot bagian dari trik SEO blog. Lakukan "Custom URL" tiap kali posting. Yang "termudah...

Read more »

Cara Membuat Related Post/Tulisan Terkait di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitUUd4JSZOIhwDqyrWXfXl5K-dHWqh5Lv2mr2gBY6K_2Z3yBOwGxLOCqucZhRbpdv2UKqIhx2jDChis3OWOjjYHQPG3wlbzzBIUZy9ODyJdn8rJPRc12XTrcxM8tBVSqcQI6sUvFfkLdZw/s1600/blogger-related-post.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Related Posts Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitUUd4JSZOIhwDqyrWXfXl5K-dHWqh5Lv2mr2gBY6K_2Z3yBOwGxLOCqucZhRbpdv2UKqIhx2jDChis3OWOjjYHQPG3wlbzzBIUZy9ODyJdn8rJPRc12XTrcxM8tBVSqcQI6sUvFfkLdZw/s1600/blogger-related-post.jpg" title="Related Posts Blogspot" /></a></div><div>Related Post, Tulisan Terkait, Artikel Terkait, atau Posting Terkait termasuk kategori "User Friendly" dalam sebuah blog. Fungsi Related Post memberikan pilihan kepada pengunjung blog, sekaligus "menggoda" mereka berlama-lama browsing di blog kita. Ini akan menaikkan Page View!</div><div><br /></div><div>Cara Membuat Related Post/Tulisan Terkait di Blogspot sangat mudah dan banyak pilihan yang di-share oleh para blogger Indonesia dan mancanegara. </div><div><br /></div><div>Cara Membuat Related Post/Tulisan Terkait di Blogspot yaitu dengan memasukkan kode tertentu ke Template Blog kita. Setidaknya ada 3 cara. <i>Pilih salah satu cara di bawah ini. </i></div><div><br /></div><div><b>CARA #1 Membuat Related Post/Tulisan Terkait di Blogspot</b></div><div><br /></div><div>1. Klik "Template" --> Klik "Edit HTML"</div><div>2. Temukan kode <span style="color: blue;"><data:post.body/></span></div><div>3. Simpan kode di berikut ini di bawah<span style="color: blue;"> <data:post.body/> </span>(Kalau ada dua, biasanya yang kedua. Jika <data:post.body/> lebih dari dua, maka coba yang kedua dan ketiga. Pasti salah satunya berhasil!)</div><div><br /></div><div><div><span style="color: blue;"><b:if cond='data:blog.pageType == "item"'></span></div><div><span style="color: blue;"><div class='similiar'></span></div><div><span style="color: blue;"><div class='widget-content'></span></div><div><span style="color: blue;"><h3>Related Post</h3></span></div><div><span style="color: blue;"><div id='data2007'/><br/><br/></span></div><div><span style="color: blue;"><script type='text/javascript'></span></div><div><span style="color: blue;">var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;</span></div><div><span style="color: blue;">var maxNumberOfPostsPerLabel = 4;</span></div><div><span style="color: blue;">var maxNumberOfLabels = 10;</span></div><div><span style="color: blue;">maxNumberOfPostsPerLabel = 100;</span></div><div><span style="color: blue;">maxNumberOfLabels = 3;</span></div><div><span style="color: blue;">function listEntries10(json) {</span></div><div><span style="color: blue;">var ul = document.createElement(&#39;ul&#39;);</span></div><div><span style="color: blue;">var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?</span></div><div><span style="color: blue;">json.feed.entry.length : maxNumberOfPostsPerLabel;</span></div><div><span style="color: blue;">for (var i = 0; i &lt; maxPosts; i++) {</span></div><div><span style="color: blue;">var entry = json.feed.entry[i];</span></div><div><span style="color: blue;">var alturl;</span></div><div><span style="color: blue;">for (var k = 0; k &lt; entry.link.length; k++) {</span></div><div><span style="color: blue;">if (entry.link[k].rel == &#39;alternate&#39;) {</span></div><div><span style="color: blue;">alturl = entry.link[k].href;</span></div><div><span style="color: blue;">break;</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">var li = document.createElement(&#39;li&#39;);</span></div><div><span style="color: blue;">var a = document.createElement(&#39;a&#39;);</span></div><div><span style="color: blue;">a.href = alturl;</span></div><div><span style="color: blue;">if(a.href!=location.href) {</span></div><div><span style="color: blue;">var txt = document.createTextNode(entry.title.$t);</span></div><div><span style="color: blue;">a.appendChild(txt);</span></div><div><span style="color: blue;">li.appendChild(a);</span></div><div><span style="color: blue;">ul.appendChild(li);</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">for (var l = 0; l &lt; json.feed.link.length; l++) {</span></div><div><span style="color: blue;">if (json.feed.link[l].rel == &#39;alternate&#39;) {</span></div><div><span style="color: blue;">var raw = json.feed.link[l].href;</span></div><div><span style="color: blue;">var label = raw.substr(homeUrl3.length+13);</span></div><div><span style="color: blue;">var k;</span></div><div><span style="color: blue;">for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);</span></div><div><span style="color: blue;">var txt = document.createTextNode(label);</span></div><div><span style="color: blue;">var h = document.createElement(&#39;b&#39;);</span></div><div><span style="color: blue;">h.appendChild(txt);</span></div><div><span style="color: blue;">var div1 = document.createElement(&#39;div&#39;);</span></div><div><span style="color: blue;">div1.appendChild(h);</span></div><div><span style="color: blue;">div1.appendChild(ul);</span></div><div><span style="color: blue;">document.getElementById(&#39;data2007&#39;).appendChild(div1);</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">function search10(query, label) {</span></div><div><span style="color: blue;">var script = document.createElement(&#39;script&#39;);</span></div><div><span style="color: blue;">script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;</span></div><div><span style="color: blue;">+ label +</span></div><div><span style="color: blue;">&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);</span></div><div><span style="color: blue;">script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);</span></div><div><span style="color: blue;">document.documentElement.firstChild.appendChild(script);</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">var labelArray = new Array();</span></div><div><span style="color: blue;">var numLabel = 0;</span></div><div><span style="color: blue;"><b:loop values='data:posts' var='post'></span></div><div><span style="color: blue;"><b:loop values='data:post.labels' var='label'></span></div><div><span style="color: blue;">textLabel = &quot;<data:label.name/>&quot;;</span></div><div><span style="color: blue;">var test = 0;</span></div><div><span style="color: blue;">for (var i = 0; i &lt; labelArray.length; i++)</span></div><div><span style="color: blue;">if (labelArray[i] == textLabel) test = 1;</span></div><div><span style="color: blue;">if (test == 0) {</span></div><div><span style="color: blue;">labelArray.push(textLabel);</span></div><div><span style="color: blue;">var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?</span></div><div><span style="color: blue;">labelArray.length : maxNumberOfLabels;</span></div><div><span style="color: blue;">if (numLabel &lt; maxLabels) {</span></div><div><span style="color: blue;">search10(homeUrl3, textLabel);</span></div><div><span style="color: blue;">numLabel++;</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;">}</span></div><div><span style="color: blue;"></b:loop></span></div><div><span style="color: blue;"></b:loop></span></div><div><span style="color: blue;"></script></span></div><div><span style="color: blue;"></div></span></div><div><span style="color: blue;"></div></span></div><div><span style="color: blue;"></b:if></span></div></div><div><span style="color: blue;"><br /></span></div><div><b>CARA #2 Membuat Related Post/Tulisan Terkait di Blogspot</b></div><div><br />1. Klik "Template" --> "Edit HTML"</div><div>2. Temukan kode <span style="color: red;"></head></span></div><div>3. Simpan kode berikut ini di atas atau sebelum kode <span style="color: red;"></head></span></div><div><br /></div><div><div><span style="color: blue;"><!--Related Post Widget Starts--></span></div><div><span style="color: blue;"><style> #related-posts { float : left; width : 480px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; font-weight: bold; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight: bold; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://www.webaholic.co.in/other/bw.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://www.webaholic.co.in/other/related-posts-widget.js' type='text/javascript'/></span></div><div><span style="color: blue;"><!--Related Post Widget Ends--></span></div></div><div><br /></div><div>4. Sekarang temukan <span style="color: red;"><data:post.body/></span></div><div>5. Simpan kode berikut ini di bawah <span style="color: red;"><data:post.body/></span> tadi</div><div><br /></div><div><div><span style="color: blue;"><!--Related Post Widget Starts--></span></div><div><span style="color: blue;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></div><div><span style="color: blue;"><div id='related-posts'></span></div><div><span style="color: blue;"><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'></span></div><div><span style="color: blue;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font></span></div><div><span style="color: blue;"><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</span></div><div><span style="color: blue;"></script></span></div><div><span style="color: blue;"></div></b:if></span></div><div><span style="color: blue;"><!--Related Post Widget Ends--></span></div></div><div><b><br /></b></div><div><b>6. SAVE!</b><br /><b><br /></b><div><b>CARA #3 Membuat Related Post/Tulisan Terkait di Blogspot</b></div><div><br />1. Klik "Template" --> "Edit HTML"</div><div>2. Temukan kode <span style="color: red;"></head></span></div><div>3. Simpan kode berikut ini di atas atau sebelum kode <span style="color: red;"></head></span></div><b><br /></b><span style="color: blue;"><style></span><br /><span style="color: blue;">#related-posts {</span><br /><span style="color: blue;">float : left;</span><br /><span style="color: blue;">width : 540px;</span><br /><span style="color: blue;">margin-top:20px;</span><br /><span style="color: blue;">margin-left : 5px;</span><br /><span style="color: blue;">margin-bottom:20px;</span><br /><span style="color: blue;">font : 11px Verdana;</span><br /><span style="color: blue;">margin-bottom:10px;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts .widget {</span><br /><span style="color: blue;">list-style-type : none;</span><br /><span style="color: blue;">margin : 5px 0 5px 0;</span><br /><span style="color: blue;">padding : 0;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts .widget h2, #related-posts h2 {</span><br /><span style="color: blue;">font-size : 20px;</span><br /><span style="color: blue;">font-weight : normal;</span><br /><span style="color: blue;">margin : 5px 7px 0;</span><br /><span style="color: blue;">padding : 0 0 5px;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts a {</span><br /><span style="color: blue;">text-decoration : none;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts a:hover {</span><br /><span style="color: blue;">text-decoration : none;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts ul {</span><br /><span style="color: blue;">border : medium none;</span><br /><span style="color: blue;">margin : 10px;</span><br /><span style="color: blue;">padding : 0;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts ul li {</span><br /><span style="color: blue;">display : block;</span><br /><span style="color: blue;">background : url(&quot;http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/ GbYNm2feyIQ/rss.png&quot;) no-repeat 0 0;</span><br /><span style="color: blue;">margin : 0;</span><br /><span style="color: blue;">padding-top : 0;</span><br /><span style="color: blue;">padding-right : 0;</span><br /><span style="color: blue;">padding-bottom : 1px;</span><br /><span style="color: blue;">padding-left : 21px;</span><br /><span style="color: blue;">margin-bottom : 5px;</span><br /><span style="color: blue;">line-height : 2em;</span><br /><span style="color: blue;">border-bottom:1px dotted #cccccc;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;">#related-posts ul li:hover {</span><br /><span style="color: blue;">background-color:#E2EBF8;</span><br /><span style="color: blue;">border-top:1px dotted #cccccc;</span><br /><span style="color: blue;">}</span><br /><span style="color: blue;"></style></span><br /><br /><span style="color: blue;"><script src='http://oemar.googlecode.com/files/Related_post _hack.js' type='text/javascript'/></span><br /><b><br /></b><div>4. Sekarang temukan <span style="color: red;"><data:post.body/></span></div><div>5. Simpan kode berikut ini di bawah <span style="color: red;"><data:post.body/></span> tadi<br /><br /><span style="color: blue;"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: blue;"><div id="related-posts"></span><br /><span style="color: blue;"><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><span style="color: blue;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font></span><br /><span style="color: blue;"><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</span><br /><span style="color: blue;"></script></span><br /><span style="color: blue;"></div></b:if></span><br /><br /><b>6. SAVE!</b><br /><br /></div></div><div>Good Luck!</div>

Cara Membuat Related Post/Tulisan Terkait di Blogspot

Related Post, Tulisan Terkait, Artikel Terkait, atau Posting Terkait termasuk kategori "User Friendly" dalam sebuah blog. Fungsi R...

Read more »

Inilah 7 Template Blog SEO Friendly Terbaik!

Inilah 7 Template Blog SEO Friendly terbaik untuk blog dengan platform <a href="http://blogger.com/" rel="nofollow" target="_blank">blogspot/blogger</a>. Kriteria "terbaik" antara lain Fast Loading, SEO Ready, SEO Friendly, User Friendly, simple, dan clean, namun masih mengandung unsur "keindahan" tampilan.<br /><br />Menggunakan template blog SEO Friendly akan membantu blog dan posting blog kita cepat terindeks mesin pencari, khususnya Google. Selain itu, template blog SEO umumnya <i>Fast Loading</i> (tampil cepat) yang sangat disukai mesin pencari dan user.<br /><h3><b>1. Johny Wuss - </b><b>Template Blog SEO Friendly</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9LQliW_HmTtDFedz1F00o9R6dPnixRU8vZD7RbtdKKJR7O7Qg4CWTLvcZvM1DlFQ2NTRITJ0LQKlY1gzkdmFo0k8DmF2-9uNeMviKTPb-Y8hj0p-IpEaVeBg8mQ8KOmA5DI6m7AW0tq8A/s1600/Johny+Wusss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Johny Wuss Blogger Template" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9LQliW_HmTtDFedz1F00o9R6dPnixRU8vZD7RbtdKKJR7O7Qg4CWTLvcZvM1DlFQ2NTRITJ0LQKlY1gzkdmFo0k8DmF2-9uNeMviKTPb-Y8hj0p-IpEaVeBg8mQ8KOmA5DI6m7AW0tq8A/s200/Johny+Wusss.jpg" title="Johny Wuss Blogger Template" width="200" /></a></div>Hampir semua template buatan Johny Template (Maskolis) bagus dan SEO Friendly. Tapi Template Johny Wuss inilah tampaknya yang paling wusss!!! Kenceng!<br /><br />Update! Tersedia <b><a href="http://johnywussresponsif.blogspot.com/" rel="nofollow" target="_blank">Versi Responsif</a></b><br /><br />Johny Wuss is simple template for better SEO with elegant looks. There's no specific feature in this template. It's a white and black and blue color with 3 column blogger with 1 right sidebar and 3 column footers.<br /><br />Features :  Simple template blogger with elegant look, Auto readmore without javascript, Fast loading, Stylish threaded comment, SEO friendly and visitor friendly, Sidebar toggle hide and show, Navigation menu dropdown, Ads ready and many more.<br /><br /><i>This template suitable for all type of content blog especially for daily blogs updates. Feel free to use this and I hope you enjoy it and happy blogging.</i><br /><br /><a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  |  <a href="http://www.mediafire.com/?mcyj6suzhbov77f" rel="nofollow" target="_blank">DOWNLOAD</a> | <a href="http://fayedanielsbbw.blogspot.com/2014/03/New-Johny-Wuss-SEO-Fast-Responsive-Blogger-Template.html" target="_blank">VERSI TERBARU (RESPONSIF!)</a><br /><b><a href="http://johnywussresponsif.blogspot.com/" rel="nofollow" target="_blank">DEMO JOHNY WUSS RESPONSIVE!</a></b><br /><h3><b>2. Zoom Magazine - Template Blog SEO Friendly</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QzHcYaAGoid-7cLwFF-E2LgIl7M7xS3ahyFWfjW3X_RkLbp5B9W7qto1doETbzT4DLLA589ewY2lez8SyxQSYS6RckqGuDSSO66W0IAneZdz2NktDvzlqmv_V-6assz7PEPTvoPHVoxB/s1600/Zoom+Magazine+2+V2.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Zoom Magazine" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QzHcYaAGoid-7cLwFF-E2LgIl7M7xS3ahyFWfjW3X_RkLbp5B9W7qto1doETbzT4DLLA589ewY2lez8SyxQSYS6RckqGuDSSO66W0IAneZdz2NktDvzlqmv_V-6assz7PEPTvoPHVoxB/s200/Zoom+Magazine+2+V2.jpeg" title="Zoom Magazine" width="200" /></a></div>Template Zoom Magazine ini mirip tampilan Yahoo! Clean, simple, fast loading, dan SEO Friendly.<br />Simple magazine blogger template with adsense ready, easy loading, SEO ready, auto readmore, multi column and more.sildeshow Otomatis<br /><br />Zoom Magazine 2 V.2 is a free blogger template custom design with 1 Left Sidebar, 1 Right Sidebar, 3 Column, Blogger, Fixed, Gray, Magazine, News, and now you can download Zoom Magazine 2 V.2 blogger template for free only in ZoomTemplate.<br /><br /><a href="http://zoom-magazine.blogspot.com/" rel="nofollow" target="_blank">DEMO</a> | <a href="http://www.box.com/s/sbudqiamubjq06mifm5e" rel="nofollow" target="_blank">DOWNLOAD</a><br /><b><br /></b><br /><h3><b>3. SEO Thesis Blogger Template - Juragan Style</b></h3><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwY7DmJhRsrSdLFQ1vBBBdh23sJwLcCTWvox6m70cWSxTcR4rR1INmGIFIdxo9mF5z_sgOAbkbQ2hmpyA9rNjv8JPM-_ztKcAU5l-XCcjzgrINXBmbXEZn2eWFgUncRhK004q2LTZbvYA/s1600/Thesis_SEO_Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="SEO Thesis Blogger Template - Juragan Style" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwY7DmJhRsrSdLFQ1vBBBdh23sJwLcCTWvox6m70cWSxTcR4rR1INmGIFIdxo9mF5z_sgOAbkbQ2hmpyA9rNjv8JPM-_ztKcAU5l-XCcjzgrINXBmbXEZn2eWFgUncRhK004q2LTZbvYA/s200/Thesis_SEO_Blogger.png" title="SEO Thesis Blogger Template - Juragan Style" width="200" /></a></div>Sesuai dengan namanya, template blog SEO Frienly ini adalah <i>convert</i> langsung dari theme wordpress Thesis Framework yang sangat populer di kalangan blogger self-hosting wodpress.<br /><br />Fitur template blogspot SEO Friendly ini antara lain SEO Friendly, Visitor Friendly, dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting), dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword), Quicklink ke kotak komentar.<br /><br />Menurut desainernya, SEO Thesis Blogger Template ini juga sudah dipersenjatai Autoreadmore, dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat, Loading yang cepat (Kast Loading) dengan konsep minimalis & simple.<br /><br />Template ini memag simple banget, terlalu simple malah. Tapi Anda bisa "customize", misalnya soal font, background, warna navigasi menu, lebar sidebar, dan sebagainya.<br /><br /><a href="http://thesis-seo-bloggertemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  |  <a href="https://app.box.com/shared/rertf7btqu" rel="nofollow" target="_blank">DOWNLOAD </a><a href="http://fayedanielsbbw.blogspot.com/2014/02/new-thesis-seo-blogger-template.html" target="_blank"> | VERSI TERBARU</a> SKOR SEO 100%<br /><br /><h3><b>4. Thesis Blogger Template --Template Blog SEO Friendly</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKW4fKaY0BLhwkvakVRmE3KpHWy2vqbpbfjddzRQjfwuFzxPXrTID49OtvPgchP2ebpMrsTpeDp8TbZgX7P3R-JZEvE7yv1yezqtsH2Kns16NBKLRScMpDLvELDjf2Us3GHe-pC9dubGYO/s1600/Thesis+Blogger+Hack+Tutor.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Thesis Blogger Template" border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKW4fKaY0BLhwkvakVRmE3KpHWy2vqbpbfjddzRQjfwuFzxPXrTID49OtvPgchP2ebpMrsTpeDp8TbZgX7P3R-JZEvE7yv1yezqtsH2Kns16NBKLRScMpDLvELDjf2Us3GHe-pC9dubGYO/s200/Thesis+Blogger+Hack+Tutor.jpg" title="Thesis Blogger Template" width="200" /></a></div>Sama seperti SEO Thesis nomor 3, Thesis Blogger Template yang ini didesain oleh Hack Tutors. Tampilannya lebih "cling" dari nomor 3, setidaknya tidka sesimple karya Juragan di atas.<br /><br />Thesis Blogger Template Design by Hack Tutors - Thesis is the popular and worthy WordPress theme provided by DiyThemes.Hacktutors has successfully converted Thesis WordPress theme for all blogger users for absolutely free. Thesis Blogger Template have 2 columns, where you can place many widgets and Ads.<br /><br />Now, you are ready to use this template! Enjoy the new Thesis Blogger Template. If you have any problem regarding this template, you are free to ask me. You can suggest me any thing that you are thinking to do new in this template.<br /><br /><a href="http://thesis-hacktutors.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  |  <a href="https://sites.google.com/site/hacktutors/hacktutors/UpdatedThesisBloggerTemplate.zip?attredirects=0" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><h3><b>5. Super SEO Blogger Template</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDUpqAIa8yoZ9g4EEtsNqR_Dj1Q6zT44iS4iuw9tZ_FxTqUpkdoMLUrV3OgMNpqOPTxlYGGOyNmZ9Du0apQYPTkJLYVx4u4DAOSvLXNAPUNny5_Y2_WIumJiy17vmRZ-DcNIbu7fz4jVa-/s1600/Super+SEO+Blogger+Template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Super SEO Blogger Template ini" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDUpqAIa8yoZ9g4EEtsNqR_Dj1Q6zT44iS4iuw9tZ_FxTqUpkdoMLUrV3OgMNpqOPTxlYGGOyNmZ9Du0apQYPTkJLYVx4u4DAOSvLXNAPUNny5_Y2_WIumJiy17vmRZ-DcNIbu7fz4jVa-/s200/Super+SEO+Blogger+Template.jpg" title="Super SEO Blogger Template ini" width="200" /></a></div>Super SEO Blogger Template ini "sangat" SEO friendly karena sudah menyiapkan H1 tags, H2 Tags, dan H3 tags yang sesuai engan peraturan Search Engine.<br /><br />Template ini juga <i>included breadcrumbs </i>dan<i> related posts.</i><br /><br />Cek juga: <b><a href="http://newsuperseo.blogspot.com/" target="_blank">New Super SEO</a></b><br /><br />Features : 2 columns, Social Networking, Auto readmore with default thumbnail, Breadcumbs, Related Post, Bookmark Ready.<br /><br /><br /><a href="http://superseo-gbt.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  |  <a href="http://demo.gallerybloggertemplates.com/download/superseo.zip" rel="nofollow" target="_blank">DOWNLOAD </a> | <a href="http://newsuperseo.blogspot.com/" target="_blank">VERSI TERBARU</a><br /><br /><h3><b>6. Elesis SEO Blogger Template</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gDKJ_gtpHMsVgo3zoJQ3tI26TZJhpxydW1c53qQA8Q50QrHK9_lGtmVQR6zzZWNOhcjVahW9wNc99vv0VMW2WCWXZXabK4aJYVXjyJZkmq1q4L61OwBBIGgsg_EXDEh-0dsSt80NZYUd/s1600/Elesis+Blogger+Template.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Elesis SEO Blogger Template" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gDKJ_gtpHMsVgo3zoJQ3tI26TZJhpxydW1c53qQA8Q50QrHK9_lGtmVQR6zzZWNOhcjVahW9wNc99vv0VMW2WCWXZXabK4aJYVXjyJZkmq1q4L61OwBBIGgsg_EXDEh-0dsSt80NZYUd/s200/Elesis+Blogger+Template.PNG" title="Elesis SEO Blogger Template" width="200" /></a></div>Template Blog Elesis ini dilengkapi Breadcrumbs (Google Indexed), User Friendly (Elegant + Simple + Fast Loading), Using Dynamic Heading Tags (h1 = Home Blog Title, Page Content h1 = Title Post), Auto Read More (+ Great + Cool Auto Title).<br /><br />Not Boring! Ad Space on Header Right 728x90 (px width = 729, height = 90 px). 2 Horizontal Menu. Suitable For All Niche. Easy Edited.<br /><br />This deficiency is not my template pasangi Auto Meta Description on each content page, because I felt manually create meta description better than the automatic. So every time my friend made sure to give description article search.<br /><br /><a href="http://blageziner.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  |  <a href="https://app.box.com/seoelesis" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><h3><b>7. Simple Faster V2 - Template Blog SEO Friendly</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJoyVwtlNd1nJXsk3M0doEJHQiCj9xOhAhL_J6nD3LmUaJNpB_Qsbf88hbdYfulQ6pOWK7UEa7yLErKP3bc8lwjNfyvFHBEF6WcluWVgYv-NgI7idEqpM1Ke0pYXckbx8bD4fsn2y8TTIb/s1600/Simple+Faster+V2+-+Template+Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Simple Faster V2 - Template Blog" border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJoyVwtlNd1nJXsk3M0doEJHQiCj9xOhAhL_J6nD3LmUaJNpB_Qsbf88hbdYfulQ6pOWK7UEa7yLErKP3bc8lwjNfyvFHBEF6WcluWVgYv-NgI7idEqpM1Ke0pYXckbx8bD4fsn2y8TTIb/s200/Simple+Faster+V2+-+Template+Blog.png" title="Simple Faster V2 - Template Blog" width="200" /></a></div>Tampilan Simple Faster Blogger Template ini mirip Thesis SEO Hack Tutor. Mungkin juga modifikasi dari situ. Yang jelas, sama-sama SEO Friendly dan Fast Loading. Tampilannya Simple and Clean.<br /><br />Fitur-fitur template ini: Tag heading yang dinamis, Breadcrumbs navigation disertai Rich Snippet, Auto readmore.<br /><br />Template Blog Simple Faster ini juga dilengkapi  Related Post dengan gambar, Navigasi menu halaman disertai angka, Tombol ShareThis pada setiap post, dan Banner ukuran 720x90 px di sebelah kanan judul blog serta Threaded Comment.<br /><br /><a href="http://simple-faster.blogspot.com/" rel="nofollow" target="_blank">DEMO </a> |  <a href="http://www.mediafire.com/?77zlfr938w095dr" rel="nofollow" target="_blank">DOWNLOAD </a><br /><br />Itulah 7 Template Blog SEO Friendly versi <a href="http://fayedanielsbbw.blogspot.com/" rel="nofollow" target="_blank">CONTOH BLOG</a> dengan kriteria SEO Ready, User Friendly, Fast Loading, Tampilan Simple & Clean, namun masih memperhatikan unsur keindahan alias estetika tampilan blog.<br /><br />Bingung pilih yang mana? Pilih semua!!! Artinya, buat saja 7 blog dengan menggunakan ke-7 template blog di atas. Toh, Google Adsense bisa dipasang di maksimum 500 blog! Good Luck!<br /><br /><h3><b>PLUS: Polaroid Template Skor SEO 100%</b></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWhghedzCQ6UprNtyfIQHhanugRORnskrh37T_vGdvJb1ZR2crd20YDvQ34C2NwD8j_-kLhynJB3jQXsFgnUqFJDvz4lKNx_6fbSbSZv-L9JBEYkmRy2Dg_pKyG_YlKmY6b-cDiQaq7Yi/s1600/wp-polaroid-blogger-template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Polaroid Blogger Template" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWhghedzCQ6UprNtyfIQHhanugRORnskrh37T_vGdvJb1ZR2crd20YDvQ34C2NwD8j_-kLhynJB3jQXsFgnUqFJDvz4lKNx_6fbSbSZv-L9JBEYkmRy2Dg_pKyG_YlKmY6b-cDiQaq7Yi/s320/wp-polaroid-blogger-template.jpg" title="Polaroid Blogger Template" width="213" /></a></div>Selain ketujuh template tersebut, Samakaki tambahkan satu template lagi hasil modifikasi Samakaki Blogger, yaitu template WP-Polaroid. Ini template conversion dari Wordpress Theme.<br /><br />Samakaki modifikasi dengan penambahan fitur Meta Tag SEO, fasilitas Social Share, otomatis "Read More", penambahan Related Posts, perbaikan kolom komentar, warna, dan sebagainya.<br /><br />Silakan cek di posting <a href="http://fayedanielsbbw.blogspot.com/2014/01/polaroid-blogger-template-unik-keren.html" rel="nofollow" target="_blank">Polaroid Template</a>.<br />(Cek juga versi terbarunya: <a href="http://newpolaroid.blogspot.com/" rel="nofollow" target="_blank">New Polaroid V2</a>).<br /><br />Ni template tinggal pake deh... tanpa harus utak-atik lagi Meta Tag bahkan... (nyontek sama Fastest Magz ^_^). Tampilannya elegan, gak norak ^_^.<br /><br />Template Polaroid ini skor SEO demonya sempurna: 100%! Fast loadingnya nyaris 90%, cuma kurang satu doang (89%). Silakan dicek. Good luck! Wasalam. (Samakaki BLogger).<br /><br /><b>UPDATE...!!! </b><br /><ul><li><a href="http://fayedanielsbbw.blogspot.com/2014/01/template-blog-terbaru-2014-seo-friendly.html" target="_blank"><b>Template Blog SEO Terbaru 2014</b></a></li><li><b><a href="http://fayedanielsbbw.blogspot.com/2014/06/Template-Blog-SEO-Responsif-Keren-Terbaru-2014.html" target="_blank">Top 10 Template-Blog-SEO-Responsif 2014</a></b></li><br /></ul><div>Samakaki selalu berusaha untuk berbagi Template Blog SEO Friendly Terbaik! Good Luck.....!</div>

Inilah 7 Template Blog SEO Friendly Terbaik!

Inilah 7 Template Blog SEO Friendly terbaik untuk blog dengan platform  blogspot/blogger . Kriteria "terbaik" antara lain Fast Loa...

Read more »