Cara Membuat Link Sumber Otomatis

Membuat Link Sumber Otomatis Ketika dicopas >> Membuat Link Sumber Otomatis Ketika dicopas, Memberi Link Sumber Otomatis Ketika artikel dicopas, atau memberi link yang tampil secara otomatis ketika artikel pada postingan blog kita di copy paste orang sangat mudah, copy paste artikel postingan blog menurut saya boleh-boleh saja, saya yakin semua blogger kita pernah juga copy paste, eits... tapi lihat-lihat dulu etikanya!



Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,nih Bayyu punya scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini!

1. Login ke blog kamu
2. Klik Rancangan
3. Klik edit html
4. Centang expand template widget dan jangan lupa backup.
5. Copy dan paste kode berikut tepat diatas kode template kamu.
   

6. Lalu simpan.

Untuk mengeceknya silahkan copy paste artikelmu pada notepad atau kotak postingan, jika berhasil maka akan ada link sumber otomatis pada apa yang kamu copas.Mudah kan cara membuat link sumber otomatis ketike artikel artikel di copas? semoga berguna.

Read More

Cara Membuat Related Post

Add caption

Cara Membuat Related Post  >> Related post atau artikel terkait sangat penting di blog,disamping SEO relared post di blogger berfungsi memberi tahu pada pembaca tentang artikel terkait atau related post dengan artikel yang saatitu dibacanya, nah infonetmu kali ini akan memberikan script related post di blogger namun artikel yang ini tanpa gambar thumbnail. lihat gambar dibawah ini, gambar tersebut nantinya adalah hasil daripada tutorial ini jika script related post di blogger ini kamu pasang.

Cara membuat related post

1. Login ke blog kamu,klik rancangan,edit html jangan lupa centang expand template, lalu kamu cari kode ]]></b:skin> dan letakkan kode berikut tepat diatas kode ]]></b:skin>

/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}

2. Langkah berikutnya kamu cari kode <div class=’post-footer-line post-footer-line-1′> kalau tidak ada, alternatifnya cari kode ini <p class=’post-footer-line post-footer-line-1′> dan letakkan kode berikut tepat diatas kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
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>

3. Simpan template kamu.

Demikian saja cara membuat related post di blogger,kalau kamu ingin related post yang lain, baca artikel dibawah ini!

Read More

Cara MembuatAnimasi Recent post versi 2

Animasi Recent post versi 2
Sebelumnya telah saya bahas cara membuat animasi recent post...nh kali ini Ane akan membahas lagi animasi recent post yang lain yang tentu bikin penasaran  hahaha...

Meletakkan animasi recent post widget dapat men'stail'kan lagi cara membuat recent post yang ada pada blog anda. Contoh recent post widget adalah seperti berikut :
(tunggu page habis load utk melihat pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)




Berikut adalah cara-cara untuk menggunakan widget ini.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. copy code berikut dan paste di ruangan HTML/javascript

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--


#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}


#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}


.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}


-->
</style>
<script language='javascript'>


imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>


<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>

Gimana Gan menarik bukan.......

Read More

Cara Membuat Buku Tamu Keren

biasaannya, shoutbox akan berada di sidebar dan akan dapat dilihat terus. Tutorial kali ini akan menunjukkan tutorial Cara Membuat Buku Tamu tersembunyi


kenapa disembunyikan shoutbox ini? Karena untuk menampakkan page yang lebih ringkas dan mungkin juga untuk tampil unik berbanding blog-blog lain.


Tutorial Cara membuat buku tamu seperti di bawah :

1. Login akaun blogger anda, dari dashboard > design > page element > add a gadget > HTML/javascript.

2. Copy dan paste kode berikut ke ruangan html/javascript

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

KOD SHOUTBOX DISINI

<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

NB: Gantikan "KODE SHOUTBOX DISINI" dengan kode shoutbox anda.
(tiada shoutbox.?)


3. Save dan lihat hasilnya.:)

TAMBAHAN.

Secara default, tab shoutbox adalah berwarna hijau, anda boleh menukar mengikut warna yang anda mau dengan gantikan url yang anda mau.

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}

Anda copy sahaja mana² url dari tab di bawah ini.




Mantaf kan gan  hehehe......

Read More

Tips Mempercantik Bibir

Add caption

Tips Mempercantik Bibir – Bibir yang cantik tidak hanya enak di lihat,tetapi baik kaaum hawa dan adam menyukai bibir yang cantik. Karena itu, Ane memberikan tips buat kamu yang ingin empercantik Bibir kamu agar lebih cantik.

* Untuk mencegah bibir hitam dan kering, hindari dari dari merokok dan konsumsi alkhohol.
* Rutin melakukan scrub atau pengelupasan bibir dengan menggunakan sikat lembut.
* Uji coba dulu lipstick yang pengen kamu beli di tangan dulu sebelum kamu bener bener mencobanya di bibir. Pilihlah lipstick yang tidak menyebabkan kulit iritasi.
* Perbanyak minum air putih untuk mencegah dehidrasi. Karena dehidrasi bisa membuat bibir kering dan pecah-pecah.

Add caption

* Pakai lipstick yang mengandung vitamin C, E dan A dan perbanyak mengkonsumsi sayur dan buah yang mengandung vitamin c.
Beberapa tips tadi bisa di praktekan untuk anda yang ingin merawat bibir dengan benar. jangan sampai bibir kamu terlihat kering dan pucat ketika bertemu sang kekasih hehe.

Read More