Tips kali ini saya ToturialBlogcom akan membahas lagi yang pernah saya bahas waktu dulu maka akan mengulas kembali tentang cara Cara Menambah isi Menu ke Dalam Menu Tab View Widget di blogger ,banyak sekali para blogger yang sering menayakan Cara Menambah isi Menu ke Dalam Menu Tab View Widget di blogger.saya pun tadiya pun saya juga sempet ke bingungan cara menambahkan isi ke dalam menu teb view ,saya cari google caranya pun ga ada sama sekali Cara Menambah isi Menu ke Dalam Menu Tab View ,tapi pada akhirnya saya ke temu juga cara menambahkan menu ke dalam menu tab view dengan cara mencarinya di halaman google,maka saya akan membagikan ke pada anda yang kebingungan Cara Menambah isi Menu ke Dalam Menu Tab View di blogger di bawah ini
Biyasanya tampilan menu yang di terapkan di menu teb view seperti Blog Archive,Recent Comment,menu labels,Entri Populer.maka saya kan akan jelaskan ke Pada anda cara Entri cara menambahkan Blog Archive,Recent Comment,menu labels,Entri Populer.di dalam menu tab view,ya pastinya sobat sudah memasang menu Tab View di blog atau di website sobat jika anda belum memsangnya saya akan kasih menu Tab View dengan hasil karnya saya sendiri di sini
Selanjutnya anda tinggal memasukan menu Blog Archive,Recent Comment,menu labels,Entri Populer satu persatu ke dalam menu Tab View di bawah ini yang saya akan berikan ke pada anda sobat blogger masukan satu persatu kode script di bawah ini ke dalam menu tab view
KODE SCRIPT Blog Archive
<div class='rbbox'>
<div style='margin:0; padding:2px;height:300px;overflow:auto;border:1px solid white;'>
<script src="https://problogizjs.googlecode.com/files/arsip.js">
</script>
<script src="http://toturialblogcom.blogspot.co.id/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
</div></div>
KODE SCRIPT Recent Comment PERSI TERBARU
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 15px !important;padding:0 15px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:1px;background:#00ffff;-webkit-box-shadow:0 1px 1px #000;-moz-box-shadow:0 1px 1px #000;box-shadow:0 1px 1px #000;float:left;margin:0 5px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #fff;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/seocips/seocips-script/rcwa.js"></script>
<script type="text/javascript" src="http://toturialblogcom.blogspot.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
KODE SCRIPT Entri Populer
<script type="text/javascript">
var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script><script src="http://toturialblogcom.blogspot.co.id/feeds/posts/default?alt=json-in-script&start-index=5&max-results=300&callback=randomposts" type="text/javascript">
</script>
KODE SCRIPT Leabels
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
<script style="text/javascript" src="http://enes-sc.googlecode.com/files/rc-posts.js"></script>
<ul>
<script style="text/javascript">
var numposts = 50;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://toturialblogcom.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</ul>
</div></div>
<!--Akhir Menu 2-->
Selanjut tinggal anda masukan satu persatu dan lihat hasilnya jika anda mau memasukan daptar ini blog anda atau sitemap anda ke dalam menu tab view saya akan kasih kode script daptar isi blog di bawah ini
KODE SCRIPT Dapatar isi
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn9W-OKL1qiy0DsaVuXl9rae2u-eeNZI3KoGimXKYo3n0alK4QgM6eoSOBJphLNGfnStU8q95mxHAcekkrGKRK5GewBD9ZyBr2lRkea8tozMfHS30hO12T5b71BPmzlkWSH3pe0WUiZ0o/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqGpMhGAWGB3ZzQiyshUatKbknOPjss089V8uIhziWhIKXRKtrb-HsclrRmmkJunb3AKzZYaGOi7ahCQIpLwvQhFtESvMNt8hB1MDW9WF-zzXp3URgchf2iv5dZIU4X60dajtCSj2hGvU/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Ajw9nxFL4ug_rlQKaIdJupz2EfhqW1UoslyvutQyLBkPwFzxHR3ZyFBLYq9PGlPwYthJc4RaIMovFIdfnhVRoqlj2odSxSYqSrXJFd69Hfp3SFtjTpMwzefvG_Fd3qkQZd54vqy9Aps/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ilmu-blog.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://toturialblogcom.blogspot.co.id/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
keterangan kode script yang di beri warna merah itu alamat blog maka gantikan lah dengan alamat blog anda masing masing dan save dan lihat hasilnya ,semoga anda berhasil cara Menambahkan atau Memasukan Menu ke Dalam Menu Tab View tersebut cukup sekian dari saya ,semoga anda berhasil dengan cara yang saya berikan ke pada anda dan semoga artikel ini bisa bermanpat bagi kita semunya.
0 Response to "Cara Menambah isi Menu ke Dalam Menu Tab View Widget"
Posting Komentar