Membuat Paging atau halaman pada blog

Mungkin telah Banyak orang yang telah nge-post cara membuat pagging dengan cara add widget.Beberapa template yang sudah saya coba ternyata tidak berhasil.Saya menyarankan untuk menggunakan tips berikut







1. Dalam keadaan login >> Tata letak >> Edit laman >>"jangan centang Expand Template Widget"
2. Add kode di bawah ini di atas ]]></b:skin>

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}

3.Cari kode ini

<b:section class=’main’ id=’main’ showaddelement=’yes’>
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>

4.kalo sudah ketemu paste kode di bawah ini tepat di bawahnya

<script type='text/javascript'>

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



htmlMap[htmlMap.length]=&#39;/&#39;;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;

}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}
}

if(thisNum&gt;1){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;


var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}


}


function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);


var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}
}

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}


}


</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));
}
}

var home_page = &quot;/&quot;;
if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){
document.write('&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}
}

</script>

5.Save template

Jika masi belum jadi coba cara berkut :
1.Dalam keadaan login >> Tata letak >> Edit laman >>Centang Expand Template Widget
2.Cari kode di bawah ini :

<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>

3.Ganti dengan kode dibawah ini :

<script type='text/javascript'>
  var lblname = &quot;<data:label.name/>&quot;;

  lblname2 = encodeURIComponent(lblname);
  var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=10&#39;;
  document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);
</script>

4.Jangan lupa simpan template

Selesai..Happy blogging

Membuat translator

Memasang Widget Google Translate di blog akan memudahkan pengunjung dari luar negeri untuk membaca artikel yang telah kita post ke dalam blog,apalagi dengan menggunakan logo bendera setiap negara tentu akan membuat tampilannya bertambah indah.
Berikut Saya share script untuk widget-nya,walau kurang lengkap ( tidak semua negara ) namun saya rasa cukup lah buat menghiasi tampilan blog.
Anda juga bisa menambahkan logo bendera yang lain (saya rasa dengan melihat script berikut nanti Anda akan mengetahui bagaimana cara menambahkannya) tetapi jika Anda tidak tahu caranya...ya..nikmati aja yang ada.....:D

<a href="http://translate.google.com/translate?hl=id&sl=auto&tl=en&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYuw2KKYCDXTbS_aoJVnAC-giF-1RHzfX6U-ua-y07bKa3q3KtIsHOPz_tw-ZwpRAt0rtyDYrc40tgCEfQ2zwUkchS16DrWAGN-uVouxzJ8Pd0PwYahU1y2S0knr_-PgQVcCb4O0y0Wc/s1600/english.png" title="âEnglishâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|zh-CN&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_dles0G7vGws6lHt7mleq0JeiIoAbXw2BueGGMf7JeKv7KdxBagpbWjll9LZVfQkpt1Wy8ev1h-qzV6FOn55ZXpmrM5agcKlPBVxvnPxyh2HI8QXGZbNRnPebrF2MIfvL15JNneA3YV8/s1600/china.png" title="âChineseâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|es&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Edkex6AoulcjC5PA5IIL0KGbnC07nUiGGWwXAPgpQl9vsrzhlvtCcP4DPATsqmvdVKtu6wEU4s3p20wF3hPg_rxnjjdVhLMWOfixhLLTa35Rd9sl6AX5mA5nA2_Ajm4aXeQc2aXm-Vs/s1600/span.png" title="âSpainâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|de&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilEXVGdNj_h44JmSYtyXuQIAswpHMg_oR518PNkfp8teegXt2ofxQdK93uyHjtgXuSpNjPzMe4YpBGrFCyAdf2GJephXTq34My8muM439BlTdwCNbBDiDW0lECpEpquGY-cKpXiNNItM/s1600/germany.png" title="âGermanyâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|fr&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1Z_d6r28QKgT1dn2-4WHugYNh2AxOTKq_U3ECOPh8IAqeoPkJUwoo80fJqteEfyh8lTrF-GFZFRfUA3SerYomxkk6BO1vuvrJuZvLWVn3zEqTH6m3muMh1D4nKW1KWoZulvVCvYn4kY/s1600/france.png" title="âFranceâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|ja&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0LzEQunGYi1h22nYgTDZCK8FWesqpHxDsNCw691TDDztKWSp0FN7ZlgA6H90yLM2_XJOgUGmyBvilfZF_NYr_Xi6JEgBRgt1ITsaIRMKFlMln3FpVtpq9jd3uAIObe3M4GjTQH2BRCY/s1600/japan.png" title="âJapaneneâ"/></a>

<ul>
<br/><a href="http://translate.google.com/translate?hl=id&langpair=id|it&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VEoa3wHHF0N4Sq-GOwm4vpnR0DG0RlTjagbWaHba0zSkhkAtb-83eJpHFKleRUQB1sNtD3niSvIbykwae80Heu3GNMFtjUK0ErkWpwUch7UjcheJF95Js7J7sWHV_JDJp3ybtG8COlw/s1600/italian.png" title="âItalianâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|pt&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cy742ShyYbnfoE-lHkXFbF63XnS9y-3RN51wad3qgsP6NPIbK316WJFIce-qhVj5-99K2L7CivCCjC3jndQ1ZPAadx5J0Ya8xCE7kRGF8KUnUeZng-SMRKHBHt5BOzNsr487933KsKQ/s1600/portuguies.png" title="âPourtugueseâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|ru&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ZSqVX8AFod7002OC1ymfvLPv-miGYj7CSfoJcGb3AkxfRrUfU2w2h48bP1XEemYvZIu480iZi6LXnbGL6b1pe21UvQrHo4ls59XKVlaZIfkUV3M-Ig2Mspq1O4iGi1o3WjNyWgLvguI/s1600/russian.png" title="âRussianâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|nl&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-leaIfGBxxDJSn4j_B-tfoISDS9XzEAEQpNkpFdJAtRmvsBFpXI11iWtXNN5xIjdwxLuSV6SMCYextTAuc_2Y7Rub3Q6kig8OI-Wn94Nrqav9_D06sMdn8mpCsJUemRROPxR2mmjtWM/s1600/dutch.png" title="âDutchâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|ar&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNygPXyD6n9Dq1WiGhAYg6bE7trfys8w0dyMH3iCcfMoxtb1z_0Y4-W2J7ZJCthdd73gt8P9gKFBYEg4aU_odZBXnNydsNzHFbWJBRqm7V4KCYBt4aiv-mkTM3U1hF3lEn8JUu_diQYds/s1600/arabian.png" title="âArabianâ"/></a>

<a href="http://translate.google.com/translate?hl=id&langpair=id|ko&u=http://link-kamu/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4kj6HJQld_S46krkSKnsrp5NwoSQ_f503Xdpr4hTa_nKPFApXHIswxz5kU9_fxu6Ry7tgMntinnM6ot9RUXsE95kdRsxTFHfURKw8uaMloVdmrpSNyC2eT_IsKNafkXrkOpxIcRK_Tk/s1600/korean.png" title="âKoreanâ"/></a><br/></ul>

<p><span style="">Mau Widget Seperti Ini?</span>
<a target="_blank"http://www.seka-blog.co.cc/2010/10/membuat-translator_08.html ">Klik Disini..</a></p>

Caranya :
Tambahkan widget html di layout page element terus copy+pass kedalamnya.Tapi jangan lupa untuk meng-edit tulisan dengan warna merah (link-kamu ) dengan alamat URL anda.
Selamat mencoba...Semoga bermanfaat.

Membuat translator

Nah, sekarang seka-blog telah menegluarkan cara membuat translator bendera . Cara membuat translator bendera ini juga tidak sulit koq. Yang dibutuhkan hanya mengcopy pastekan kodenya di side bar sobat modif.


Nah untuk cara membuatnya, pastekan aja kode-kodenya di sidebar atau pun di blog sobat modif. Berikut kodenya

• BAHASA INGGRIS

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://www.seka-blog.co.cc/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/inggris.jpg" title="English"></a>

• BAHASA CHINA
  

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=http://www.seka-blog.co.cc/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/cina1.jpg" title="Chinese"></a>

• BAHASA KOREA
  

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=http://www.seka-blog.co.cc/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/korea1.jpg" title="Korean"></a>

• BAHASA JERMAN
  

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=http://www.seka-blog.co.cc/">  <img src="http://bootingskoblog.files.wordpress.com/2009/01/jerman.jpg" title="Germany"></a>

• BAHASA PRANCIS
  

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=http://www.seka-blog.co.cc/">  <img src="http://bootingskoblog.files.wordpress.com/2009/01/prancis.jpg" title="France"></a>

• BAHASA JEPANG
  

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=http://www.seka-blog.co.cc/">  <img src="http://bootingskoblog.files.wordpress.com/2009/01/jepang.jpg" title="Japanese"></a>

Ganti yan berwarna merah dengan alamat blog sobat modif... Lalu disimpan, selesai dech..
Untuk sobat modif yang ingin gadget transltornya berbentuk bulat,lihat di bawah

Bahasa Inggris :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/english.png" title="English"></a>

Bahasa Cina :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/chinese.png" title="Chinese"></a>

Bahasa Korea :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/korean.png"title="Korean"></a>

Bahasa Jerman :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/germany.png" title="Germany"></a>

Bahasa Perancis :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/france.png" title="France"></a>

Bahasa Jepang :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=http://www.seka-blog.co.cc//"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/japanese.png" title="Japanese"></a>

Bahasa Arab :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ar&amp;u=http://www.seka-blog.co.cc/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/arabian.png" title="Arabian"></a>

Membuat Gambar Melayang Di Blog

Gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh oleh scrool mouse. Maksudnya kita dapat membuat gambar seperti melayang di kanan, kiri, bawah, atas walaupun Scrollbar ditarik kemana-mana. Dan bukan hanya gambar yang bisa Anda pakai di posisi gambar melayang ini, tapi counter, Status YM, iklan dan lain-lain.

Sebelumnya back up dulu template Anda, agar jika terjadi kesalahan dan template blog Anda tidak rusak. Berikut step-step yang harus sobat lakukan :

1. Login ke Acount blogger anda.
2. Masuk pada Pengaturan.
3. Pilih Tata letak.
4. Pilih Edit html.
5. Cari kode ini ]]></b:skin> truz copy paste kode di bawah ini di atas kode ]]></b:skin>
   
   

   #melayang {
   position:fixed;_position:absolute;bottom:0px; left:0px;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+
   document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Berikutnya cari lagi di dalam template anda kode </body> Kemudian copy pastekan code dibawah ini dan letakkan diatas kode </body>.
   
   

   <div id='melayang'>
   <a href='http://www.seka-blog.co.cc/'>
   <img border='0' src='http://i437.photobucket.com/albums/qq96/bloganakbangsa/benderamerahputih.gif'/></a></div>

7. Simpan, Selesai deh....

Keterangan :

• Pada langkah 5 : Kode yang tercetak merah (bottom dan left) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan Anda.
• Pada langkah 6 : Kode yang berwarna merah silahkan diganti dengan url blog Anda sebagai link dan url tempat gambar anda disimpan, misal : di photobucket, di imageshack, di flickr, dll.

Semoga Bermanfaat ya Sobat..?? Happy Blogging

Mengubah Cursor Blog

Saya yakin, Anda pasti bosan dengan cursor berbentuk panah itu. Dengan trik kali ini, Anda bisa mengganti cursor panah tersebut dengan gambar-gambar yang menarik setiap kali blog Anda dibuka. Caranya pun sangat mudah.

Langsung saja, begini caranya:

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:
<style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>
5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Cara Membuat Cursor Bintang Bertabur

1. Login ke blogger.

2. Klik Tatat Letak.

3. Klik Tambah Gadget.

4. Pilih HTML/javascript.

5. Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang Biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>


Bintang Hijau

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>


Bintang Merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>


Bintang Putih

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascript"></script>


Bintang Ungu

<script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script>


6. Kalo sudah selesai jangan lupa klik SIMPAN...

7. Selanjutnya silahkan sobat lihat hasilnya ...

Cara Membuat Blog Tidak Bisa Di Block

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode <head>".

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Klik Simpan Template
8. Selesai

Membuat Efect Salju Turun

1. Siapkan minuman segar dan beberapa camilan untuk menemani anda ber-internet ria,
2. Lalu ketikkan Blogger.com di address bar browser anda, dan isi login form-nya sesuai dengan akun Blogger anda.
3. Setelah masuk ke Dashboard, pilih menu Layout pada blog anda.
4. Setelah masuk menu Layout, klik Edit HTML
5. Beri checklist pada Expand Widget Templates
6. Cari kode berikut:

Code:

</body>

7. Tambahkan kode berikut tepat di atas kode yang saya sebutkan di poin 6:

Code:

<script src='http://fileku.freehostia.com/salju1.js' type='text/javascript'/>

Atau kode ini bila ingin saljunya tampak lebih besar:

Code:

<script src='http://fileku.freehostia.com/snow_gede.js' type='text/javascript'/>

8. Klik Save Template.
9. Lihat blog anda sekali lagi dan hujan salju akan mewarnai blog anda.

Cara membuat Menu Horizontal

1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan CSS dibawah sebelum kode ]]></b:skin>:

#navigation {  
     list-style: none;  
     background: #b60002;  
     overflow: hidden;  
     width: 922px;  
 } 
#navigation li {
 float: left;
 border-right: solid 1px #ca0002;
 height: 35px;
}
#navigation li a:link, #navigation li a:visited {
 text-decoration: none;
 display: block;
 height: 35px;
 color: #fff;
 line-height: 35px;
 padding: 0 9px 0 9px;
 border-right: solid 1px #990000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
#navigation li a:hover {
 background: #990000;
 color: #fff;
 list-style: none;
}
#navigation li.first {
 border-left: solid 1px #ca0002;
}

3. Dan ini adalah code HTML-nya.

<ul id="navigation">
 <li class="first"><a href="#">Home</a></li>
 <li><a href="#">Video</a></li>
 <li><a href="#">NewsPulse</a></li>
 <li><a href="#">U.S.</a></li>
 <li><a href="#">World</a></li>
 <li><a href="#">Politics</a></li>
 <li><a href="#">Justice</a></li>
 <li><a href="#">Entertainment</a></li>
 <li><a href="#">Tech</a></li>
 <li><a href="#">Health</a></li>
 <li><a href="#">Living</a></li>
 <li><a href="#">Travel</a></li>
 <li><a href="#">Opinion</a></li>
 <li><a href="#">iReport</a></li>
 <li><a href="#">Money</a></li>
 <li><a href="#">Sports</a></li>
</ul>

4. Simpan template.
::catatan:
- Untuk code CSS bisa anda rubah warnanya sesuai keinginan.
- Untuk code HTML simpan dan sesuaikan dengan template anda masing-masing.

Cara Membuat Adress Bar Bergerak

1.Log in blogger.com
2.Bila udah masuk dasbor > tata letak > edit HTML
3.Kemudian, cari kode ]]></b:skin>

<script type='text/javascript'>
//<![CDATA[

msg = " kalimat pertamax ";
msg = "kalimat keduax" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

4.Copy kode di atas dan letakkan berada di bawah kode ]]></b:skin>
5.Ganti tulisan yang berwarna merah & biru sesuai keinginan anda
6.Simpan

Cara Membuat Gambar Bergerak di Bagian Pojok Blog

1. Buatlah gambar animasi kesukaan kamu dengan tool imaging seperti ulead gif animator atau yang lainnya. Jika cara pertama ini terlalu susah, kamu juga bisa langsung cari gambar animasi disini
2. Copy alamat URL dari gambarnya dengan cara "Klik kanan > Copy image Location"
3. Login ke blog kamu
4. Masuk ke menu Layout > Edit HTML
5. Backup template kamu dengan cara Copy Paste ke Notepad
6. Sekarang cari kode ]]></b:skin> di template kamu
7. Letakkan kode berikut tepat dibawahnya :

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

8. kode yang berwarna merah menandakan posisi dari gambar, bisa diganti semaumu. Misal :

kiri=left, atas=up, bawah=bottom, kanan=right

9. Setelah itu cari kode </body> di template dan Letakkan kode dibawah ini tepat diatasnya :

<div id='trik_pojok'>
<a href='http://aagen-blog.blogspot.com/' target='_blank' title='Harree gene belum punya Blog, Ketinggalan zaman loe...'>
<img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif' width='150'/></a>
</div>

10. Gantilah http://aagen-blog.blogspot.com/ dengan nama blogmu
11. Ganti Harree gene belum punya Blog, Ketinggalan zaman loe... dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
12. Ganti 175 dengan tinggi gambar yang sesuai
13. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
14. Ganti 150 dengan lebar gambar yang sesuai
15. Jika selesai mengedit, klik Pratinjau
16. Save Changes atau Save Template

Cara Mebuat Favicon Blog

1. Siapkan file icon yang sesuai dengan selera dan keinginanmu.
2. Simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com atau sites.google.com
3. Buka blogger, masuk ke bagian Layout//Edit HTML
4. cari code kemudin paste kode dibawah ini dibawah kode <head> :

<link href='URL-icon' rel='shortcut icon'/>

Ganti URL-icon dengan alamat icon sesuai dengan nama alamat url tempat kamu menyimpan icon. Misal:

<link href='http://www.geocities.com/izd182/favicon.ico' rel='shortcut icon'/>

5. Simpan

Selamat mencoba..

Terkadang, favicon tidak langsung muncul segera setelah kita mencoba langkah-langkah di atas. Bahkan, mungkin diperlukan waktu beberapa hari agar favicon kita muncul.

Cara Membuat Readmore imut

halo sobat blogger. Lama gak nge-blog dan memberi tutorial segar yg bisa membuat blog anda lebih mantap. Dan pada kesempatan kaliini saya akan memberikan tutorial blog, yaitu cara membuat read more otomatis dengan ditambahi gambar. JIka anda tertarik dengan ini, anda bisa mencoba tutorial ini. Trik ini sangat mudah. Langsung aja ya..!!

cekidot..

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode </head>
5. Copy kode di bawah ini,dan letakkan di atas </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
6. Lalu cari kode <data:post.body/>
7. Ganti kode tersebut dengan kode di bawah ini..

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22zChwttYVJnqT4mlH3mDbMic_3hzwF_LR62b4V2LtdZMxPTzFtXbXzWeAA6Ds8Mve3Rojo-srbDHjMBaIPC69xlfTFDwA3d3vqdGWA9L9zSCtYH8G604b3XLhzwIdR9dv86OCBYxpwAa/'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

ket: gambar readmore bisa diganti, dengan cara ganti URL gambar(yg warna merah)

8. Simpan

semoga bermanfaat..

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :


Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Cara Menghilangkan Tanda Tang dan Obeng

Sering aku ditanya tentang masalah ini. Yaitu tentang bagaimana cara menghilangakn tanda tang dan obeng yang muncul di blog kita. Bagi yang baru terjun didunia blog pasti ada yang bingung kenapa di blog mereka bisa muncul tanda tang dan obeng yang biasanya bisa digunakan untuk mengedit secara langsung untuk gadget2 atau element2 yang terpasang.

Sebenarnya itu bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi.

Jadi para blogger pemula gak usah khawatir ya ... :D

Dah, gitu ah aja tips dan trik kali ini. mo lanjutin tidur lagiiii......
:s :s :s :s

Setelah sekian lama, akhirnya blog ini ganti template juga. Dari awal blog ni memang tidak pernah ganti template, paling cuma modifikasi dikit sana sini. Tapi sekarang, setelah menimbang2 dan melalui pemikiran yang panjang x lebar x tinggi, akhirnya diputuskan untuk mengubah template blog ini. Dan bagi yang berminat dengan template blog ini yang lama sekarang sudah bisa didownload. Silahkan DOWNLOAD DISINI untuk mendapatkan template blog. Tapi tentunya ada beberapa hal yang harus dimodifikasi, diantaranya yaitu :

1. Icon Kalender
Supaya icon kalendernya berfungsi (tidak "undefine") maka haru dirubah dulu format tanggalnya. Yaitu melalui "Setting-->Formatting" kemudian di bagian "Date Header Format" ganti dengan yg berformat "mm.dd.yyyy" misal (11.22.2008).

2. Ganti Tabs menu Horizontal
caranya yaitu masuk di EDIT HTML kemudian cari kata "horizontal tab", nha silahkan otak-atik didaerah situ untk mengedit menu2 horiizontalnya.

3. Ganti Isi Tabview
Caranya yaitu masuk di EDIT HTML kemudian cari kata "tab view", nha silahkan otak-atik didaerah situ untk mengedit isi dari tabview tersebut

Untuk edit2 yang lainnya silahkan diotak-atik sendiri.

Yup, gitu aja. Selamat tinggal templateku yang lama.

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Setting Domain di co.cc

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

• Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
• Untuk option "TTL" biarkan saja, gak perlu dirubah2
• Pada option "Type" pilih yang "CNAME"
• Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gamabr dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

• Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
• Kemudian pilih "Switch to: • Custom Domain
• Setelah itu klik pada "Already own a domain? Switch to advanced settings"
• Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

• Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

• Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
• Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
• Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.