Sunday, September 18, 2011
Wednesday, September 14, 2011
Thursday, September 8, 2011
Saturday, September 3, 2011
Tuesday, August 30, 2011
Memasang Breadcumb di Blogger
Pemasanganya sendiri tidak terlalu rumit dan tergolong mudah di praktekkan bahkan untuk seorang pemula blogger.
Untuk mamasangnya, yang harus kamu lakukan adalah masuk ke Blogger >> Design >> Edit HTML (beri tanda centang pada opsi expand widget template)
Selanjutnya kamu cari struktur kode seperti ini <b:includable id='post' var='post'> kemudian letakkan struktur kode berikut di bawahnya (di bawah kode <b:includable id='post' var='post'>)
.<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
Selanjutnya kamu cari kode ]]></b:skin>. kalau sudah kamu letakkan kode berikut sebelum atau di atas kode ]]></b:skin>.
..breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Kemudian simpan pengaturan template kamu dan lihat blog kamu sekarang...
Selamat mencoba, semoga berhasil.
Membuat Widget Posting Terbaru dengan Gambar
2. Rancangan -> edit HTML -> tambah gadget (HTML/JavaScript)
3. Copas Script dibawah ini
<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "http://rhynoa.blogspot.com/";
</script>
<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>
NB :
numposts = 5 adalah jumlah posting yang akan ditampilkan.
Dan jangan lupa ganti tulisan yang berwarna biru dengan alamat blog sobat.
4.Save
Monday, August 29, 2011
Membuat Related Post dengan Scroll
- Login ke blogger dengan idkamu
- Tuju TataLetak
- Pada tab menu, pilih Edit HTML
- Centang kotak kecil Expand Template Widget
- Cari kode <p><data:post.body/></p> Letakkan kode berikut di bawah kode tadi :
- Klik SIMPAN TEMPLATE
<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>Cara Merubah Favicon (Icon Blogger)
1. Login ke www.blogger.com dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Expand widget template
4. Kemudian menempatkan kode html berikut di atas </head>
<link href='TEMPAT KAMU MENYIMPAN IMAGE KAMU' rel='SHORTCUT ICON'/>
misalnya:
<link href='http://i1112.photobucket.com/albums/k490/cukrix/Pussycat.gif' rel='SHORTCUT ICON'/>
5. Klik Save template.
Subscribe to:
Posts (Atom)
