Johnysompret-banget Template

Template ဒီဇိုင္းဇုိင္းလွလွေလးေတြသံုးခ်င္သူမ်ားအတြက္.... လက္ေဆာင္ေပးလိုက္တယ္။....။.....။ ေျပာင္းရတာလည္း အရမ္းလြယ္တယ္။။။....။။ ၿပီးေတာ့ ခဏေလး...။ စိတ္ဝင္စားရင္ေတာ့ ေဒါင္းသြားဗ်ိဳ႕...။
ကၽြန္ေတာ္လည္း ရွာလို႔ေတြ႕တာေလးေတြ အသံုးတည့္မယ္ထင္လို႔ျပန္ရွယ္တာ..... :P

Demo ၊ Download

1.Slider
၎ template တြင္ Slider ျပဳလုပ္ရန္အတြက္ ေအာက္ပါ ကုဒ္မ်ားကို ကူးပါ.....။

<div id='featuredContent'> <div id='slideshow'> <div id='slideshowThumbs'> <ul><script> document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </ul> </div> <div class='post' id='slideshowContent'> <script> document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script></div> </div> <script type='text/javascript'> $(function() { $("#slideshowThumbs ul").tabs("#slideshowContent > div", { effect: 'fade', fadeOutSpeed: 1000, rotate: true }).slideshow({ clickable: true, autoplay: true, interval: 3000 }); }); </script> <div class='clear'> </div> </div>

၎ကုဒ္မ်ားကို Layout >> Add Gadget >> HTML/JavaScript တြင္ ကူးထည့္လိုက္ပါ။


2.Tab View Widget per Label

Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"

<div class='tabber' id='tab1'> <script> document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>"); </script></div> <div class='tabber' id='tab2'> <script> document.write(" <script src=\"/feeds/posts/default/-/lifestyle?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>"); </script></div> <div class='tabber' id='tab3'> <script> document.write(" <script src=\"/feeds/posts/default/-/economics?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>"); </script></div> <div class='tabber' id='tab4'> <script> document.write(" <script src=\"/feeds/posts/default/-/diary?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>"); </script></div> <div class='tabber' id='tab5'> <script> document.write(" <script src=\"/feeds/posts/default/-/health?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>"); </script></div> <div class='clear'> </div>

4.Widget Subscribe me

style type='text/css'> .social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;} .social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} .social a:active{color:#000;border-color: #444;} .sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;} .emailform{margin:16px 0 0; display:block; clear:both;} .emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2r3RiV7xTRiN1sp9k7JeFZ_gKN3mgBUMXz0JlyhbNtNTHtfk0v16_Ef9AsxtDU4HDVDg_14YL1e3xCaYUnx7WWMtFUtXZx5adUUXPxeUKID-rwwi13bHPPd_9eNOAgqgtLhjau5tcf2E/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;} .emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2r3RiV7xTRiN1sp9k7JeFZ_gKN3mgBUMXz0JlyhbNtNTHtfk0v16_Ef9AsxtDU4HDVDg_14YL1e3xCaYUnx7WWMtFUtXZx5adUUXPxeUKID-rwwi13bHPPd_9eNOAgqgtLhjau5tcf2E/s1600/email.png) no-repeat scroll 4px center;border-color:#999;} .emailtext:focus{outline:none;} .sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999} .sub-button:hover{color:#444;border-color: #999;background:#ccc} </style> <center> <div class="social" style="padding: 0pt 0pt 0pt 5px;"> <table><tbody> <tr><td> <a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9u2_dPoJDbVp7n8xwarA7fG649GlEsAXJvORn8hJO53NIulUuXdbCIGJKKZ8Nvn-W5rtP8ldXmPzS7HAFjHGbwurv7fdMwEXcXNqi5nYf0lqWVLzUhpRpTHCo8DizZTwYOCz50qCM7M/s1600/mail.png" border="0" title='newsletters'/></a> </td> <td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_L73_pNleMGlPo9L4yVRJsaKRw-hXzga7wDGlEZCeRQYH-giz0tX2thAmBMb1INqazptjU0U0GRr_0qZ_cXkFkaJn9HWCW0PHbqI6sozysDM7GhMYeHY93nT0rEsXDCkdq3QD0YluC40/s1600/rss.png" border="0" title='rss'/></a> </td> <td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9CsGpKPqIL0OM-VfZ5etBu4ArPbfNlHd2sG9QSSf6DoPGUt0pIYqStSlFaLKVwTZO4vTLlZV8ej8nr365QUkio_HV49azsQHYim7AKz0cCCT_w4-55zAgpDvACXf1uF4EaYRtdsaZxg/s1600/twitter.png" border="0" title='twitter'/></a> </td> <td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9kSozyAWnXxfdFZIQaFeavHMTGJl0zBJJaN0pfSeqsLljBssXGZ0JzdZPiOFBuoh795C6t2xr7vQHt-1fFPvVPP7NT9vSXOCC2H9afYeKxY6MR_Lccy9emDL8UIcbHE77kflWepL2fCM/s1600/facebook.png" border="0" title='facebook'/></a> </td> <td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrIvez9ENw-AyNuFl7b5Y-uZgZLMf6nVg-qt2pc4VMd8O8c6f1ONTDwvq_QUVYb9f5a0uLxueCp5sB5vKGYaI-ZwWc5SgG9yzMSei-HJz53SOo_UrdjOCALVgjciOL5rUMuLRW4y_xjj0/s1600/youtube.png" border="0" title='youtube'/></a> </td></tr> </tbody></table> </div> </center> <center> <div class='sub-box'> <div style="text-align: left; display: inline-block;"> <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8> <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'> <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="maskolis" name="uri"/> <input type="hidden" name="loc" value="fr_FR" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" /> <input type="submit" class="sub-button" value="Enter" title='' alt='' /> </form> </div> </div> </center>