ririnizhati: blogger

Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Rabu, 14 April 2010

Cara menghilangkan Navbar pada blogspot

Cara untuk menghilangkan Navbar pada blogspot

Yuk langsung mulai ajah belajar Cara Menghilangkan Navbar pada Blogspot
• Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML

• Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.

• Masukkan kode berikut sebelum atau diatas kode CSS } ]]></b:skin>

/* hilangkan navbar
â��â��â��â��â��â��â��â��â��â�� */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

• Klik tombol Simpan Template
• Selesai.
• Atau bisa juga dengan cara menaruh kode berikut persis di bawah kode

<body>:
<style type=â��text/cssâ��>
#navbar-iframe {display:none;}
</style>

Apabila anda ragu2 untuk menghilangkan secara permanen Navbar tersebut anda bisa menggunakan autohide pada navbar tersebut
Cara AutoHide Navbar Blogger :

• Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML

• Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.

• Masukkan kode berikut sebelum atau diatas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

• Klik tombol Simpan Template
• Selesai.

Cara membuat related post ( artikel terkait )

Sebagai pemula saya ingin berbagi untuk membuat related post atau yang biasa disebut artikel terkait. Berikut ini adalah langkah2 untuk membuat link artikel yang berhubungan atau membuat related post dibawah posting :

1. Login ke account blogger anda,

2. Pada dashboard, pilih edit layout–> edit HTML

3. Centang Expand widget template

4. Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F

<p><data:post.body/></p>

5. Lalu sisipkan kode2 berikut persis dibawah kode tadi

<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</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 = 100;
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>

Membuat logo dalam blog

Cara membuat logo untuk blog dan web

Anda kesulitan dalam membuat logo untuk blog Anda? tidak usah khawatir ini solusinya untuk Anda. Setelah Saya coba dan hasilnya mudah sekali membuat logo untuk blog Anda, tinggal klik klik langsung jadi dan siap di pasang di blog Anda.
Tinggal di sesuaikan dengan warna atau corak blog Anda agar matching dengan logo yang anda buat. Yang jelas tidak perlu instalasi kok semua di kerjakan online.

Ini urlnya silahkan di coba.

http://cooltext.com
http://web2.0stylr.com

Membuat judul blog bergerak

cara membuat judul blogger-blog anda bergerak, trick ini sangat cocok banget buat anda yang lagi pengen modif blogger.
login ke akun blogger anda, pada dashboard pilih layout, add a gadget, html/javascript, kemudian paste kode html yang di atas.

1. copy aja code dibawah ini, silahkan ganti tulisan dibawah ini dengan kata-kata yang anda inginkan.

<!--

judul blog bergerak

click http://penchenk.blogspot.com untuk melihat tips n trick keren blogger|penchenk

var message=document.title;

var message=message+' | '+'halo selamat dateng di blog ini';

var message=message+" ";

i="0";

var temptitle="";

var speed="150";

function titler(){

if (!document.all&&!document.getElementById)

return

document.title=temptitle+message.charAt(i);

temptitle=temptitle+message.charAt(i);

i++;

if(i==message.length)

{

i="0";

temptitle="";

}

setTimeout("titler()",speed)

}

window.onload=titler

-->

</script>

jika sudah dilakukan semuanya simpan pekerjaan anda

selesai dech.

Ririn Blog

Mengenai Saya

Pengikut

Rabu, 14 April 2010

Cara menghilangkan Navbar pada blogspot

Cara membuat related post ( artikel terkait )

Rabu, 18 November 2009

Membuat logo dalam blog

Membuat judul blog bergerak

Google search

Tulisanku