Widget Post Terbaru latest | Recent Post

Widget " Recent Post " ini menarik perhatian LBT . Mengapa ? kerana ada navigasi ( previous , home , next ) yang mudah dan frienly  bagi pelawat .

TUTORIAL

1. Copy kod ini. :

<style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://Alamatbloganda.blogspot.com";
    var charac = 40;
    var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>

2 . Paste pada "HTML/javascript" dalam blog anda.

NOTA
Pink : jumlah paparan yang hendak dipaparkan
Merah : tukarkan url blog anda
Biru : Patah kata yang ingin dipaparkan ( keterangan )

3. Save dan lihat hasilnya

terima kasih http://arlinadesign.blogspot.com/2015/06/recent-post-widget-dengan-navigasi.html

Cara masukkan HTML javascript dalam blogger


Salam dari LBT  "Cara masukkan HTML javascript dalam blogger" merupakan cara yang paling penting untuk semua blogger tahu . Ini kerana , jika anda ingin memasukkan widget dalam blog LBT atau blog lain anda perlu tahu cara nak masukkannya .

TUTORIAL 

1. Bukak blogger ( https://www.blogger.com/ ) kemudian daftar masuk akaun anda

2. Tekan pada " Layout " sila rujuk gambar dibawah


3. Kemudian , anda tekan pada " Add a Gadget " . Add a gadget ni banyak ,  ada dibawah sidebar , footer , main , banner dan lain-lain , tapi kebiasaanya jika ingin menambah widget seorang blogger akan memilih di posisi sidebar 


4.  Satu paparan pop out akan keluar  , anda scrool kebawah sedikit dan akan menjumpai " HTML/JavaScript " , tekan pada button +



5. Paparan lain akan keluar  . 
pada bahagian title , anda masukkan apa-apa sahaja ( anda jika boleh biarkan ia kosong )
content , masukkan code javascript yang anda copy .



6.  Selesai masukkan code , pastikan anda tekan save untuk simpan

7. Tahniah , anda berjaya masukkan widget ke dalam blog anda , boleh lihat hasil blog anda

8. Anda boleh " edit " dengan tekan edit pada widget yang anda telah buat . Anda juga boleh " remove " widget tersebut

9. Sekian dari LBT 

Letak Lagu Di Blog Dari Youtube



Kalau ada lagu di blog pasti meriah kan ? baik , sesetengah orang ada yang suka , dan pastinya ada yang tidak suka . Yang tidak suka tu duduk diam-diam . LBT nak bagi kepada yang suka sahaja. hehe

1. Add widget : Layout > Add a Gadget > Html/JavaScript

2. Copy code dibawah , kemudian paste di dalam kotak yang disediakan :

<div style="position: fixed; top: 10px; left: 5px;">
<iframe width="15" height="10" src="https://www.youtube.com/embed/Age-siiiwer?rel=0&amp;autoplay=1&amp"></iframe>
<font color=#000000>PAUSE DISINI</font>

</div>

NOTA LBT :

Hijau : left , anda boleh tuka right ( untuk kanan )  atau center ( untuk tengah )
Biru : anda boleh tukar dengan masukkkan URL lagu dari youtube.com
Merah: anda boleh tukar dengan ayat anda sendiri

3. Save . Selamat menikmati lagu di blog anda

Cara Letak Linkwithin Dalam Blog





Antara kelebihan menggunakan linkwithin adalah:

1. Paparan thumnail yang menarik
2. memudahkan pelawat untuk klik pautan yang berkaitan sekaligus menaikkan traffic blog anda


TUTORIAL :

1. Buka web www.linkwithin.com

2. Isi detail anda





Jika background anda gelap,tick pada kotak kosong kecil tu, dan pastikan anda masukkan bilangan yang sesuai dengan lebar blog anda.

3. Klik pada install widget

4. Pilih blog anda ingin masukkan linkwithin  ( pilih jika anda ada lebih dari 1 blog, kemudian klik add widget


5. Selesai , jangan lupa untuk save ( simpan ) 

Hapuskan Klik Kanan | Disable Right Click


#Copycat ? pernah dengar perkataan ini ? maknya orang copy dan paste artikel kita tanpa sebarang kredit diberi ataupun mengaku entry yang dibuat adalah hak milik sendri.


Dengan menambah widget anti copycat ni , kotak amaran akan keluar seperti gambar dibawah
Berikut adalah cara yang mudah untuk menggunakan fungsi ini.

1. Copy kod ini. :

<script language=JavaScript><!--
//edit by Lanun

var message="Masukkan Mesej Anda Disini";
///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
// --></script>

2 . Paste pada "HTML/javascript" dalam blog anda. Sila ubah perkataan "Masukkan Mesej Anda Disini" dengan ayat anda sendiri


3. Selesai , Wahai #copycat . selamat tinggal 

Animasi Posting Terbaru | Animated Recent Post Widget v1


Widget yang menarik bagi LBT , dengan widget ini , posting terbaru anda akan bergerak turun naik . dengan ini memudahkan pelawat klik pada posting lain.


Berikut adalah TUTORIAL untuk menggunakan widget ini.

1. Dari dashboard - layout - Add a Gadget - HTML/JavaScriptAdd

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://lanunblogtutorial.blogspot.com/2011/10/animated-recent-post-widget-v1.html" target="_blank">LBT</a></small>

Note: gantikan
URL BLOG dengan url blog anda..

3. Save dan lihat hasilnya.