Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Merubah Heading Judul Posting Ke Tag h1 - h1 di Blog Post Title

Merubah Heading Judul Posting Ke Tag h1 - h1 di Blog Post TitleMerubah Heading Judul Posting Ke Tag h1 - h1 di Blog Post Title











  • Login ke blogger.com > klik design > Edit HTML (centang Expand Widget Template)
  • Cari kode  berikut pada template Anda:
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>
  • Kemudian ganti dengan kode berikut ini:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>
    <b:else/>
    <h1 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h1>
    </b:if>
  • Selanjutnya cari kode berikut ini:
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>

    Ganti dengan kode berikut:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>
    <b:else/>
    <p class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </p>
    </b:if>
  • Cari lagi kode seperti ini:
    <h1 class='title'>
    <b:include name='title'/>
    </h1>

    Ganti dengan kode seperti ini:

    <b:if cond="data:blog.pageType != &quot;item&quot;">
    <h1 class="title">
    <b:include name="title">
    </b:include></h1>
    <b:else>
    <div class="title" style="font-size: 26px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin: 5px 5px 0pt; padding: 15px 20px 3px 0pt;">
    <b:include name="title">
    </b:include></div>
    </b:else></b:if>
  • Kemudian cari  seperti kode berikut (Yabg terakhir ini boleh di ganti boleh tidak) :
    .post h3 {
    color:$titlecolor;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
    }
    .post h3 a, .post h3 a:visited, .post h3 strong {
    color:$titlecolor;
    display: block;
    font-weight: bold;
    text-decoration: none;
    }
    .post h3 strong, .post h3 a:hover {
    color: #333333;
    }

    Ganti dengan kode berikut ini:
    .post h1, .post h3 {
    color:$titlecolor;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
    }
    .post h1 a, .post h1 a:visited, .post h1 strong, .post h3 a, .post h3 a:visited, .post h3 strong {
    color:$titlecolor;
    display: block;
    font-weight: bold;
    text-decoration: none;
    }
    .post h1 strong, .post h1 a:hover,.post h3 strong, .post h3 a:hover {
    color: #333333;
    }
     
    .:Simpan Template:.

Memasang Google translate bendera di blog

Memasang Google translate bendera di blog
Memasang Translate halaman di blog Selain sebagai aksesoris blog memasang translate sangatlah bermanfaat untuk perkembangan blog kita agar supaya apa yang kita sampaikan/posting juga dapat di pahami dengan baik oleh pengunjung yang tidak megerti bahasa kita. Berikut adalah cara memasang dan beberapa koleksi Widget Google Translate Versi Bendera.
Cara Pasang :
  • Login di blogger Anda
  • Di menu Drop Down klik Tata Letak/Layout ==>Add a Gadget/Tambah Gadget
  • Pilih HTML/JavaScript.
  • Copy paste kode dibawah ini di kolom yang tersedia.
Widget Google Translate Bendera Bulat

Memasang Google translate bendera di blog

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb29Gc7EwzNh1Vnjdh1ZbUWTLEscvuWfuP_IKFS-RtO20-AQ7S47UMbQBgsX5SbcF8_XM9Z4kV69OphikIh8x9JiqLBy9EzZm1Fo1P7ToJOZZfBhP-cwiK8tr6_zJw1dftk-LUhc35ZcsJ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8fHt3GsOoOJJ1x-EpLRHwQB-LsZN7_tC9sI6V1CNZnoAVLYyVqln1lhK-hDnjNX8miM0e0hdl0lBSrFWcsVb6nnifXs-HmNyI4uoEtrLqRBDhV9WwBT1gRC_Pl4VdVFivk2f0NLcFkmd7/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPr3bLGax42gMbYfHyRz_qmC0072sscxJzQk9i1klx7HC1PQ6yahmss3M-2hJSxrD9mJ-QLA57fh0escTszWGXnuTHYy35P5t2R6dDTHUfNGYmklmCd8s-ZbmQLhWQCeU1AmhE3Hzvt39j/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyUt_ziUsTDW_Xp-QF3GMS1fqVnptrGYNlkPK8uSzddj-LPLO1_g-O6H3YzHqlqIdNZzelPq5c9_ZYBtA5uq7OoTVpiE-RIIle7v4s8x9VhjIninUGKipWz6CQe35Y5OoQyj0fUfubAUV/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIAjBA5kikc37gWQ7VNU6VbV7gg4OTkLs5Cl7DyRjw6dVPyUcRbESRizvLL6TATTyefC844vzy4NqSIBJpHqTcRLVQnXAWsZrV5gQgtDfqNdKpo4ZGmzUEmzpFuJDaLNgQSujSXwa8KlAV/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSCBvWfcfkcMhJlViSjfRQ29mPLqywG7MfP73RK1Deach7SGULSPx1Hc79j5ZMCPG_7roHTUSxqe_DsL_fveHCxIkUp_Z9x258Fk741GMTkHnZzNgd4UXozTrr-cu1bBuo1VmC6taE0D9/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-WFWuypsQX5JQkQHJB5sXvlP-D6WempIXECzavGBO4QUf0GioZl6B0Dv-Nl_lhoApAqofeckRU_9bFg-PFlXx3wckTs5f3V4N2EKMpNVGydMdPw5x5RA6Mv7NcX_NdTfbFgK2xBK3KL_/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV007cagXMFHweeE5cVadiRfUn1L9JFTHNB8bZ3oWjF-3wyAvTrURXnxPVZM-QRW1ZqXAc1fuygXo8NS0_SEBthXgV4fAW3DP4MOiinwWLPhXDMXRGmfdz254dKr5sFLne62QJttUFxMGB/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYU-m7OxzTp-9UflWHJnYgQvVrI2OWk8I1gk7a4ZVTPI-7lUGfmxyIpAFuXhgfwUFc2b3T0KtFVnnSEB6X43HujMk90tEfAYK3tKqr5E2VFtFyErXbkprzUza71ZwAvVlWu-6FHror9aOH/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrDrl_emFiTAL4wW-87IKXX0agMzdTakTCLZbMsi21KlYDz9rfpJ-_xzUAkCxqZf7fGi162z7LrAfKCnrdEgahFFdTOKF8otHKoyRgS2-6xUsJ-um0fzdSlrV6za66XnoRRj271FgqE-O/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81IXWjaeB8ovfrj6uGwO8d9UAVnEID-vFwKGD4Ob6KP09IxoX-jd-lz7UyFnqCRRcRYOa49oG1F0OOXpbsl_KeYv_NRn3rYoPuXd-M0e9jCkvbWkBpt-InzBmOcwraLrl5u6PZazpiibp/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_7yE65Vy02Iew_H4i7Req-Y4YvNqFhf0pJPl_qmMs3P34FHgiYWDBGVK4HC9mQleKop5_jzaedoyGvHQ-oSv0j-u1l9_z7hZJHAzEg33oPPNMiZRHuhX_X3brn07ykk7jCWVd7_BjTJl/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://jill5iii7.blogspot.com/" title="translate widget"/>Translate Widget</a> by Google </div></div>
  •  Simpan
Kode tampilan lainnya : 
Widget Google Translate Bendera

Memasang Google translate bendera di blog


<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

</style> <div>
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKvkjX7x5gVUjb1q6_vShxxEsFVJCwn8-BemmTAeb3UBDR3Ane9macqf6JBTIIlKTtoid6WoFKLNlqZL5ncpC2Tkrm0otDVTKbLR9U5GYI9ZW-UvJehE-G2FaYxJTnXunSASpO-z1ed8/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeyXsABSN1gn84pFToAWOg329creANWm1HB7bM5jB-SdBMLcqB3RA0LBYRdRIGKmoCuP7UZnepOFaPjlbwslo09vKgouCjhPfrDFM__GN3Mu_PWPOeVY1xb7e2s4newazS5Ay8SH5BaM/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAibAkVlt-TjoDPYuGs3fBqBVl0KY4XyWf-Gr48R0aJPKMW9KU1iHQSUI7Q3R5K3p3IcZBzUcLzrR3rJ19d_BSWkS68uVfxqm66S644gN3o3YRiEpDx0V7JItfdhDaUjUzSMrfRwlwznc/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKuqL8AIvaDULa9i_1FBDpkUUMGI-qfCRqE6Zja1ry1-spm3mQvKvitJ2A00GfJomjNvT7skRdilo20aLV3XVAgED_dfgsBfCc8el2fFmQuSMgPrykt5IkwL16vF9_s0fAZsKG5xJ97Go/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW21VDG80P22wToPkKXuUGKzcM8ZsVaTL_Q0pPwaZISJzwjfKB_0XtaEDyr5_KPF7bGusest51A1ff9gCvw8SPTotqWmN8FkfFPMI9rF-4LURuQ1To60FHD8vUtjz24_oQ6cySqo69_kk/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-cpn0gfjZ2dguwC3lXqUux0CpO8sVcUM07q7HzJqKQCWIxAGnN_vPtSfDpPLJPEozN8zzwkOrOTt-NvTLycOhF2tvVTv_lGNvshgsWl2LhcQEGruU5Mweuw2jEy55HoBSs3aAIcDmVM/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAGrBF3Imca56HXLROUu6gZKFapNuPnd0Il6JFX5r2sTtsOgptq2xY6LV2EjHXCq2ETsBjxkQu8I6e0HwJxB_ed2MHOF-XcgSGy-jcdCQgQ8zylYaNB6I0g65eic-0jjs1NoFk1I2MEEw/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDd2jSRY5fkOnp-wFke7Qx1POjcH4_xBEqjCNePoEbGqfw5dPTqppbfAWiW_S6lltNOp0e-xYt-Sv8lOMd91h-RAgyEjlmlywk943fORyXkzZgfkV7rPl8jsIjU4SM0oa8NppcBQ24BM/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqJgnqxm_L8MHdghRUjPhCbcFMPj8OOtWgvxpZFQeapHGqBJzdXHHbc2tMGv4fTOiNIi53Gcu0vu7VRlS8Ez4YOdRWcE3ffddOGWJ7RY-YGXE0hoBegigFO3YUWb9Z7GyIn7tkzecEzs/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVbHPsq4H6VDV6AQVL3z9aPalE4IbTXA_MfCzU48Vr6pY6_j1uUUcoLJqntzlkliMBE0dDugHeAjXeEWkQCdefNepMetcT5hHefF7v7gXt_AWkz9YaHO15AqX1NCOPmgTt4m_PPjFhNI/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTnl8q_5lYZTi77fHHZBL9I2g23aB3yC5VGvixakpH-UOX1m0LrsSAiDuSHev1D96AYS7fgghnIbaXduZHxkzEjfBw0sgvPeHPOe6d-WaxTw7FAxXwEcZ1ZJh4mSTtT90LsLSLqNsDvE/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJXWGwU7okWzJbJSl1L4N_ulfEZo5ddrJ65llhEp60NoHrPstrJIVszYZM9aYh8msmROwzuph8fQ63WOgxA2PZeyb-Hbd7RLZ3wCQZCIpvQrQDkfDKihC3-wgnAwyc0Fp4Ezul65sHfU/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://jill5iii7.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div>


Widget Google Translate Bendera  Bergerak

Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog Memasang Google translate bendera di blog



<center>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" border="0" height="20" align="absbottom"></a>
<a href="" rel="nofollow" simplified"="" style="cursor: pointer;" target="_blank" title3d"chinese=""><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" border="0" height="20" align="absbottom"></a>
</center>
<div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://jill5iii7.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div>
Yang Warna Merah Ganti Dengan Http Anda Sendiri.
Catatan : Untuk cara pasang dua widget dibawah Sama dengan yang pertama.

Mengganti favicon Blog

Mengganti favicon Blog
Untuk mengganti favicon Blog Standart tentu saja kita harus menyiapkan gambarnya terlebih dahulu, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis yang anda kuasai bila anda kurang menguasai software grafis anda bisa langsung saja ke situs yang menyediakan maupun meng-edit logo/gambar secara online. Bila itu diperlukan silakan kunjungi beberapa situs di bawah ini :

Bila anda telah memiliki gambar/logo yang di perlukan (ukurannya kurang dari 100KB).
Cara Menggantinya adalah sebagai berikut :
  • Login ke blogger anda
  • Pilih Tata Letak(Layout)
  • Klik Edit (Lihat Gambar Dibawah)
Mengganti favicon Blog

  • Setelah Klik Edit akan muncul gambar seperti di bawah ini :

Mengganti favicon Blog
  • Isi gambar yang telah anda sediakan
  • Simpan
Catatan : bila gambar belum terganti refresh browser anda atau logout dulu dari blogger kemudian login lagi.

Cara/Tips membuat blog menjadi SEO Friendly

SEO Friendly
SEO Friendly
Manfaat SEO (Search Engine Optimization)

Search Engine Optimization atau yang lebih dikenal dengan istilah SEO sendiri adalah suatu usaha untuk mengoptimalkan suatu web/blog tertentu agar dengan mudah ter-index di search engine. Percuma saja jika sobat mempunyai web/blog yang sangat bagus dan berkualitas tinggi tapi tidak ada orang lain yang mengunjungi web/blog sobat tersebut, isi dari web/blog tersebut tidak akan tersamapaikan sama sekali. Salah satu cara paling ampuh untuk menggapai popularitas suatu web/blog ya dengan SEO ini.

Langkah-Langkah Cara Membuat Blog SEO Friendly dengan Mudah

1.     Membuat Blog SEO Friendly dengan Mengubah Page Title

Format page title default dari blogger kan seperti ini “JUDUL BLOG : JUDUL POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merubah format page title standar itu menjadi seperti ini “JUDUL POSTING | JUDUL BLOG”. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
<title><data:blog.pageTitle/></title>

(Cara mudah mencari kata/kalimat di web browser tinggal tekan ctrl + f kemudian ketik/pastekan kata/kalimatnya lalu tekan enter)
  •       Kalau sudah ketemu kodenya, ganti sama kode berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa nambahin beberapa kata kunci ( keyword ) seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>
  •       Kalau sudah jangan lupa disimpan templatenya.

2.     Membuat Blog SEO Friendly dengan Menambahkan Meta Tag

Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
 <b:skin><![CDATA[/*
  •       Copy-kan kode berikut ini di atas kode tersebut (<b:skin><![CDATA[/*) :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta name='Author' content='Nama Sobat'/>
<meta name='description' content='Deskripsi singkat tentang blog sobat'/>
<meta name='keywords' content='keyword1, keyword2, keyword3, dst'/>
<meta name='language' content='id'/>
<meta name='geo.position' content='-5;120'/>
<meta name='geo.country' content='id' />
</b:if>
  •       Kemudian simpan templatenya

3.     Membuat Blog SEO Friendly dengan Memasang Breadcrumbs

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog sobat bisa bersaing untuk mendapatkan posisi top di google SERP.

4.     Membuat Blog SEO Friendly dengan Memasang Related Post

Related post sangat bagus untuk SEO dan disukai para pengunjung. Setelah membaca suatu artikel pengunjung tidak akan lari ke blog lain dan biasanya akan tertarik untuk melihat-lihat related post yang ada di blog sobat.

5.     Membuat Blog SEO Friendly dengan Mematikan setting archive ( arsip )

Search engine sangat membenci yang namanya duplicate archive. Jika anda mengaktifkan opsi arsip, akan ada 2 buah link yang menuju 2 halaman yang berbeda (Halaman utama dan halaman artikel sendiri) tapi memiliki isi konten yang sama. Bagi search engine ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip. Caranya adalah sebagai berikut :
  • Masuk ke dashboard blog sobat
  • Masuk ke Setting kemudian pilih Archiving
  • Pada bagian Archiving Frequency ubah menjadi no archive
Atau jika sobat tidak ingin menonaktifkan fungsi arsip, silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6.    Membuat Blog SEO Friendly dengan Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content (Buat yang kerjanya cuma bisa copas hati-hati nih sebelum didepak dari google). Silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<link expr:href='data:blog.url' rel='canonical' />

7.    Membuat Blog SEO Friendly dengan Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. silahkan masuk ke rancangan kemudian pilih edit html kemudian cari kode seperti berikut ini :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Ubah kode yang berwarna merah dari h3 atau h2 pada beberapa template menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Sekian  Semoga Bermanfaat
Untuk lebih jelasnya silakan kunjungi >>>

Link Sumber : http://septia-mujizat.blogspot.com/2012/01/cara-mudah-membuat-blog-menjadi-seo.html

Cara memasang Kolom Entri Terbaru Bergambar

Menampilkan Recent Posts atau entri terbaru diblog/web sangat berguna untuk menarik perhatian para pengunjung blog dengan postingan menarik yang yang kita sajikan dan tentu saja dapat lebih meningkatkan pagerank blog/web.

Bagi anda yang ingin memasang Recent Posts, caranya adalah sebagi berikut :

  • Login keblog kamu
  • tambah gadget
  • Edit HTML
  • copy paste kode di bawah ini :
 KODE :

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[1] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[2] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[3] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[4] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";
showRandomImg = true;

boxwidth = 150;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comment";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://jill5iii7.blogspot.com/";

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpostthumnail.js" type="text/javascript"></script>
CATATAN :
-boxwidth = 150; atur sesuai dengan template anda
-numposts = 10; tergantung berapa post yang akan anda tampilkan
-home_page = Ganti dengan home page punya anda.

SIMPAN DAN LIHAT HASILNYA

Cara Memasang facebook fan Page diblog

Memasang facebook fan Page diblog kita memang sangatlah berguna untuk menaikan maupun mempromosikan blog/web kita kepada public.  Sebenarnya membuat fan page facebook tidaklah terlalu sulit bila kita sering menjelajahi om google..karena banyak postingan-postingan yang telah dibuat mengenai hal ini dan memang sangat bermanfaat bagi bloger pemula seperti saya ini.

Ok langsung saja :
Langkah 1
  • Login ke blog kamu
  • Pilih menu Template
  • Klik Pada Tombol Edit HTML
  • Klik Tombol Proses Atau Lanjutkan
  • Cari kode </head> ketik Ctrl F dan masukan </head> agar mudah menemukannya.
  • Copy kode dibawah dan letakan datas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Klik Simpan..
      Catatan : Bila anda pernah mengisi kode jquery seperti di atas anda tidak perlu mengisinya lagi.  
  
Langkah 2
  • Pilih Menu Tata Letak Atau Layout
  • Klik Tambah Gadget atau Add a Gadget
  • Pilih HTML/JavaScript
  • Copy kode berikut :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=alamat url anda&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://nudesimplyheart.blogspot.com/2012/12/cara-memasang-facebook-fan-page-left.html">Tutorial Here</a></span></div></div>
Catatan :   
Ganti tulisan berwarna merah dengan alamat url anda, yang telah anda buat di Fan page FB.
Ganti tulisan berwarna biru dengan alamat url anda sendiri.
  • Klik Simpan. Lihat blog Anda.
Anda juga bisa mencoba kode di bawah ini untuk tampilan nya yang lain seperti yang terpasang di blog saya ini :
<script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheG1t0szG070tFGJFHpFAjgTiVfr3frjZ_QjJqYW5d8bV5A4KA0OvUXb7wgzvhf3zRqiwuKpKHmBaK6l8aMN5LGQnp0LucCV-lOcevcHl38o83f0e-5BnU32fC8mceVMcUG3RngpzN8Ek/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4155701203275692831#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInfonetmu&amp;width=300&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=true&amp;appId=287998221248983" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
</div></div>
Catatan :  
Ganti kode yang berwarna merah dengan kode frame yang kamu dapat saat membuat fanpage facebook.
kode yang berwarna biru adalah pengaturan ukuran.
Contoh Kode Frame

Cara Memasang Energy Saving Mode Di Blogspot

Energy Saving Mode salah satu aksesoris yang bisa kita pasang di blog kita, pada dasarnya  Energy Saving Mode identik dengan screen saver nya komputer yaitu apabila pada waktu tertentu kita tidak menggerakan mouse maka muncul layar yang berbeda.

Bagi anda yang ingin tertarik memasang aksesoris ini silakan lihat caranya di bawah ini :



  • Login ke Blogg Anda.
  • Klik Tata Letak atau Rancangan
  • Klik Edit HTML
  • Beri tanda centang pada tulisan "Expand Widget Template"
  • Cari kode </head> (untuk memudahkan pencarian,tekan ctrl+F, isi kode </head> di pencarian)
  • Copy kode di bawah ini :
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;en-US&#39;}
</script>
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
  • Letakkan kode tersebut tepat sebelum/di atas kode </head>
  • Klik Simpan Template
  • Setelah itu klik Elemen Laman
  • Klik Add Gadget atau Tambah Gadget
  • Pilih opsi HTML/JavaScript
  • Masukkan kode dibawah ini :
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script> 
  • Klik Simpan
  • Lihat Hasilnya.

Cara Membuat Tombol Share Melayang di blogspot

Cara Membuat Tombol Share Melayang di blogspot.
Dengan adanya tombol share melayang dapat mempercantik blog kita juga dapat  memudahkan pengunjung blog untuk membagikan postingan atau isi blog yang kita buat.

Adapun caranya adalah sebagai berikut :



1.Login ke Blog Anda
2.Klik Dasbor
3.Klik Rancangan terus klik elemen laman
4.Klik add gadget/tambah gadget,dan pilih/klik HTML/javascript
5.Masukkan kode HTML( silahkan sobat copy paste kode HTML) di bawah ini :

<!-- Tombol Share Melayang Start-->
<style>
#pageshare {position:fixed; bottom:35%; margin-left:-190px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from tips blogbego.blogspot.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<!-- Tombol Share Melayang End --></div>
Catatan :
Aturlah posisi yang tepat untuk tombol share ini dengan memperhatikan kode :
bottom:35%; margin-left:-190px; 
Apabila menurut anda telah sesuai dengan keadaan template anda barulah di SAVE.

Selesai.

Cara membuat buku tamu/chatbox menggantung

Cara membuat buku tamu/chatbox menggantung seperti yang saya pakai di blog saya ini.
Selain sebagai aksesoris blog buku tamu juga bisa memudahkan para pengunjung blog yang pernah berkunjung untuk meninggalkan pesan maupun tulisan-tulisan lainnya.

Adapun langkah-langkahnya Sebagai berikut :
Pertama : yang anda harus lakukan adalah mengunjungi Cbox untuk mendapatkan kode, langsung saja masuk disini. Tampilannya seperti di bawah ini :
Silakan anda klik Get your own free C box now! Kemudian ikuti panduan yang ada sampai anda mendapatkan kode dari Cbox.

Kedua :

- Login ke blog Anda
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini : 
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF7shh-f7c6gdUha3sZzB9BbyhVtdZMxdYeXCC-2cIdBzvNH9FnzFjhj8-QqAOY9vmZ0Fq-pfSCdqs0SZIZb6P1OZ4l9VGj6SEbWfTcMpvRvIM_xiKkehdxMbLYaNeBi6ajyU5huaw1nym/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox Anda <!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://jill5iii7.blogspot.com/2012/12/cara-membuat-buku-tamuchatbox.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
Catatan :   
Ganti tulisan berwarna merah dengan kode Cbox yang telah anda dapat.
SAVE/ SIMPAN LIHAT HASILNYA.

.:SEMOGA BERMANFAAT:.

Cara Memasang permalink seo di blog

Memasang permalink seo di blogspot sangat bermanfaat untuk optimasi blog kita. karena salah satu kegunaan yang paling penting untuk membuat seo permalink di blogspot adalah untuk mengdongkrak posisi posting blog di search engine.
Berikut ini adalah langkah-langkah cara membuat/memasang seo permalink di blog :
1. Login ke akun Blogger sobat.
2. Klik Rancangan >> Edit Html.
3. Kasih centang pada "Expand Template Widget"
4. Cari kode ]]></b:skin> . Untuk mempermudah tekan CTRL + F.
5. Letakkan kode berikut tepat DIATAS kode ]]></b:skin>

.buatpermalinkblogger
{border: 2px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:6px;}
.buatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
6. Setelah itu, Cari kode <data:post.body/> .
7. Jika kode sudah ditemukan, maka ada 2 atau lebih kode <data:post.body/> . Jika template sobat menggunakan READMORE otomatis, pilih kode nomor 2 dan ganti dengan kode berikut!.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
8. Jika semua sudah, Jangan lupa klik "Simpan Template". Jika permalink nya belum muncul, letakkan kode dibawah nomor 7 tadi ke kode <data:post.body/>  nomor 3.

Sumber : http://putupunyablog.blogspot.com/2012/07/cara-membuat-permalink-seo-di-blog.html

Cara Mudah Memasang Widget Feedburner

Memasang Widget Feedburner. Feedburner kata orang juga dapat mengoptimalkan Blog Anda lebih SEO.
Apa Fungsinya?
Feedburner digunakan agar Anda atau Pembaca pada blog Anda yang telah mendaftarkan alamat emailnya maka setiap Anda psot pada blog otomatis akan ada pemberitahuan pada email Pembaca atau istilahnya adalah Pembaca setia pada blog Anda yang ingin terus tau postingan Anda karena merasa tertarik.
Bagaimana Caranya Memasang FeedBurner?
  • Kunjungi situs feedburner.com
  • Daftar atau Sign Up jika Anda tidak mempunyai ID.
  • Langkah selanjutnya tinggal ikuti dan coba saja ya.
  • Burn a feed right this instant. Type your blog or feed address here : isikan dengan URL atom/RSS feed, klik next. Selanjutnya 'Activate Feed'
  • Pilih 'Skip directly to feed management'
  • Pada menu-menu yang ada diatas, pilihlah 'Publicize'
  • Di menu samping kiri, pilih 'Email Subscription'
  • Lalu 'Activate'
  • Pilih bahasa dan platform blog kita, lalu copy-paste kode yang tersedia ke Blog kita.
  • Selesai!
Cara Memodifikasi :
1) Anda harus Login ke Blog Anda.
2) Klik Tata Letak/Page Element >> Tambah Widget >> HTML/JavaScript.
3) Lalu masukan kode dibawahini :


- Silahkan sobat Copy dan Paste Kode HTML di bawah ini : 
<style>
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhHHKV7pdBEWsvkduQdzSjAlVAUsIYqe5aPolLZYR8yu1CVvtO3DILuGArrAFfhyzEtgX4GqZbQKihQK8cUUJFXnLJJMHCmbKoEY2iH36hlQ4eR0JFUZkj5xua48SKBA0z1inOPmm9Je8/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}
</style>
<div class="news-headline" color:#333;>
Read latest headlines in your favorite news reader
</div>
<center>
<table border="0">
<tr>
<td style="padding-right:4px;">
<ahref="http://twitter.com/User"target="_blank" title="Follow Me On Twitter">
<imgstyle="width:25px;height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDq-dfqXuDNV5Ungm5lYN8zdElG63O47WV_CRtarNnXaLsWnvOtEdL_AT8FY2Z693INFMmvuh-KH5u92CHYxRBE5A-AnmRYc6Wo0nU-9BaRq5XNwQxUtD0rSKNKByI7eiKtHwQQJtENM/s800/twitt.png" /></a>
</td>
<td style="padding-right:4px;">
<ahref="AlamatFeedBurnerAnda"target="_blank" title="Subscribe Via RSS">
<imgstyle="width:25px;height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgQlWiF24yz8svHieLvt3tssvSqL1aN1slCzehWhO5spAHNQgXTc88Q2niFlADYpD9QodqC3igC4jbAtfjpR1xQVXr_qKCb62BdpWMHP5p76KYv-PLBkCmwQmCrjZ87REojGkVq4SBjc/s800/Feed-icon_128.png" /></a>
</td>
<td style="padding-right:4px;">
<ahref="http://www.facebook.com/User"target="_blank" title="Find Us On Facebook">
<imgstyle="width:25px;height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdyf1ulF4sYCOkjarA_xH7zuqUTWWoySnN1pPlWEbwbZO0ZCgnWBELu52Ok1DuAnp5aTG58aOl6Cibnd_kSQ2FanxF60n8WVnQ_DjzbDzPIWoWsAzHnj5Nw2QVAktlRdcQpn2oxYRKOU/s800/Facebook_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<ahref="https://plus.google.com/User"target="_blank" title="Add me on Google+">
<imgstyle="width:25px;height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyuo448nYQ8Yf_SMQ9IsC1kWDWpDmeDiakFKDWJfUmHMh2B5MeTLZOQtlhkZIdI7hlnbZZDBU3Hx9WQhfAUvX6uotPGrP34DeU4yuQnPOsjS1nTO2mDFzrVSpEXKx5Ts_zSjmaGuLHsg/s800/googleplusicon.png" /></a>
</td>
<td>
<td style='padding-top:-2px;'>
<ahref="AlamatFeedBurnerAnda"><imgsrc="http://feeds.feedburner.com/Nudesimplyheart&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0; padding-top:5px" alt="Fellow Readers" /></a>
</td>
</td>
</tr>
</table>
</center>
<div id="news-letter">
<span class="msg-box"></span>
<b>Sign up for our email news letter</b>
ISIKAN DENGAN CODE YANG ADA DI FEEDBURNER ANDA!
</div>
4) Klik Save
.
Catatan : 

  • User yang berwarna merah isikan dengan data Anda, misal user twitter dan Facebook.
  • Yang berwarna biru isikan dengan Alamat FeedBurner Anda.
  • Yang berwarna hijau isikan dengan kode yang ada pada FeedBurner Anda.