Cara Membuat Menu Label Masakan Di Blog

 Cara Membuat Menu Label Masakan Di Blog -  . Terserahlah mau memberikan judul apa untuk tutorial yang satu ini. Jika anda Tertarik untuk membuat trik yang satu ini ikutilah langkah - langkah di bawah ini :

1.Pertama-tama Login Blogger.
2.Langkah kedua Masuk Dashboard - Template - Edit HTML - Centang Expand Widget Template - Kemudian Cari Kode ]]></b:skin> Untuk mempercepat Proses Pencarian Kode Gunakan Ctrl + F, Kemudian Masukkan Kode ]]></b:skin> Jika sudah anda ketemukan Kode Tersebut kemudian Masukkan Kode di bawah ini tepat di atas Kode ]]></b:skin> :

1. .markermenu{width:110px;position:relative}  
2.   
3. .markermenu ul{list-style-type:none}  
4.   
5. .markermenu ul li a{background:#008e04;font:bold 12px &quot;Lucida Grande&quot;,&quot;Trebuchet MS&quot;color:#fff;display:block;font-color:#fff;width:auto;padding:5px;text-decoration:none;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);opacity:.850;filter:alpha(opacity=85)}  
6.   
7. .markermenu ul li a:visited,.markermenu ul li a:active{color:#fff}  
8.   
9. .markermenu ul li a:hover,.markermenu ul li a.selected{color:#fff;background-color:#f60}  
10.   
11. .markermenu a:link,.markermenu a:visited{font-size:12px;font-weight:bold;color:#fff;text-decoration:none}  
12.   
13. .markermenu a:hover{color:#fff;background-color:#008e04}  
14.   
15. .resep{background:url(http://lh4.ggpht.com/_dfnTVAxeWMI/S4FbLs-M7oI/AAAAAAAADUo/gqSMm_QME-I/bgbtk1.gif);border:1px solid #eee;padding:2px;font:12px/1.4em Arial,text-align:justify;sans-serif;width:100%}  
16.   
17. .resep img{border:2px solid #ccc;vertical-align:middle;margin-bottom:1px;height:80px;width:80px}  
18.   
19. .resep ul li{font-size:1em;line-height:15px;padding:0 0 6px 12px}  

Simpan Template.

3.Langkah Ketiga Tata Letak - Tambah Gedget - Add Java Scrip - Masukkan Kode Di bawah ini kedalam Gerget tersebut :

1. <div style="font-weight:bold; color:#BB2000; font-size:15px; padding:5px 5px 5px 2px;text-align:left;">Tempatnya <span style="color:#008E00;font-weight:bold;font-size:17px;">MASAKAN</span></div>  
2.   
3.   
4.   
5. <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = true;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 90;</script>  
6.   
7.   
8.   
9. <script type="text/javascript" src="/feeds/posts/default/-/Food?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>  
10.   
11.   
12.   
13. <div class="toprelated left">  
14.   
15. <script type="text/javascript">  
16.   
17. function recentpostslist(json) {  
18.   
19.  document.write('<ul>');  
20.   
21.  for (var i = 1; i < json.feed.entry.length; i++)  
22.   
23.  {  
24.   
25.     for (var j = 1; j < json.feed.entry[i].link.length; j++) {  
26.   
27.       if (json.feed.entry[i].link[j].rel == 'alternate') {  
28.   
29.         break;  
30.   
31.       }  
32.   
33.     }  
34.   
35. var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs  
36.   
37. var entryTitle = json.feed.entry[i].title.$t;  
38.   
39. var item = "<li>" + "<a href="+ entryUrl + '" >' + entryTitle + "</a> </li>";  
40.   
41.  document.write(item);  
42.   
43.  }  
44.   
45.  document.write('</ul>');  
46.   
47.  }  
48.   
49. </script>  
50.   
51. <script src="http://facewoman.blogspot.com/feeds/posts/summary/-/Kuliner?max-results=4&alt=json-in-script&callback=recentpostslist"></script></div>  
52.   
53.   
54.   
55. <table><tr>  
56.   
57. <td>  
58.   
59. <div style='padding-left:50px;' class="markermenu">  
60.   
61. <ul>  
62.   
63. <li><a href="http://facewoman.blogspot.com/2012/10/kirim-resep-masakan-ke-redaksi-facewoman.html">Kirim Resep</a></li>  
64.   
65. </ul>   
66.   
67. </div>  
68.   
69. </td>  
70.   
71.   
72.   
73. <td>  
74.   
75. <div style='padding-left:10px;' class="markermenu">  
76.   
77. <ul>   
78.   
79. <li><a href="http://facewoman.blogspot.com/search/label/Food?max-results=5">Lihat Thread</a></li>   
80.   
81. </ul>   
82.   
83. </div>  
84.   
85. </td>  
86.   
87. </tr></table>  

Keterangan :

• Ganti  Tulisan Kuliner Dengan Nama label anda.
• Ganti Link http://facewoman.blogspot.com/2012/10/kirim-resep-masakan-ke-redaksi-facewoman.html Dengan alamat anda.
• Ganti Link http://facewoman.blogspot.com/search/label/Food dengan alamat label anda.

Simpan Gedget.

4.Langkah terakhir Lihat Hasilnya.