Selasa, 10 Mei 2011

LINK Berkedip bintang



Selamat malam pengunjung Rian BLOG Kali ini kita akan berbagi informasi tentang link yang berkedip bintang ketika kursor melintasinya..... Oke tanpa basabasi kita langsung menuju ke tkp...
wuzz....


Berikut langkah-langkah yang harus sobat lakukan

Klik pada Design
Edit HTML
Cari kode berikut:
</head>


kemudian letakan kode berikut tepat diatas kode



Spoiler:




<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZp-23-m0zezUDnokF_BxEJHWca0daptaLdjDQJ9GmAkilyGqplbcmQFbYUiRPVnqj2knQ8y-5pCKZ-QjFT9JrKhNFyjMvpFuN6f6hDLQbUmAv3JdGdwn8HmDkaNe9ni3YK_L58wPve6I/s1600/blink.gif); }
</style>











MEMBUAT LINK BLOG MIRING


Ada banyak cara untuk membuat blog menjadi lebih menarik... diantaranya dengan membuat link menjadi miring ketika kursor melintas di dekatnya.. caranya sangat mudah buat sobat yang pengen menerapkan di blognya silahkan ikuti langkah-langkah berikut...

1. Login ke bloger
2. Rancangan
3. Edit html

Cari kode berikut:
font-style:italic;
Tambahkan hingga menjadi seperti ini

a:hover{
font-style:italic;
...}


Lalu save..

OPEN NEW TAB LINK


Membuat open new tab link pada kotak komentar.. agar pengunjung tidak keluyuran di link-link sahabat yang berkomentar ada baiknya mencoba cara ini.. tanpa banyak basa basi ikuti langkah berikut..
Berikut cara membuat Open new tab link komentar

1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Beri tanda centang di kotak kecil kanan atas
5. Kemudian cari kode
6. Dibawah nya terdapat kode seperti ini
7. Kemudian tambahkan kode target='_blank' setelah tulisan 'nofollow'
8. Maka hasilnya akan seperti ini


Simpan tamplate anda dan lihat hasilnya.

Membuat recen coment blog


Apa kabar pengunjung rianaprianto Blog kali ini kita akan bahas tentang membuat recen comment blog berikut cara membuat recen coment pada blog * Buka Dashboard blog anda
* Klik
Layout, lalu pilih Page Elements
* Klik Add a Gadget, lalu pilih Feed
* Pada jendela Configure Feed, masukkan feed komentar blog anda. Contoh: http://rian- tips-trik.blogspot.com/feeds/comments/default
* Klik Continue



Setelah itu save................

Membuat relate post


Apa kabar pengunjung rianaprianto Blog kali ini kita akan sharing tentang bagaimana membuat related post dibawah postingan caranya mudah

jika sobat ingin menerapkannya di Blog sobat ikuti langkah berikut
Berikut membuat artikel yang berhubungan :

1.Login ke blogger Blogger


2.Pilih menu Tataletak lalu pilih edit HTML


3.Setelah itu beri tanda centang pada kotak "Expand Widgets Template".

cari kode berikut <data:post.body/>

letakkan kode dibawah ini tepat dibawah
<data:post.body/>



Spoiler:





<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>


<div class='widget-content'>

<h3>Related Post</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>


var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;



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;data2007&#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>


</div>

</b:if>











Relate post dengan fungsi scroll



Hiii pengunjung rianaprianto Blog kali ini kita akan sharing tentang membuat related post dengan fungsi scroll dulu saya pernah posting tentang cara membuat related post bedanya kali ini kita memberikan fungsi scroll

yang harus sobat lakukan adalah:



1.Login ke blogger dengan id anda


2.Tuju TataLetak


3.Pada tab menu, pilih Edit HTML


4.Centang kotak kecil Expand Template Widget

cari kode berikut <p><data:post.body/></p>

letakan kode ini dibawahnya
<p><data:post.body/></p>





Spoiler:




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
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>








kemudian cari kode ]]></b:skin>
letakan dibawahnya
]]></b:skin>






Spoiler:




/*-- modifikasi related posts oleh http://rian-tips-trik.blogspot.com--*/
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}











Tips DisainBlog keren


Disain Blog, setiap orang pasti menginginkan blognya menjadi lebih berwarna,keren,memukau,dan sebagainya.. kali ini kita akan sharing tentang Tips Disain Blog
Untuk mendisain Blog tergantung dari selera yang mempunyai blog, tapi alangkah baiknya disain blog itu sama dengan tema blog nya ... Anggaplah Blog sobat sebagai rumah tempat tinggal sobat... sobat bisa mengatur warna,tempat dan sebagainya sesuai selera sobat... disainlah blog sobat semaksimal mungkin tapi ingat jangan terlalu memberi beban terhadap blog sobat,, seperti gambar, atau file-file- yang kurang penting. karena itu akan mengakibatkan blog menjadi berat dan pengunjungpun akan ogah berlama-lama di blog sobat...
sekian tips dari saya...