PPC Iklan Blogger Indonesia
  • Pasang Banner Anda Di Sini
  • Pasang Banner Anda Di Sini
Tampilkan postingan dengan label ngeblog. Tampilkan semua postingan
Tampilkan postingan dengan label ngeblog. Tampilkan semua postingan

Cara Membuat Blog Di Blogspot

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Blog Di Blogspot. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. daftar klik di sini
2. masukkan akun gmail dan password anda


3. klik login
4. nah, setelah itu anda akan di bawa ke tab dashboard
5. klik buat blog yang ada di sebelah kiri
6. isi judu blog anda dan url blog yang anda inginkan (ingat, url blog harus available / di ceklis seperti gambar di bawah)7. pemilihan template dapat dilakukan kapan saja (jadi nanti2 aja milih nya) :D
8. klik buat blog
9. selesai, blog anda sudah jadi dan dapat dipublishkan

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Header Menjadi 2 Kolom Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Header Menjadi 2 Kolom Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari code berikut ini (gunakan CTRL+F agar lebih cepat)


#header-wrapper
{
  height:80px;
  width:950px;
  font-family:Helvetica;
}

#header-inner
{
  background-position:center center;
  margin-left:auto;
  margin-right:auto;
}

#header
{
  text-shadow:1px 1px 1px #FCFCFC;
  text-align:left;
  margin:15px 0 0;
}


5. setelah ketemu code di atas, lalu hapus dan ganti dengan code di bawah ini


#header-wrapper {
width:960px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:180px;
}

#head-inner {
width:480px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#FFFFFF;
}

#r_head {
width:480px;
float:left;
padding-top:10px;
}


6. cari lagi code berikut ini


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' Blog (Header)' type='Header'/>
</b:section>
</div>



7. setelah ketemu code di atas, lalu hapus dan ganti dengan code di bawah ini


<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>


8. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Kotak Komentar Facebook dan Blog Berdampingan

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Kotak Komentar Facebook dan Blog Berdampingan. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah ini tepat di atas ]]></b:skin> (gunakan CTRL+F agar lebih cepat)


.comments-page { background-color: #f2f2f2;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}


5. paste kan code di bawah ini tepat di atas </head>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='http://www.facebook.com/rianspycer' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>


NB : ganti tulisan yang berwarna merah dengan URL facebook anda

6. paste kan code di bawah ini tepat di bawah <div class='comments' id='comments'>


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='100' width='480'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>


NB :
- jika <div class='comments' id='comments'> ada 2 , maka paste kan code tadi sebanyak 2x
- tulisan yang berwarna merah adalah jumlah komentar yang akan di tampilkan
- tulisan yang berwarna biru adalah lebar kotak komentar
- hapus tulisan yang berwarna pink jika terdapat code yang sama di bawah nya

7. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Mudah dan Cepat Menambah Satu Kolom Widget Di Atas Postingan Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Mudah dan Cepat Menambah Satu Kolom Widget Di Atas Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari code berikut ini (gunakan CTRL+F agar lebih cepat)


<b:section class='main' id='main' showaddelement='no'>


5. ganti 'no' menjadi 'yes'
6. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Menu Dropdown Di Atas Header / Judul Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Menambah Satu Kolom Widget Di Atas Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah tepat di atas ]]></b:skin>


/*The top Menu*/
#top{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
border-bottom:1px solid #373127;
}
#top-wrap{
margin:auto;
padding: 0;
width: 960px;
background:#000000;
}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: georgia; font-weight:bold; font-size:10px;display:block;padding:10px 10px;color:#fff;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
/*The top Menu*/
#med{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
}
#med-wrap{
margin:auto;
padding: 0;
width: 960px;
}
.mednav ul {list-style:none;margin:0;padding:0px; float:left;}
.mednav li {float:left;margin:0;text-align:center;}
.mednav li a {font-family: georgia; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#000000;text-decoration:none; text-transform:lowercase;}
.mednav li a {background:none; }
.mednav li a:hover, li a:focus, li a:active {text-decoration:underline; color:#000000;}
#navbar-iframe {
display: none !important;
}


6. kemudian paste kan code di bawah ini tepat di bawah <div id='main-wrapper'>


<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://bangonces.blogspot.com/search/label/blackberry'>BlackBerry</a></li>
<li><a href='http://bangonces.blogspot.com/search/label/ngeblog'>Blog</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>


NB :
- ganti tulisan yang berwarna merah dengan url tujuan anda
- ganti tulisan yang berwarna biru dengan judul anda

7. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Menambah Satu Kolom Widget Di Atas Postingan Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Menambah Satu Kolom Widget Di Atas Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah tepat di atas ]]></b:skin>


.atas posting{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #ccc;
}
.atas posting .widget{
}


5. kemudian paste kan code di bawah ini tepat di bawah <div id='main-wrapper'>


<b:section class='atas posting' id='atas posting' preferred='yes'/> 


6. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Tulisan Tautan Link Menjadi Warna Warni

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Tulisan Tautan Link Menjadi Warna Warni. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :

 
1. silahkan login akun blogger anda
2. klik menu tata letak
3. klik tambah gadget, lalu pilih HTML/Java Script
4. masukkan code di bawah ini ke dalam nya


<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/kedip_rainbow.js
' type='text/javascript'/>


(sorot kursor anda ke link di bawah ini)
HASIL : Blog Si Onces


5. klik simpan , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Tombol Like, Share Facebook dan Twitter Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Kotak Komentar Facebook Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget\
4. cari code berikut ini (gunakan CTRL:+F agar lebih cepat)

<data:post.jumpText/></a> 
      </div>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>

5. paste kan code di bawah tepat di bawah code </b:if> yang tadi


<iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>


6. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Kotak Komentar Facebook Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Kotak Komentar Facebook Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :

 
1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah tepat di atas code <div class='post-footer'> (gunakan CTRL:+F agar lebih cepat)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='100' width='460'/></div>
    </b:if>


5. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat / Memasang Meta Tag SEO Friendly Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat / Memasang Meta Tag SEO Friendly Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah tepat di bawah code <b:include data='blog' name='all-head-content'/> (gunakan CTRL:+F agar lebih cepat)


<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Deskripsi Blog Anda' name='description'/>
<meta content='Keyword Blog Anda'='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Global' name='distribution'/>
<meta content='all' name='robots'/>
<meta content='all' name='spiders'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='never' http-equiv='xpires'/>
<meta content='general' name='rating'/>


NB :
- ganti tulisan yang berwarna merah dengan deskripsi blog anda
- ganti tulisan yang berwarna biru dengan keyword blog anda

5. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Scroll Menu Di Sidebar Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Scroll Menu Di Sidebar Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu tata letak
3. klik tambah gadget, lalu pilih HTML/Java Script
4. masukkan code di bawah ini ke dalam nya



<div style="overflow: auto; height: 150px; text-align: left;">

<a href="URL TUJUAN">JUDUL</a>
<a href="URL TUJUAN">JUDUL</a>

</div>


NB :
- angka yang berwarna pink adalah tinggi dari widget tersebut
- ganti tulisan yang berwarna merah dengan URL TUJUAN anda
- ganti tulisan yang berwarna biru dengan judul yang anda inginkan

5. klik simpan , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Show Hide Pada Kotak Komentar Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Show Hide Pada Kotak Komentar Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. paste kan code di bawah ini tepat di atas ]]></b:skin>


#comments {
display : none;
}
.tombol-komentar a{
text-align: center;
}
.stylewadah {background: #CCC;
padding: 5px;
}


5. kemudian paste kan juga code di bawah ini tepat di atas </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
    $(&quot;.tombol-komentar&quot;).click(function(){
        $(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);
        $(this).toggleClass(&quot;active&quot;);
        return false;
    });
});
</script>


6. kemudian paste kan code di bawah ini tepat di bawah <b:includable id='comments' var='post'>


<center>
<div class='stylewadah'>
<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>
</a>
</div>
</center>


7. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Gadget Hamster Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Gadget Hamster Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :
1. silahkan login akun blogger anda
2. klik menu tata letak
3. klik tambah gadget, lalu pilih HTML/Java Script
4. masukkan code di bawah ini ke dalam nya


<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>


NB :
- tulisan yang berwarna merah adalah lebar gadget tersebut
- tulisan yang berwarna biru adalah tinggi gadget tersebut

5. klik simpan , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Burung Twitter Terbang Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Burung Twitter Terbang Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu tata letak
3. klik tambah gadget, lalu pilih HTML/Java Script
4. masukkan code di bawah ini ke dalam nya


<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7b_5l1FcFG5fOIFPyjmb6vopbXO4QcNSM7xDfa6uIW_-rQXtTHMvfHYjZavsVSs_pk98ZAO3NCaXGBU5MgdHJROxHJxEor_fkLvtoqUqVHd36CQJ1BiiILu_zEMDcYmU6bbO-uwE0hE0/s1600/Green+bird.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "https://twitter.com/rianspycer";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


NB : ganti tulisan yang berwarna merah dengan URL twitter anda

5. klik simpan , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Auto Read More Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Auto Read More Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari kode </head> (gunakan CTRL:+F agar lebih cepat)
5. paste kan code di bawah ini tepat di atas code </head>


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
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. kemudian cari lagi kode <data:post.body/>
7. ganti code <data:post.body/> dengan code yang 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 style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>


8. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Menghilangkan Tulisan Langganan Entri (Atom) Di Bawah Postingan Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Menghilangkan Tulisan Langganan (Entri Atom) Di Bawah Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :

1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari kode di bawah ini (gunakan CTRL:+F agar lebih cepat)


<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>


5. jika code di atas sudah ketemu, kemudian hapus code tersebut
6. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Author Box Di Bawah Postingan Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Author Box Di Bawah Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :

1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari kode <div class='post-footer'> (gunakan CTRL:+F agar lebih cepat)
5. paste kan code di bawah ini tepat di atas code <div class='post-footer'>


<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img height='80' src=' http://i1295.photobucket.com/albums/b639/Dalang_Rian_Aries_Spycer/RianSpycer.jpg ' width='75'/>
Saat ini anda sedang membaca artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Semoga artikel ini dapat bermanfaat dan berguna untuk anda. Kritik dan saran silahkan kirim melalui kotak komentar di bawah ini .... <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://berbagi02.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->


NB :
- ganti tulisan yang berwarna merah dengan URL foto anda
- ganti tulisan yang berwarna biru dengan URL blog anda

6. kemudian cari lagi kode ]]></b:skin>
7. paste kan code di bawah ini tepat di atas code ]]></b:skin>


.admin-tulisan{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #C0C0C0;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:0px solid #E6E6FA;
padding:2px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}


8. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Artikel Terkait Di Bawah Postingan Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Artikel Terkait Di Bawah Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu template, edit html
3. centang expand template widget
4. cari kode berikut ini (gunakan CTRL+F agar lebih cepat)

<data:post.jumpText/></a>
</div>
</b:if>

5. paste kan code di bawah ini tepat di bawah code  yang tadi


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:15px;height:150px;overflow:auto;border:5px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 100;
var maxNumberOfLabels = 100;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 5;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>


6. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)


Cara Membuat Recent Post Berjalan Di Blog

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Recent Post Berjalan Di Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :


1. silahkan login akun blogger anda
2. klik menu tata letak
3. klik tambah gadget, lalu pilih HTML/Java Script
4. masukkan code di bawah ini ke dalam nya


<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
        #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
        #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
        #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
        #rp_plus_img li{height:85px;padding:0px;list-style:none;}
        #rp_plus_img a{color: #000000;}
        #rp_plus_img .news-title{display:block;font-size:10px;font-weight:normal !important;color:#000000;text-align:left;}
        #rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#DF0101;text-align:justify;}
        #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:75px;height:55px;}
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
        </script>
        <script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
        </script>
        <script type="text/javascript">
        var speed = 1000;
        var pause = 3500;
        $(document).ready(function(){
        rpnewsticker();
        interval = setInterval(rpnewsticker, pause);
        });
        </script>
        <ul id="rp_plus_img"><script>
        var numposts = 20;
        var numchars = 0;
        </script> <script src="http://bangonces.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
        </script> </ul>
        </center></td></tr></tbody></table></center>


NB : ganti tulisan yang berwarna merah dengan URL blog anda

5. klik simpan , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :)