Magic Slideshow
မိူဝ်ႈၼႆႉၶႃႈႁဝ်းတေမႃးလၢတ်ႈၼလွေၵ်းလၢႆးႁဵတ်း Slideshow ၼႂ်းဝႅပ်ႉသၢႆႉတ်/ပလွၵ်ႉၶ်ႁဝ်း
ဢိတ်းၼိုင်ႈၶႃႈၼေႃႈ။ ၵဵဝ်ႇၵပ်းလူၺ်ႈလွင်ႈ Slideshow သေယဝ်ႉ၊ ဝႅပ်ႉသၢႆႉတ် free ဢၼ်ႁဵတ်း
Slideshow ၵေႃႈမီးယူႇတၢင်းၼမ်တၢင်းလၢႆၶႃႈ၊ ၵူၺ်းၵႃႈလူၺ်ႈၸွမ်းတၢင်းလႆႈၸႂ်ၵူၼ်းႁဝ်းသေ
လႄႈတၢင်ႈလႆႈၸႂ်တေဢမ်ႇမိူၼ်ၵၼ်၊ ၸိူင်ႉႁိုဝ်ၵေႃႈလီယူႇၵူႈဢၼ်ၵူၺ်းဢၼ်ၼႆႉႁၢင်ႈလီတူၺ်းငၢႆႈ
မိုတ်ႈတႃလီၶႃႈဢေႃ။ သင်ဝႃႈလႆႈၸႂ်ၼႆၵေႃႈဢဝ်ၸႂ်ႉတိုဝ်းၶႃႈလႄႈၼေႃႈ။ လွၵ်းလၢႆးႁဵတ်းမၼ်းတႄႉ
ဢမ်ႇပေႃးပိူင်ႈၵၼ်ဢမ်ႇယၢမ်ႈႁဵတ်းမႃးၶႃႈ။
တွၼ်ႈၼိုင်ႈ
ပေႃးၶဝ်ႈမႃးထိုင်တီႈၼႆႈယဝ်ႉၼႆ ၼဵၵ်း Ctr+F သေႁု Code ၼႆႉ </head>
ပေႃးႁုႁၼ်ယဝ်ႉၼႆ Copy ဢဝ် Code (1) တၢင်းတႂ်ႈၼႆႉသေၵႂုႇ Past ၼိူဝ် </head>ၼၼ်ႉသေၵမ်း။
Code (1)
<link rel="stylesheet" type="text/css" href="https://4636338866364619332-a-1802744773732722657-s-sites.googlegroups.com/site/mauganj1/magicslideshow.css" />
<script type="text/javascript" src="http://blogger9.googlecode.com/files/magicslideshow.js"></script>
<script type="text/javascript" src="http://blogger9.googlecode.com/files/magictabs.js"></script>
<style type="text/css">
/*<![CDATA[*/
.MagicSlideshow {
margin-bottom: 30px;
border: 1px solid #557493;
width:430px;
height:323px;
}
.MagicSlideshowThumbnailsContainer {
background-color:#91a1b1;
border-bottom:1px dotted #557493;
padding: 0 3px;
}
.MagicSlideshowThumbnailsContainerStyle {
background:transparent;
}
img.MagicSlideshowImage {
border: none;
}
img.MagicSlideshowThumbnail {
border: 3px solid #91a1b1;
margin: 4px 3px;
background:#3a5874;
}
img.MagicSlideshowThumbnail.highlight {
border: 3px solid #557493;
}
.MagicSlideshowDescription {
line-height: 15px;
background: #3a5874;
padding: 8px 3px 3px 10px !important;
border-top:1px dotted #557493;
}
.MagicSlideshowDescription b {
font-size:24px;
}
/*]]>*/
</style>
* Now find <body> by CTRL+F
--------------------------------------------------
တွၼ်ႈသွင်
ပေႃးယဝ်ႉတွၼ်ႈၼိုင်ယဝ်ႉၼႆ မႃးသိုပ်ႇႁု Code ၼႆႉထႅင်သေၵမ်းၶႃႈ။ ပေႃးယဝ်ႉၵေႃႈၼဵၵ်း Save Templateၶႃႈ
<body>
ပေႃးႁၼ်ယဝ်ႉၼႆ Copy ဢဝ် Code (2) တၢင်းတႂ်ႈၼႆႉသေၵႂုႇ Past သႂ်ႇဝႆႉတႂ်ႈ <body> ၼႆႉသေၵမ်း
Code (2)
<script type="text/javascript">
/*<![CDATA[*/
MagicSlideshow.options={'thumbnail-opacity':1,'effect':'fade','container-opacity':0,'width':430,'height':323}
/*]]>*/
</script>
---------------------------------------------------------
တွၼ်ႈသၢမ်
ပေႃးမႃးထိုင်တီႈၼႆႈယဝ်ႉ၊ ၵႂုႇၼဵၵ်း Add a Gadget ယဝ်ႉၵေႃႈလိူၵ်ႈ HTML/JavaScript သေ Copy ဢဝ် Code (3) ၼႆႉသေ Past ဝၢင်းသႂ်ႇၶႃႈလႄႈ၊ ပေႃးယဝ်ႉၵေႃႈ ၼဵၵ်း Save ၵေႃႈလႆႈယဝ်ႉဢေႃႈ။
Code (3)
<div class="MagicSlideshow">
<a rel="http://santabanta.mywapblog.com/files/forester.jpg"><img src="http://santabanta.mywapblog.com/files/forester-small.jpg" alt="TITLE1 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>
<a rel="http://santabanta.mywapblog.com/files/q7.jpg"><img src="http://santabanta.mywapblog.com/files/q7-small.jpg" alt="TITLE2 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>
<a rel="http://santabanta.mywapblog.com/files/tiguan.jpg"><img src="http://santabanta.mywapblog.com/files/tiguan-small.jpg" alt="TITLE3 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>
<a rel="http://santabanta.mywapblog.com/files/rx450.jpg"><img src="http://santabanta.mywapblog.com/files/rx450-small.jpg" alt="TITLE4 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>
<a rel="http://santabanta.mywapblog.com/files/cayenne.jpg"><img src="http://santabanta.mywapblog.com/files/cayenne-small.jpg" alt="TITLE5 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>
<a rel="http://santabanta.mywapblog.com/files/xtrail.jpg"><img src="http://santabanta.mywapblog.com/files/xtrail-small.jpg" alt="TITLE6 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>
<a rel="http://santabanta.mywapblog.com/files/gl.jpg"><img src="http://santabanta.mywapblog.com/files/gl-small.jpg" alt="TITLE7 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>
<a rel="http://santabanta.mywapblog.com/files/rangerover.jpg"><img src="http://santabanta.mywapblog.com/files/rangerover-small.jpg" alt="TITLE8 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>
</div>
No comments:
Post a Comment