Cara Menambah atau Memasukkan Menu Ke Dalam Menu Tab View di Blog

Okeh dengan tips kali ini saya,daniblogger dari ToturialBlogcom saya akan sedikit menjelaskan tentang Cara Menambah atau Memasukkan Menu Kedalam Menu  Tab view di blogger,emang sering sekali para bloggar menayakan  tentang cara menambah kan menu atau memasukan menu ke dalam tab view di blog ,maka dari ini saya akan mebongkar rahasia Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog di blogger di bawah ini supaya anda bisa melakukan Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog sendiri dengan cara yang saya akan berikan ke pada anda agar anda bisa .

Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view tersebut emang sedikit agak ribet saya waktu dulu sempet kesulitan Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view ampir cara di lakukan tapi tetap gak berhasil.saya di google Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog belum ada yang mebahas.

Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog tapi bersabar sedikit demi sedikit alhamdulilah ketemu ketemujuga Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog ampir semua para blogger sering menyakan Cara Menambah atau Memasukkan Menu Kedalam Menu Tab View di Blog ,itu tersebut maka dari itu saya daniblogger akan sedikit membagikan toturial Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view diblogger di bawah ini semoga saya bisa membantu anda dengan Cara Membuat Menu Tab View di Blog atau Cara Menambah Menu Ke Dalam Menu Tab View di bawah ini.

PERTAMA

Kamu harus terlebih dahulu memasang menu Teb view di blog anda dan masukakan kode di bawah ini satu persatu saya akan kasih sedikit contoh buat anda biar gak salah coba anda perhatikan caranya denagan abik baik jangan anda salah di bawah ini sebagai contoh

<form action="tabview.html" method="get"> 
<div class="TabView" id="TabView"> 
<div class="Tabs" style="width: 310px;"> 
<a>Labels</a> 
<a>Tab 2</a> 
<a>Comment</a> 
</div> 
<div class="Pages" style="width: 310px; height: 450px;"> 
<div class="Page"> 
<div class="Pad"> 

Menu 1

</div> 
</div> 
<div class="Page"> 
<div class="Pad"> 

Menu 2

</div> 
</div> 
<div class="Page"> 
<div class="Pad"> 

Menu 3

</div> 
</div> 
</div> 
</div> 
</form> 
<script type="text/javascript"> 
tabview_initialize('TabView'); 
</script> 

EDIT MENJADI SEPERTI KODE SCRIPT MENU TAB VIEW DI ATAS MENJADI EDIT MENJADI SEPERTI DI BAWAH INI

<form action="tabview.html" method="get"> 
<div class="TabView" id="TabView"> 
<div class="Tabs" style="width: 310px;"> 
<a>Labels</a> 
<a>Tab 2</a> 
<a>Comment</a> 
</div> 
<div class="Pages" style="width: 310px; height: 450px;"> 
<div class="Page"> 
<div class="Pad"> 

<style> img.recent_thumb {padding-right:8px;padding-left:padding-bottom:0px;0px;width:70px;height:55px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script> <script style="text/javascript"> var numposts = 50; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 200; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

</div> 
</div> 
<div class="Page"> 
<div class="Pad"> 

<!--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-->

</div> 
</div> 
<div class="Page"> 
<div class="Pad"> 

<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&amp;start-index=5&amp;max-results=300&amp;callback=randomposts" type="text/javascript">
</script>

</div> 
</div> 
</div> 
</div> 
</form> 
<script type="text/javascript"> 
tabview_initialize('TabView'); 
</script> 

Maka akan jadi seperti gambar berikut ini

                       

2 Selanjutnya, tinggal anda masukan satu persatu kedalam menu tab view seperti kode yang di atas
KODE SCRIPT MENU ENTRI PAPULER

<style> img.recent_thumb {padding-right:8px;padding-left:padding-bottom:0px;0px;width:70px;height:55px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script> <script style="text/javascript"> var numposts = 50; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 200; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

KODE SCRIPT MENU LABELS 

<!--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-->

Gantiakn tulisan yang berwarna merah Gantikan dengan alamat blog anda....!!!!!

KODE SCRIPT MENU BLOG ARCHIVE 

<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&amp;start-index=5&amp;max-results=300&amp;callback=randomposts" type="text/javascript">

</script>

Gantiakn tulisan yang berwarna merah Gantikan dengan alamat blog anda ...!!!!!

Bila anda ingin mamasukan  Porot komentar di blog kodenya adalah di bawa ini 

KODE SCRIPT MENU COMMENTS TERBARU

<script style="text/javascript" src="https://problogizjs.googlecode.com/files/comments.js"></script>

<script style="text/javascript">var numcomments = 10;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script>

<script src="http://toturialblogcom.blogspot.co.id/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Gantiakn tulisan yang berwarna merah Gantikan dengan alamat blog anda ...!!!!!

Kemudian Tinggal anda save dan lihat hasilnya semoga anda berhasil dalam melakukan Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view di blogger ,bila anda masih bingng Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view di blogger anda bisa menayakan ke pada saya lewat berkomentar di bawah ini semoga saya bisa membantu anda dalam kesulitan Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view di blgger semoga saya bisa membantu anda cukup sekian dari saya salam blogger semoga artikel ini bisa membantu anda Cara Menambah atau Memasukkan Menu Kedalam Menu Tab view dan semoga bermanpaat bagia anda atau kita semuwanya. salam blogger.

>>>>VODEO TOTURIALBLOGCOM<<<<

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: