Saturday, January 5, 2013
Drop down Link ගැජට් එකක්
අද මම කියන්න යන්නේ Drop down menu ගැජට් එකක් බ්ලොග් එකට ඇඩ් කර ගන්න විදිහ.බ්ලොග් එකේ අපිට ඕන තැනකින් ලින්ක් කීපයක් මේකෙදි ඇඩ් කර ගන්න පුළුවන්.මුලින්ම demo එක බලලා ඉන්න.
Live Demo
රතු පාටින් තියන Title කියන තැනට මවුස් කර්සර් එක අරන් යන්න.දැන් මේක අපේ බ්ලොග් එකට ඇඩ් කරගන්න හැටි බලමු.
මුලින්ම blogger dashboard වලින් ගිහින් Layout වලට යන්න.
Add a Gadget වලින් HTML/ JavaScript තෝරගෙන යට තියන කෝඩ් එක copy කරගෙන paste කරගන්න.
මෙතන edit කරගන්න ඕනේ තැන් කීපයක් තියනවා.script එකේ අවසානෙටම තියෙන්නේ
TITLE</h3>
<ul>
<li><a href="#">FBT-1</a></li>
<li><a href="#">FBT-2</a></li>
<li><a href="#">FBT-3</a></li>
<li><a href="#">FBT-4</a></li>
<li><a href="#">FBT-5</a></li>
</ul>
</div>
කියන code එක.
ඒකේ TITLE කියන තැනට අදාල මාතෘකාව දාගන්න.
නිල් පාටින් තියෙන # ලකුණ වෙනුවට ලින්ක් එකේ title එකත් FBT-1 වෙනුවට ලින්ක් එකත් ඇඩ් කරගන්න.
ආයෙත් code එකේ මුලට යන්න
<style text-type="CSS">
#bmenu{
position:fixed;
right:5px;
center:0px;
අදාල px ගණන වෙනස් කරලා ගැජට් එක එන්න ඕන තැන හදාගන්න.
අවසානෙදි ගැජට් එක සේව් කරගන්න.
රතු පාටින් තියන Title කියන තැනට මවුස් කර්සර් එක අරන් යන්න.දැන් මේක අපේ බ්ලොග් එකට ඇඩ් කරගන්න හැටි බලමු.
මුලින්ම blogger dashboard වලින් ගිහින් Layout වලට යන්න.
Add a Gadget වලින් HTML/ JavaScript තෝරගෙන යට තියන කෝඩ් එක copy කරගෙන paste කරගන්න.
මෙතන edit කරගන්න ඕනේ තැන් කීපයක් තියනවා.script එකේ අවසානෙටම තියෙන්නේ
TITLE</h3>
<ul>
<li><a href="#">FBT-1</a></li>
<li><a href="#">FBT-2</a></li>
<li><a href="#">FBT-3</a></li>
<li><a href="#">FBT-4</a></li>
<li><a href="#">FBT-5</a></li>
</ul>
</div>
කියන code එක.
ඒකේ TITLE කියන තැනට අදාල මාතෘකාව දාගන්න.
නිල් පාටින් තියෙන # ලකුණ වෙනුවට ලින්ක් එකේ title එකත් FBT-1 වෙනුවට ලින්ක් එකත් ඇඩ් කරගන්න.
ආයෙත් code එකේ මුලට යන්න
<style text-type="CSS">
#bmenu{
position:fixed;
right:5px;
center:0px;
අදාල px ගණන වෙනස් කරලා ගැජට් එක එන්න ඕන තැන හදාගන්න.
අවසානෙදි ගැජට් එක සේව් කරගන්න.
Subscribe to:
Post Comments (Atom)
mama thawama blogg ekak patan ganna awashya karunu saha upades ekathu karamin sitinwa. labadun sahayogayata sthutiy.
ReplyDeleteඅම්මෝ මේ ලිපිය මීට මාස 5කට පෙර ආවානම්...
ReplyDeletej7x96w2o07 e1x87c3b91 j6h62d1b40 j6x96x9d40 m3h44s6r51 e7t56n8g01
ReplyDelete