ගොඩක් අය උත්සහා කරන්නේ ගුගල් මගින් ලබාදෙන ගන්නම අමාරු සේවාව ලබාගන්නනේ.. ඒ කියන්නේ ගුගල් ඇඩ්සෙන්ස්... ඉතින් මට හම්බුනා පොඩි සයිට් එකක්. ‍(පොඩි කිව්වාට පොඩි නැ හොදේ) මේ සයිට් එක හරහා අපිට ඇඩ්සෙන්ස් ලබාගන්න පුලුවන්(ලු) මේ වගේ පොස්ට් එකක් ලසිදු අයියාත් දාලා තිබ්බා.. මේක මම දැනගත්තේ ඊයේ රාත්‍රියේදි තමයි.. මාත් මේකට ඉල්ලුම් කරලා තියෙන්නේ..

මේක මම දැනගත්තේ DigitalPoint වෙබ් අඩවියෙන්..



අපි දැන් ඇඩ්සෙන්ස් ගන්න යන වෙබ් අඩවියේ නම Docstoc. මුලින්ම ඔයාලා පහල තියෙන ලිංක් එකට ගිහිල්ලා ඔයාගේ තොරතුරු දීලා රෙජිස්ටර් වෙන්න...

http://www.docstoc.com/login/?ref=header-reg&pt=92&register=1&ft=19

දැන් ඔයා රෙජිස්ටර් උන තොරතුරු දිලා වෙබ් අඩවියට ඇතුල් වෙන්න. ඊට පස්සේ ඔයාලා ගාව තියෙන මොනවාහරි Documents ටිකක් ඔය සයිට් එකට දාන්න.. මොනවගේ ඒවාද දන්නේ කියලා දැනගන්න ඕනේනම් ඔය සයිට් එකට කට්ටිය දාලා තියෙන ඒවා බලන්න...දැන් පහල තියෙන ලිංක් එකට යන්න..

http://www.docstoc.com/doccash/join/

ඔතනදි ඇඩ්සෙන්ස් අකවුන්ට් තියෙන අයටත් ආයිත් ගන්න පුලුවන්.. ඔයාලා අලුතෙන් හදනවානම්  I'd like to set up an AdSense account කියන ‍එක තෝරන්න. දැන් එන ෆෝම් එකට ඔයාගේ ඊ-මේල් ලිපිනය දිලා Submit බොත්තම් ඔබන්න. ඊට පස්සේ ඔයාලට ඇඩ්සෙන්ස් එකෙන් හා මේ වෙබ් අඩවියෙන් මේල් 2ක් එවයි... ඇඩ්සෙන්ස් එකෙන් ආපු මැසේජ් එක බලලා එකේ තියෙනවා ලිංක් එකක්. එක ක්ලික් කරලා ලැබෙන ෆෝම් එක පුරවන්නත් ඕන.. දවස් දෙකකින් විතර ඇඩ්සෙන්ස් වලින් ඔයාට මේල් එකක් එවයි ඔයාට ඇඩ්සෙන්ස් හම්බුනාද කියලා... 


ඔයාලා ඇඩ්සෙන්ස් වලට ඉල්ලුම් කළාට පස්සේ එම අකවුන්ට් ‍එකේ තත්වය ඔයාලට පහල ලිංක් එකෙන් බලාගන්න පුලුවන්..


http://www.docstoc.com/settings/?tab=doccash


මට තාම හම්බුනේ නැ... ඔන්න හම්බුනේ නැ කියලා මාවනම් කන්න එපා... ට්‍රයි කරලා බලන්න... ඉතින් හරි ගියොත් එහෙම කමෙන්ට් එකක් දාන්න අමතක කරන්න එපා...  ඉතින් අදහසක් දාන්නත් අමතක කරන්න එපා... 

සුභ උදැසනක් කට්ටියට! කොහොමද ඉතින්? මම අද තවත් ඔයගොල්ලන්ට වටින ගැජට් එකක් ගෙනවා. එහෙනම් අපි බලමු මොකක්ද මේ කියලා.



ගොඩක් බ්ලොග් ලියන අය තමන්ගේ බ්ලොග් එකේ අනිත් සහෝදර බ්ලොග් කරුවන්ගේ ඇඩ් එකක් දාගෙන ඉන්නවානේ. ඉතින් අපි මුලින්ම ඇඩ් 4න් පටන් ගත්තාට පස්සේ පස්සේ වෙද්දි ඇඩ් 8ක් වගේ ඒනවා. එතකොට බ්ලොග් එකේ ඉඩත් යනවා වැඩිනේ. අන්න ඒකට තමයි මේ අලුත් ගැජට් එක තියෙන්නේ. මමත් මේක දාගෙන ඉන්නේ. මේක වෙන මොකුත් නෙමෙයි අපේ බ්ලොග් එකට දාලා තියෙන ඇඩ්ස් මාරුවෙන් මාරුවට පෙන්නන එක. ඒ කියන්නේ එක Ad Slot එකකට දැන්විම් 2ක් දාන්න පුළුවන්. මේක වෙන්නේ කොහොමද කියලා බලන්න ඕනේනම් මගේ බ්ලොග් එකේ ඇඩ් දාලා තියෙන තැන බලන්නකෝ.

හරි. අපි දැන් මේක කරන හැ‍‍ටි බලමු.

මුලින්ම බ්ලොග් වල Design Tab එකට යන්න.
දැන් Add a Gadget බොත්තම ඔබන්න.
දැන් HTML/JAVASCRIPT බොත්තම ඔබලා පහල තියෙන කෝඩ් එක එතනට පේස්ට් කරන්න.

<div align="center">
    <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody><tr>
    <td><center>

    <!--  BANNER#1  -->

    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>

    <td><center>

    <!--  BANNER#2  -->

    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>
    </tr>
    <tr>

    <td><center>

    <!--  BANNER#3  -->

    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>

    <td><center>

    <!--  BANNER#4  -->

    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </td></center>

    </tr>

    </tbody></table>

    <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody>
          <tr>
           <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="URL OF BANNER’S IMAGE" /></a></center></td>
          </tr>

        </tbody></table>

    </div>


වැදගත් - ඔය කොළ පාටින් තියෙන ඒවා වෙනස් කරන්න ඕනේ. අන්තිමට තියෙන රතුපාටින් තියෙන කෝඩ් එකත් වෙනස් කරන්න පුළුවන්.

දැන් ඔයාගේ බ්ලොගයටත් Random Ad Banners Widgets එකක් තියෙනවා. අදහසකුත් දාලාම යන්නකෝ.

සාමාන්‍යයෙන් දැන් අපේ බ්ලොගයේ යම්කිසි දෙයක් ‍සර්ච් කරොත් පහත විදිහට තමයි පෙන්නේ...

(බ්ලොගයේ නම ඉස්සරහට දාලා..එතකොට අපේ බ්ලොගය අහුවෙනවා අඩුයි..)


අපි දැන් මම කියන්න යන ක්‍රමේට හැදුවොත් එන්නේ මේ විදිහට...


(බ්ලොගයේ නම පස්සට දාලා...)


කරගන්න ඕනේ නම් පහළ විදිහට කරන්න...
ගුගල් පෙජ්රෑන්ක් තියෙන සයිට් එකක් නම් මෙහෙම කරන්න ඕනේ නැ...

----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------

මුලින්ම බ්ලොගර් වලට ගිහිල්ලා Design වලට ගිහිල්ලා Edit HTML යන්න. 

දැන් පහල තියෙන කෝඩ් එක හොයාගන්න..

<title><data:blog.title/></title>

දැන් ඒ කොඩ් එක අයින් කරලා එතනට පහල තියෙන කෝඩ් එක පේස්ට් කරන්න...

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

දැන් ටෙම්ප්ලේට් එක සේව් කරන්න...

දැන් වැඩේ ඉවරයි... අනිවා වැඩේ හරියන්න ඕන...කරලාම බලන්න... ඔබේ අත්දැකිම් අපිත් එක්ක බෙදාහදා ගන්න... 

දැන් Save Template බොත්තම ඔබන්න. අදහසකුත් දාලාම යන්න.

මාත් කාලෙක ඉදලා බ්ලොගයට ෆොන්ට් එකක් දාගන්න දැගලුවා..අද ඔන්න කොහොම හරි ආශාන් අයියාගෙන් අහගෙන දාගත්තා.. දැන් අකුරු ක්ලින් එකට තියෙනවා නේද? හරි ඔන්න දැන් කියන්න යන්නේ තවත් වැදගත් නියම ගැජට් එකක් ගැන.. ඒ තමයි දැන් ඔයා ලියපු ලිපි තියෙනවානේ අන්න ඒ ලිපි චලනය වන ආකාරයට සැදිම. ඒ කියන්නේ Marquee (Scrolling Text) විදිහට...



හරි දාගන්න කරන්න තියෙන්නේ මෙච්චරයි. 


මුළින්ම බ්ලොගර් වලට ලොග් වෙලා Dashboard එකට ගිහිල්ලා Add a Gadget ක්ලික් කරන්න. දැන් Add HTML/JAVASCRIPT ක්ලික් කරන්න..


දැන් පහල තියෙන කෝඩ් එක පේස්ට් කරලා ඒ කෝඩ් එකේ රතු පාටින් තියෙන ඒවා වෙනස් කරන්න.


<script style="text/javascript" src="http://introbloggerscripts.googlecode.com/files/RecentPostsScrollerv2_introblogger.js">  </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="text/javascript" src="http://YOURNAME.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>
ඕකේ YOURNAME කියන එකට ඔයාගේ බ්ලොග් එකේ නම පමණක් ලබාදෙන්න.

ඔන්න දැන් ඒ ගැජට් එක සේව් කරගන්න විතරයි තියෙන්නේ..දැන් ඔයාගේ බ්ලොගයට ගිහිල්ලා බලන්නකෝ කොහොමද කියලා??

කොහොමද කට්ටියට? දැන් කියන්න යන්නේ තවත් මැක්සා වැඩ කෑල්ලක් ගැන. වැඩ කෑල්ල ගැන කිව්වොත් දැන් අපි ලියන පොස්ට් එක යටින් ලිව්ව කෙනාගේ නමයි, එයාගේ කුඩා විස්තුරයකුයි බලන කෙනාට පෙන්නනවා. ඔය පහල තියෙන්නේ පෙන්නන හැටි පින්තුරයක්..


දාගන්න ඕනේනම් පහල පියවර අනුගමනය කරන්න.

මුලින්ම බ්ලොගයේ Dashboard - Edit HTML යන්න. ඊට පස්සේ Expand Wigets templates ටික් එක දාන්න.
දැන් පහළ තියෙන කෝඩ් එක හොයාගන්න ඕන.

]]></b:skin>

දැන් ඒ කෝඩ් එක හයිලයිට් වෙනවා. දැන් ඒ කෝඩ් එක අයින් කරලා එතනට පහල තියෙන කෝඩ් එක එතනට පේස්ට් කරන්න.

/***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

]]></b:skin>

දැන් පහල තියෙන කෝඩ් එක හොයාගන්න.

<div class='post-footer-line post-footer-line-1'>

දැන් හොයාගත්ත කෝඩ් එකට පස්සේ පහල තියෙන කෝඩ් එක පෙස්ට් කරන්න.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO_Drd-TZKgY5Ke5t6Gq0BkvnHErgCJ83fQK5Ol929F6ZrvSJTZuCu4WdXogRXb-IvYnnRLoc08WaIS6B9dYgw4m2GTwKL6WcIe4enqsYZsdlkZkhD2SVIVnVLl45vLFSurDVSKs2g0OHk/' width='70'/><b>About Author</b><br/>
Write anything about you here!<br/></p>
</div>
</b:if>

වැදගත් - මෙම බොක්ස් එකට ඔයාගේ පින්තුරයක් දාගන්න ඕනේ නම් ඉහළ කෝඩ් එකේhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO_Drd-TZKgY5Ke5t6Gq0BkvnHErgCJ83fQK5Ol929F6ZrvSJTZuCu4WdXogRXb-IvYnnRLoc08WaIS6B9dYgw4m2GTwKL6WcIe4enqsYZsdlkZkhD2SVIVnVLl45vLFSurDVSKs2g0OHk/ ඔය ලින්ක් එක ඔයාගේ පින්තුරයකින් වෙනස් කරන්න.

ඔය ඉහළ කෝඩ් එක රතු පාටින් තියෙන ඒවා වෙනස් කරගන්න.

දැන් Save Template  බොත්තම ඔබන්න.

ලිපිය ප්‍රයෝජනවත් වුනා නම් ප්‍රතිචාරයක් එක් කරන්න අමතක කරන්න එපා..

මෙන්න ගෙනවා හොට් හොට් ලස්සන තිම් තියෙන කැලැන්ඩර් සෙට් එකක්..කැමති එකක් දැන්ම බ්ලොගයට දාගන්න


මුලින්ම Layout >> Page Element >> Add a gadget >> "Html/java script" එකට යන්න..එකට මම පහල දිලා තියෙන කොඩ් වලින් කැමති එකක කොඩ් එකක් පෙස්ට් කරන්න.








<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0036.htm" width="166" height="240"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="Calendars/calendar0039.htm" width="166" height="226" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0014.htm" width="170" height="290" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0016.htm" width="166" height="312" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0046.htm" width="125" height="169" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00081.htm" width="160" height="222" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0031.htm" width="166" height="239" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0032.htm" width="166" height="332" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0034.htm" width="166" height="283" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0013.htm" width="161" height="280" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

<!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00111.htm" width="182" height="204" 

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://trixhunter.blogspot.com/">Trix Hunter</a></center></br>

තව ඉදිරියට දෙන්නම්..රැදි සිටින්න..

මම දැන් කියන්න යන්නේ මරු වැඩක් ගැන..මෙහෙමයි..අපි දැන් බ්ලොගයට දාපු කමෙන්ට් එකක් ඩිලිට් කලොත් "This post has been deleted by blog administrator" කියලා ‍වැටෙනවානේ.. ඒක නිකං කැතයි වගේ නේද බ්ලොග් එකට.. ඉතින් අපි එහෙම අයින් කරපු කමෙන්ට්ස් අනිත් අයට නොපෙන්න හදන්න පහත පියවරවල් අනුගමනය කරන්න.


1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates".
3.Scroll down to where you see below code:



<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<data:comment.author/>

<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</b:loop>


හරි..දැන් <b:loop values='data:post.comments' var='comment'> කොඩ් එකට කලින් පහල තියෙන කොඩ් එක‍‍ පෙස්ට් කරන්න..



<b:if cond='data:comment.isDeleted'>


<b:else/>


දැන් </b:loop> එකට පස්සේ පහල තියෙන කොඩ් එක‍ පෙස්ට් කරන්න..


</b:if>


-------------------------------------------------------------------------------------------------------------------------------


ඔන්න අපි දැන් වැඩේ හරි.. වැඩේ ගොඩනම් කමෙන්ට් එකක් දාන්න..ප්‍රශ්නයක් උනොත් කියන්න..

ඔන්න මම දැන් කියන්න යන්නේ තවත් බ්ලොග් කරන අයට වටින දෙයක් ගැනයි. හරි..දැන් මම කියන්නේ කොහොමද ඔයාගේ බ්ලොගය මුණුපොතේ තියෙන Networked Blogs කියන ඇප් එකට ඇඩ් කරන්නේ කියලා..මේකෙන් වෙන්නේ අපේ බ්ලොගයට දාන ගැජට් එක වගේ මුණුපොතේ ඉදන් කරන අයට අපේ බ්ලොගය කියවන්න පුලුවන්..

අපි දැන් වැඩේට බහිමු..මේ ගැන අදහසක් දාලා යන්නත් අමතක කරන්න එපා...

පියවර 1 - මේ ලිංක් එකට යන්න මුලින්ම..

http://apps.facebook.com/blognetworks/index.php

පියවර 2 - දැන් මේ ලිංක් එකට යන්න..

http://apps.facebook.com/blognetworks/editblog.php

ඔය ලිංක් එකට ගියාම ෆොරම් එකක් එයි..ඒක නිවැරදිව පුරවා Next බොත්තම ඔබන්න..

පියවර 3 - ඊට පස්සේ එනවා මැසෙජ් එකක්..ඒක Yes කරන්න.

පියවර 4 - ඊට පස්සේ පහල තියෙන පින්තුරයේ වගේ තිරයක් එයි..

ඔන්න අද දෙන්න යන්නේ තවත් අලුත් ගැජට් එකක්. මේකෙන් වෙන්නේ ඔයාගේ යාලුවා බ්ලොගයට කිසැරයක් ඇවිල්ලාද කියලා බලගන්න පුලුවන් ගැජට් එකක්. හරි..මේක ඔයාගේ බ්ලොගයට දාගන්න ඕනේනම් මෙන්න මේ විදිහට කරන්න.

මෙන්න මේ වගේ තමයි පෙන්නේ

මුලින්ම Blogger > Design > Add a gadget > Add HTML/JAVASCRIPT යන්න.

ඊට පස්සේ පහල තියෙන කොඩ් එක පෙස්ට් කරන්න.

<SCRIPT>
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</SCRIPT>
<SCRIPT>
document.write("You've been here <b>" + amt() + "</b> times.")
</SCRIPT>

දැන් ගැජ‍ට් එක සේව් කරලා බ්ලොගය බලන්නකෝ. දාගෙනම බලන්න. අදහසක් දාන්නත් අමතක කරන්න එපා.

කොහොමද ඔන්න දැන් ඔයගොල්ලන්ට කියන්න යන්නේ එළකිරි ගැජට් එකක් ගැන..මේක බ්ලොගර් වලට විතරයි හරියන්නේ..

මේකයි වෙන්නේ අපි දැන් බ්ලොගර් එකට Followers ගැජට් එකක් දානවනේ..ඒත් දැන් එක පොඩි ගතියක් එක්ක දාගන්න පුලුවන් ක්‍රමයක් තියෙනවා..මේ ගැජට් එක ගුගල්ලා අලුතෙන් තමයි හදුන්වලා දිලා තියෙන්නේ..

ඩිමෝ එක බලන්න ඕනේනම් මගේ සයිට් එකේ උඩ බලන්නකෝ..

මෙන්න මෙහෙමයි දාන්නේ...

---------------------------------------------------------------------------------

මුලින්ම මේ ලිංක් එක‍ට යන්න...

ඊට පස්සේ ඔයාගේ බ්ලොගය හදලා තියෙන මේල් ඇඩ්රස් එකෙන් ලොග් වෙන්න..

දැන් දකුණු පැත්තේ ඔයාගේ ‍ඔක්කොම බ්ලොග් ටික පෙනෙයි..එකෙන් ඔයාට ගැජට් එක දාගන්න ඕන බ්ලොගයේ නම උඩ ක්ලික් කරන්න..

ඊට පස්සේ බ්ලොගයට අදාල ලිංක්ස් ටිකක් ලැබෙයි..මෙන්න මේ වගේ...

මම කළින් පොස්ට් එකේ කිව්වානේ බ්ලොගයට ස්කයිපි බට්න් එකක් දාගන්න පුලුවන් කියලා..දැන් කියන්න යන්නේ ‍කොහොමද ඒක බ්ලොගයට දාගන්නේ කියලා...

මුලින්ම බ්ලොගර් වලට ලොග් වෙලා Design ගිහිල්ලා Add a gadget බොත්තම ඔබන්න. පස්සේ Add HTML / JAVASCRIPT බොත්තම ඔබන්න.

දැන් කොඩ් එක විදිහට පහත තියෙන කොඩ් වලින් ඔයාගේ බ්ලොගයට ගැලපෙන, බොත්තම දාගන්න..


<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>

<a href="skype:YOUR SKYPE NAME?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_green_white_153x63.png" style="border: none;" width="153" height="63" alt="Skype Me�!" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->



<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:YOUR SKYPE NAME?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png" style="border: none;" width="124" height="52" alt="Skype Me�!" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->



<!-- Skype button code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:YOUR SKYPE NAME?add"><img src="http://download.skype.com/share/skypebuttons/buttons/add_green_white_195x63.png" style="border: none;" width="195" height="63" alt="Add me to Skype" /></a><!-- Skype button code end --><!-- Credits to http://djyano.blogspot.com -->


<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>

<a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/balloon/YOUR SKYPE NAME" style="border: none;" width="150" height="60" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->


<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>

<a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/bigclassic/YOUR SKYPE NAME" style="border: none;" width="182" height="44" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

කොහොමද? දැන් කියන්න යන්නේ යාහු මැසෙන්ජර් භාවිතා කරන අයට වටිනා ගැජට් එකක් ගැන..ඒක තමයි බ්ලොගයේ සයිඩ්බාර් එකට යාහු මැසෙන්ජර් Status Button එකක් බ්ලොගයට දාගන්න හැටි...

පහත පින්තුරය බැලුවාම තේරුම්ගන්න පුලුවන් මේ මොකක්ද කියලා..

ඔන්න මම දැන් කියන්න යන්නේ මගේ කලින් ලිපියේම අනිත් කොටස..ඒක බැලුවේ නැත්නම් මෙතනින් බලන්න..අනිත් කොටස කිව්වාට ඊට වඩා ලේසි ක්‍රමයක් කියන්න යන්නේ...

මේ විදිහට කරන්න...

මුලින්ම Design - Edit HTML ගිහිල්ලා Expand Widget Templates ටික් එක දාන්න...
දැන් මේ කොඩ් එක හොයාගන්න...

</head>

දැන් </head> කොඩ් එක උඩින් පහල තියෙන කොඩ් එක පේස්ට් කරන්න..


<!--Welcome-UnderConstuction-Page-Starts-->
<link rel="stylesheet" type="text/css" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/leightbox.css"/>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/prototype.js"></script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/leightbox.js"></script>
<!--Welcome-UnderConstuction-Page-Stops-HELP-http://bloggerstop.net-->

හරි...ඒ ටික හරියට කරලා ටෙම්පාව සේව් කරන්න..

දැන් Design - Add a gadget - Add HTML / JAVASCRIPT ගිහිල්ලා පහල තියෙන කොඩ් එක පෙස්ට් කරන්න...


<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://trixhunter.blogspot.com/">Trix Hunter</a></p></div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>

දැන් වැඩේ ඉවරයි..දැන් තියෙන්නේ කොඩ් එකේ රතු පාටින් තියෙන තැන් වෙනස් කරගන්න එකයි..කරලා ගැජට් එක සේව් කරලා බලන්නකෝ...

අදහසකුත් දාලා යන්න...

දැන් කියන්න යන්නේ ‍හොට් හොට් ගැජට් එකක් ගැන... Demo එක බලලාම වැ‍ඩේට බහිමු...

දැක්‍කනේ..දැන් කියන්න යන්නේ කොහොමද ඒ වගේ ගැජට් එකක් දාගන්නේ කියලා...

මුලින්ම Design - Edit HTML ගිහිල්ලා. Expand Widget Templates ටික් එක දාන්න...

දැන් <body> කියන කොඩ් එක හොයාගන්න..
දැන් පහල තියෙන කොඩ් <body> කොඩ් එක පහලින් පෙස්ට් කරලා බොත්තම ඔබන්න..


<!-- Welcome page Start -->
<div id='welcome-wrapper'>
<b:section class='welcome' id='welcome' showaddelement='no'>
<b:widget id='Text88' locked='false' title='' type='Text'/>
<b:widget id='HTML88' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- Welcome page End -->


දැන් Design - Add a gadget - Add HTML / JAVASCRIPT  ගිහිල්ලා පහල තියෙන කොඩ් එක පෙස්ට් කරන්න..


<!-- Welcome page Start by http://trixhunter.blogspot.com/ -->
<!-- HTML part -->
<div style="padding-top:15px;">
<a id="EPEntryButton" onclick="document.getElementById(&quot;HTML88&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;Text88&quot;).style.display=&quot;none&quot;">ENTER</a>
</div>
<div id="EPGrab"><a href="http://trixhunter.blogspot.com/2010/07/hot-hot.html" target="_blank">Make your own</a></div>
<div id="EPDarkLayer"></div>
<!-- CSS part -->
<style>
#welcome-wrapper{width:40%;margin:0 auto;height:0px;text-align:center;}
/* welcome message widget */
#Text88, #EPEntryButton, #EPGrab {position:relative;z-index:510;top:100px;}
#Text88 {background-color:#fff;border:solid 10px orange;color:#222;display:none;padding:15px;}
#HTML88 {z-index:499;display:none;}
/* DarkLayer div */
#EPDarkLayer {background-color:#000;opacity:0.6;filter:alpha(opacity=60);top:0px;left:0px;z-index:500;position:fixed;}
/* Entry button */
#EPEntryButton {background-color:lawngreen;border:outset 3px #000;color:#333;cursor:pointer;font-size:25px;padding:5px;text-decoration:none;}
#EPGrab {color:white;padding-top:10px;}
</style>
<!--[if IE 6]>
<style>
#EPDarkLayer {position:absolute;}
</style>
<![endif]-->
<!-- Javascript part -->
<script type="text/javascript">
YourBlogUrl="http://trixhunter.blogspot.com/"; //enter your blog url here
fromInternal=document.referrer.search(YourBlogUrl); //check come from where
getDarkLayer=document.getElementById("EPDarkLayer").style;
getText88=document.getElementById("Text88").style;
getHTML88=document.getElementById("HTML88").style;
if (fromInternal == -1)
{ //if visitor comes from external page
getDarkLayer.width=screen.availWidth+"px"; //set DarkLayer width
getDarkLayer.height=screen.availHeight*2+"px"; //set DarkLayer height
getHTML88.display="block"; //show DarkLayer
getText88.display="block"; //show message
}
else
{ //if visitor comes from internal page
getHTML88.display="none"; //hide HTML gadget
getText88.display="none"; //hide message
}
</script>
<!-- Welcome page End -->

ඕකේ රතුපාටින් තියෙන ඒවා වෙනස් කරලා සේව් කරලා බලන්නකෝ..කොහොමද වැඩේ එළකිරි නේද? ප්‍රශ්නයක් උනොත් මට කියන්න මම උදව් කරන්නම්...වෙන මුකුත් වෙනස් කරන්න එපා..මොකද මෙයට ආදාල JS ෆයිල් ‍ටික වෙනස් උනොත් වැඩ කරන්නේ නැ...