Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Premium Land with House for Sale
anil1961
Updated:
Friday at 10:15 AM
AWS Certified Solutions Architect-Associate + AWS Certified Cloud Practitioner
Sanjeewani95
Updated:
Wednesday at 8:16 PM
🚀 එක පැකේජ් එකයි - මාසෙටම Unlimited Internet! 🌐
sayuru bandara
Updated:
Tuesday at 10:57 AM
🎬 CapCut Pro 1 Month Access! LKR 600
sayuru bandara
Updated:
Tuesday at 10:55 AM
🚀 Google One AI PRO Plan (Gemini Pro Activation) – 18 Months Access! LKR 2200
sayuru bandara
Updated:
Tuesday at 10:53 AM
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
Blog එකට ආරම්භ වෙද්දී loading bar එකක් දාගමු
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="djrox91" data-source="post: 11243299" data-attributes="member: 373754"><p><strong>Blog එකට ආරම්භ වෙද්දී loading bar එකක් දාගමු</strong></p><p></p><p></p><p></p><p><img src="http://1.bp.blogspot.com/-4c2FNJxkrhY/TqwKzib0UEI/AAAAAAAAAuM/2PzOtkEIXSk/s1600/Untitled-1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><span style="font-size: 15px">මම අද කියල දෙන්න යන්නේ අපේ බ්ලොග් එක load වෙද්දී blog එක load වෙන්න යන වෙලාව % ආකාරයෙන්</span></p><p style="text-align: center"><span style="font-size: 15px"> පෙන්වන විදිහයි. කිසිම අවුලක් නැතිව මේක කරගන්න පුලුවන්.</p><p></span></p><p><span style="font-size: 15px">මොනව කරන්න ඉස්සල්ලා ඒකෙ හොඳ නරක බලන්නනේ අපි පුරැදු වෙලා ඉන්නේ <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile :-)" loading="lazy" data-shortname=":-)" />P). ඉතිං එහෙනං Demo එක බලන්නකෝ.</span></p><p><span style="font-size: 15px"></span></p><p style="text-align: center"><span style="font-size: 15px">දැං හරිනේ එහෙනං. අපි වැඩේට බහිමු.</p><p></span></p><p><span style="font-size: 15px">මුලින්ම dashboard >> Design >> edit html යන්න. ඊට පස්සේ Expend width Template කියන එක් click කරන්න. ඊට පස්සේ <span style="color: Sienna"></head></span> කියන එක හොයාගන්න. ඒකට Ctrl + F ඔබන්න. ඊට පස්සේ පල්ලෙහා මම දීල තියෙන code එක <span style="color: Sienna"></head></span> කියන එක ඉස්සරහින් copy කරගෙන ගිහිල්ලා paste කරන්න. </span></p><p></p><p><span style="font-size: 15px"><script src='http://code.jquery.com/jquery-1.5.min.js'</span></p><p><span style="font-size: 15px">type='text/javascript'/></span></p><p><span style="font-size: 15px"><script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/> </span></p><p><span style="font-size: 15px"></span></p><p></p><p><span style="font-size: 15px">දැං <span style="color: Sienna"></body></span> කියන එක හොයාගන්න. ඊට පස්සේ පහළ code එක copy කරගෙන ගිහිල්ලා <span style="color: Sienna"></body></span> code එකට ඉස්සරහින් paste කරන්න.</span></p><p></p><p><span style="font-size: 15px"><script></span></p><p> <span style="font-size: 15px">QueryLoader.selectorPreload = "body";</span></p><p> <span style="font-size: 15px">QueryLoader.init();</span></p><p><span style="font-size: 15px"></script> </span></p><p></p><p><span style="font-size: 15px">ඊට පස්සේ <span style="color: Sienna">]]></b:skin></span> කියන code එකත් හොයාගන්න. හොයාන ඉවරවෙලා <span style="color: Sienna">]]></b:skin></span> code එකට ඉස්සරහින් පල්ලෙහා දීල තියෙන code එක paste කරන්න.</span></p><p><span style="font-size: 15px"></span></p><p></p><p><span style="font-size: 15px">.QOverlay {</span></p><p> <span style="font-size: 15px">background-color: #000000;</span></p><p> <span style="font-size: 15px">z-index: 9999;</span></p><p><span style="font-size: 15px">}</span></p><p><span style="font-size: 15px">.QLoader {</span></p><p> <span style="font-size: 15px">background-color: #CCCCCC;</span></p><p> <span style="font-size: 15px">height: 1px;</span></p><p><span style="font-size: 15px">}</span></p><p><span style="font-size: 15px">.QAmt {</span></p><p> <span style="font-size: 15px">color:#FF530D;</span></p><p> <span style="font-size: 15px">font-size:50px;</span></p><p> <span style="font-size: 15px">font-weight:bold;</span></p><p> <span style="font-size: 15px">line-height:50px;</span></p><p> <span style="font-size: 15px">height:50px;</span></p><p> <span style="font-size: 15px">width:100px;</span></p><p> <span style="font-size: 15px">margin:-60px 0 0 -50px;</span></p><p><span style="font-size: 15px">} </span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">දැන් <span style="color: Sienna">Save Template</span> click කරන්න. ඊට පස්සේ හරියට save උනානම් ඔයාගෙ වැඩේ ගොඩ.</span></p><p></p><p><span style="font-size: 15px">උපුටා ගත්තේ මෙතනින්.......</span><a href="http://blogshansi.blogspot.com/2011/10/blog-loading-bar.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+blogspot%2FEVmlu+%28BlogShan%29" target="_blank">http://blogshansi.blogspot.com/2011/10/blog-loading-bar.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+blogspot%2FEVmlu+%28BlogShan%29</a></p><p></p><p><span style="font-size: 15px">( සියළුම ගෞරවයන් මෙහි කර්තෘට හිමිවිය යුතුයි...... )</span></p></blockquote><p></p>
[QUOTE="djrox91, post: 11243299, member: 373754"] [b]Blog එකට ආරම්භ වෙද්දී loading bar එකක් දාගමු[/b] [SIZE="4"][B][/B][/SIZE] [IMG]http://1.bp.blogspot.com/-4c2FNJxkrhY/TqwKzib0UEI/AAAAAAAAAuM/2PzOtkEIXSk/s1600/Untitled-1.jpg[/IMG] [SIZE="4"]මම අද කියල දෙන්න යන්නේ අපේ බ්ලොග් එක load වෙද්දී blog එක load වෙන්න යන වෙලාව % ආකාරයෙන් [CENTER] පෙන්වන විදිහයි. කිසිම අවුලක් නැතිව මේක කරගන්න පුලුවන්.[/CENTER] මොනව කරන්න ඉස්සල්ලා ඒකෙ හොඳ නරක බලන්නනේ අපි පුරැදු වෙලා ඉන්නේ (:P). ඉතිං එහෙනං Demo එක බලන්නකෝ. [CENTER]දැං හරිනේ එහෙනං. අපි වැඩේට බහිමු.[/CENTER][/SIZE] [SIZE="4"]මුලින්ම dashboard >> Design >> edit html යන්න. ඊට පස්සේ Expend width Template කියන එක් click කරන්න. ඊට පස්සේ [COLOR="Sienna"]</head>[/COLOR] කියන එක හොයාගන්න. ඒකට Ctrl + F ඔබන්න. ඊට පස්සේ පල්ලෙහා මම දීල තියෙන code එක [COLOR="Sienna"]</head>[/COLOR] කියන එක ඉස්සරහින් copy කරගෙන ගිහිල්ලා paste කරන්න. [/SIZE] [SIZE="4"]<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/> [/SIZE] [SIZE="4"]දැං [COLOR="Sienna"]</body>[/COLOR] කියන එක හොයාගන්න. ඊට පස්සේ පහළ code එක copy කරගෙන ගිහිල්ලා [COLOR="Sienna"]</body>[/COLOR] code එකට ඉස්සරහින් paste කරන්න.[/SIZE] [SIZE="4"]<script> QueryLoader.selectorPreload = "body"; QueryLoader.init(); </script> [/SIZE] [SIZE="4"]ඊට පස්සේ [COLOR="Sienna"]]]></b:skin>[/COLOR] කියන code එකත් හොයාගන්න. හොයාන ඉවරවෙලා [COLOR="Sienna"]]]></b:skin>[/COLOR] code එකට ඉස්සරහින් පල්ලෙහා දීල තියෙන code එක paste කරන්න. [/SIZE] [SIZE="4"].QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCCCCC; height: 1px; } .QAmt { color:#FF530D; font-size:50px; font-weight:bold; line-height:50px; height:50px; width:100px; margin:-60px 0 0 -50px; } දැන් [COLOR="Sienna"]Save Template[/COLOR] click කරන්න. ඊට පස්සේ හරියට save උනානම් ඔයාගෙ වැඩේ ගොඩ.[/SIZE] [SIZE="4"]උපුටා ගත්තේ මෙතනින්.......[/SIZE][URL="http://blogshansi.blogspot.com/2011/10/blog-loading-bar.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+blogspot%2FEVmlu+%28BlogShan%29"]http://blogshansi.blogspot.com/2011/10/blog-loading-bar.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+blogspot%2FEVmlu+%28BlogShan%29[/URL] [SIZE="4"]( සියළුම ගෞරවයන් මෙහි කර්තෘට හිමිවිය යුතුයි...... )[/SIZE] [/QUOTE]
Insert quotes…
Verification
Nawa warak dahaya keeyada? (Namaya wadi kireema dahaya)
Post reply
Top
Bottom