Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Sabtu, 02 Februari 2013

Membuat/Memasang Related Post di Blog


Hallo sobat ARFAST56, jika kalian ingin mencari cara membuat/memasang related post, sobat sudah berada pada area yang tepat. Nah, kali ini ARFAST56 akan sharing sedikit ilmu. Kita mengetahui related post atau bahasa Indonesianya adalah artikel terkait, berfungsi sebagai artikel yang berhubungan dengan postingan yang sedang dibaca atau artikel yang direkomendasikan oleh admin blog kepada pembacanya untuk lebih memahami dalam suatu topik dalam kategori tertentu. Okeh jangan lagi panjang lebar, langsung aja yah ikuti langkah-langkah berikut ini :


1. Masuk ke blogger
2. Template >> Edit HTML
3. Centang ' Expand Template Widget'
4. Cari kode </head> , tekan Ctrl + F untuk memudahkan mencari


<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>



5. Copy kode di atas, paste tepat di atas kode </head>
6. Cari kode <data:post.body/> , apabila ada 2 pilih yang kedua.


<b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h4>Silahkan Baca Ini Juga : </h4>
    <script type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>



7. Copy kode diatas, paste tepat di bawah kode <data:post.body/>
8. Simpan

Sabtu, 26 Januari 2013

Membuat/Memasang Terjemahan Google Di Blog

Google Translate adalah statistik yang bebas multibahasa mesin-terjemahan layanan yang disediakan oleh Google Inc untuk menerjemahkan teks tertulis dari satu bahasa ke lain. Kali ini ARFAST56 akan sharing tentang tutorial blog yaitu Membuat Terjemahan Google Di Blog. 
Langsung aja yah :

1. Masuk ke Blogger
2. Tata letak >> Tambah widget >> HTML/java script
3. Copy dan paste kode di bawah ini :


<!-- GTranslate: http://gtranslate.net/ -->
<a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-500px -100px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="English" /></a><a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="06" width="06" alt="French" /></a><a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="German" /></a><a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Italian" /></a><a href="#" onclick="doGTranslate('en|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('en|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Russian" /></a><a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Spanish" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16a.png');}
-->
</style>

<br /><select onchange="doGTranslate(this);"><option value="" />Select Language<option value="en|af" />Afrikaans<option value="en|sq" />Albanian<option value="en|ar" />Arabic<option value="en|hy" />Armenian<option value="en|az" />Azerbaijani<option value="en|eu" />Basque<option value="en|be" />Belarusian<option value="en|bg" />Bulgarian<option value="en|ca" />Catalan<option value="en|zh-CN" />Chinese (Simplified)<option value="en|zh-TW" />Chinese (Traditional)<option value="en|hr" />Croatian<option value="en|cs" />Czech<option value="en|da" />Danish<option value="en|nl" />Dutch<option value="en|en" />English<option value="en|et" />Estonian<option value="en|tl" />Filipino<option value="en|fi" />Finnish<option value="en|fr" />French<option value="en|gl" />Galician<option value="en|ka" />Georgian<option value="en|de" />German<option value="en|el" />Greek<option value="en|ht" />Haitian Creole<option value="en|iw" />Hebrew<option value="en|hi" />Hindi<option value="en|hu" />Hungarian<option value="en|is" />Icelandic<option value="en|id" />Indonesian<option value="en|ga" />Irish<option value="en|it" />Italian<option value="en|ja" />Japanese<option value="en|ko" />Korean<option value="en|lv" />Latvian<option value="en|lt" />Lithuanian<option value="en|mk" />Macedonian<option value="en|ms" />Malay<option value="en|mt" />Maltese<option value="en|no" />Norwegian<option value="en|fa" />Persian<option value="en|pl" />Polish<option value="en|pt" />Portuguese<option value="en|ro" />Romanian<option value="en|ru" />Russian<option value="en|sr" />Serbian<option value="en|sk" />Slovak<option value="en|sl" />Slovenian<option value="en|es" />Spanish<option value="en|sw" />Swahili<option value="en|sv" />Swedish<option value="en|th" />Thai<option value="en|tr" />Turkish<option value="en|uk" />Ukrainian<option value="en|ur" />Urdu<option value="en|vi" />Vietnamese<option value="en|cy" />Welsh<option value="en|yi" />Yiddish</select>

<script type="text/javascript">
/* <![CDATA[ */
if(top.location!=self.location)top.location=self.location;
window['_tipoff']=function(){};window['_tipon']=function(a){};
function doGTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;if(location.hostname!='translate.googleusercontent.com' && lang_pair=='en|en')return;else if(location.hostname=='translate.googleusercontent.com' && lang_pair=='en|en')location.href=unescape(gfg('u'));else if(location.hostname!='translate.googleusercontent.com' && lang_pair!='en|en')location.href='http://translate.google.com/translate?client=tmpg&hl=en&langpair='+lang_pair+'&u='+escape(location.href);else location.href='http://translate.google.com/translate?client=tmpg&hl=en&langpair='+lang_pair+'&u='+unescape(gfg('u'));}
function gfg(name) {name=name.replace(/[[]/,"\[").replace(/[]]/,"\]");var regexS="[?&]"+name+"=([^&#]*)";var regex=new RegExp(regexS);var results=regex.exec(location.href);if(results==null)return "";return results[1];}
/* ]]> */
</script>
<script type="text/javascript" src="http://joomla-gtranslate.googlecode.com/svn/trunk/gt_update_notes0.js"></script>


4. Simpan

Kamis, 24 Januari 2013

Membuat Fan Page Malayang Dengan Tombol Close Pada Blog


Pada penempatan Fan Page biasanya berada pada widget yang tidak setiap kali dilihat oleh pengunjung blog sobat. Hal ini membuat Fan Page sobat miskin like. Kali ini ARFAST56 akan sharing artikel untuk sobat yang memerlukan yaitu Membuat Fan Page Malayang Dengan Tombol Close Pada Blog. Dengan cara ini Fan Page dapat mudah dilihat oleh para pengunjung blog sobat.

Langsung aja yah , :



1. Masuk ke Blogger
2. Tata Letak >> Tambah Gadget >> HTML/javascript
3. Copy dan paste kode berikut ini :

<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 10);
}
ftlObj = ml("topbar");
stayTopright();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQcMn_gzIkLIa5E9O4UnFbzVOv0IpjN-Qp6Xz1jCG9JYKhAXKKAaHlD89qYGNGHzf9iL-H8Ng8i_jvq3EWJ1br0XLvn54ZOH8KCvUraxVSkZnKSQon9yT1n86WpCdZpRow67yRAknmNkg/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Farfah.setyo&amp;width=240&amp;height=390&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=123320381077168" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:290px;" allowtransparency="true"></iframe>

</div>
</center>
</div>


4. Ganti kode berwarna MERAH dengan kode Fan Page sobat
5. Simpan.

Senin, 21 Januari 2013

Membuat Search Engine Blog

Hallo sobat, ARFAST56 kali ini akan sharing tutorial blog yaitu Membuat Search Engine Blog. Search Engine adalah komponen yang wajib dalam blog, gunanya adalah untuk memudahkan para pengunjung menjelajah di blog sobat.

Search Engine ini bekerja secara lokal, berarti hanya untuk dalam blog, tidak seperti yahoo,dan google yang terikat pada referensi luar. Nah langsung aja ya ikuti cara-cara berikut ini :

1. Masuk ke Blogger
2. Tata Letak >> HTML/java script
3. Masukan kode berikut :




<form action="arfast56.blogspot.com/search" id="searchform" method="get" name="searchform">
<input id="s" name="q" type="text" value="" /> <input id="searchsubmit" type="submit" value="Search" /> </form>
</center>

5. Paste di HTML/java script
6. Ubah tulisan berwarna merah dengan link blogger sobat
7. Simpan

Jumat, 18 Januari 2013

Membuat Komentar Bentuk Scroll Pada Blog


Komentar blog sobat yang terlalu banyak, itu pasti akan menjadi kendala blog menjadi berat / lambat loading. Dan juga blog sobat akan memanjang layaknya kereta api. ARFAST56 kali ini akan memberi solusi untuk sobat yang memerlukannya. Membuat scroll pada komentar blog, menjadikan blog sobat lebih rapih dan mengurangi kelambatan loading.

Ikuti cara-cara berikut :


1. Masuk ke Blogger
2. Template >> Edit HTML
3. Centang "Expand Widget Template"
4. Tekan Ctrl + F untuk memudahkan pencarian

        cari kode berikut :
| <div class='comments' id='comments'> |

5. Tambahkan kode

| style='max-height:300px;overflow:auto;'  |

6. Sehingga menjadi :

| <div class='comments' id='comments' style='max-height:300px;overflow:auto;'> |

    
7. Simpan Template

Senin, 14 Januari 2013

Cara Mengubah Nofollow Blog Menjadi Dofollow Blog


Pada kesempatan kali ini, ARFAST56 akan membahas Cara Mengubah Nofollow Blog Menjadi Dofollow Blog. Perhatikan yah cara-caranya berikut ini, jangan sampai blog kamu hancur gara-gara kamu tidak memperhatikannya :D hahaha. Oke langsung aja yah . Cek Ki dot ::

Ikuti Cara-cara Berikut :

1. Login ke blogger
2. Template >> edit HTML
3. Centang "Expand Template Widget"
4. Tekan CTRL + F untuk memudahkan pencarian
5. Cari kode seperti di bawah ini :

    rel='nofollow' 

ada beberapa kode seperti di atas. biasanya ada 3

6. Hapus semua kode rel='nofollow'  

7. Simpan Template

Nah akhirnya blog anda sudah menjadi blog Do Follow, Selamat yah ;) .

Semoga artikel ini bermanfaat .


Memasang / Membuat Kotak Iklan Blog Melayang di Kiri dan Kanan Layar


1. Masuk Ke Blogger
2. Tata Letak
3. Tambah Gadget >> HTML / Java Script
4. Copy Kode Dibawah Ini, Lalu Paste di Tempat Tersebut.



<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>

    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>

    <!--start: floating ads-->
    <div id="teaser2" style="width:autopx; height:0; text-align:right; display:scroll;position:fixed; top:5px;left:5px;">

    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuQRy98AVMBmraZ_hsJvHCM1JwwOgS0mpA7SGVJ67sJAKCFFOIvCA-wBGPjXWEUR1XwBEgDrbPV4N4NWnXCtHvoZ62p00rRwNK_Qdf4CEg9_oUHFeddjYFdgvztjENkhnuli2o4YauQSVv/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->
 



KODE IKLAN KAMU

    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuQRy98AVMBmraZ_hsJvHCM1JwwOgS0mpA7SGVJ67sJAKCFFOIvCA-wBGPjXWEUR1XwBEgDrbPV4N4NWnXCtHvoZ62p00rRwNK_Qdf4CEg9_oUHFeddjYFdgvztjENkhnuli2o4YauQSVv/s1600/PhoXo2.png'/></center></a></div>

    <!--Mulai-->


    KODE IKLAN KAMU


    <!--Akhir-->

    </div>
    <!--end: floating ads-->

* Tulisan Warna Merah, Ganti Dengan Kode Iklan Kamu