දැනුම, සතුට, සහ විනෝදය

!!නොමිලේ I PHONE එකක් ලබාගමු!!

noreply@blogger.com (Webtricks.lk) — Sun, 5 Aug 2018 20:26:00 +0530

කාලෙකින් ලිපියක් දාන්නේ ඉතින්කො හොමද ඔයාල හොඳින් ඉන්නව නේද ?
හරි ඔන්න එහෙනම් අද මම ඔයාලට තෑගි දිනාගන්න පුළුවන් පොඩි ක්‍රමයක් කියල දෙන්න තමයි යන්නේ. තෑගි කිවිවට මේකෙන් ඔයාලට I PHONE එකක් පවා නොමිලේ ගෙදරටම ගෙන්න ගන්න පුළුවන් වෙන විදිහේ එකක්.
ඉස්සර වෙලාම කරන්න තියෙන්නේ මම දෙන ලින්ක් එකෙන් ගිහින් REGISTER වෙන. එ්ක හරි ලේසියි. Name එක,EMAIL එක PASSWORD එක PHONE NO එක BIRTHDAY DAY එක ZIP CODE එක ඊළඟට ඔයාගේ T-shirt size size එක ඔය ටික තමා දෙන්න තියෙන්නේ. දැන් ඊට පහලින් තියෙන verification box එකේ අකුරු ටික ගහල reg button එක ඔබන්න. ඊළඟට ඔයාගෙ email එකට එන ලින්ක් එක clik කරල account එක active කරගන්න.හරි දැන් ඔයාල මේ account එකට ලොග්වෙන ගානේ දවසට එක point එකක් එකතු වෙනවා. එ්වගේම missions complete කරල points එකතුකරගන්නත්
පුළුවන්.

Daily mission එකේ සරල ප්‍රශ්න අහන්නේ අපිට නිවැරදි පිළිතුර තෝරන්න තමා තියෙන්නේ.

තව referrals ල යොමු කිරීමෙනුත් points දාගන්න පුළුවන්. ඉතින් ඔයා points 15 එකතුකරගත්තොත් pen එකක් ඉල්ලුම් කරන්න පුළුවන්.

දවසකට points දෙක ගානෙ ගත්තොත් දවස් 15න් pen එකක් අතේ.⁣ මේ විදිහට points එකතු කරගෙන ඔයාලට මේකෙන් වටිනා තෑගි ළබාගන්න පුළුවන්.pen එක ගත්තට පස්සේ වැඩේ දිගටම කරගෙන යන්න.
මෙන්න එහෙනම් ලින්ක් එක
link >> 👇

මේ තියන බඩු ඔයාලට දිනාගන්න පුළුවන්

Watch the video 👇(wait some moment till load the video )

Review එකකුත් බලමු

Gokano is a new website where you collect points and use them during restocks to get gifts completely for free!

Earning points is extremely easy and not at all time-consuming!

How to collect points (GN):
- Login daily and click the "Collect daily points"
- Complete missions by answering the daily poll (a single easy question)
- Invite new members

[embedded image could not be found]
Standard members earn 1 point for each of the actions above, while Gold members earn double the points! To receive the Gold rank (and get a free t-shirt along with it) you just need to invite 30 people! See proof at the bottom of this thread

Do NOT cheat to earn points faster, be legit!
Gokano is terminating false/inactive accounts and dishonest members are losing their points.

Prizes:
Gifts are divided in 3 categories: Gadgets, Electronics and Accessories.
Here's a screenshot of some of the Electronics prizes:

Prizes aren't always available, you need to wait for the restocks to order them!

Restocks:
Gokano always announces tha date of restocks, so you know when you'll be able to order your prize. The next restock will be on September 15th!
See my proof at the bottom of this thread

During restocks, the available prizes will show a green gift icon and a green bar under them.
Here's a screenshot of the order form: Name, Surname and Mobile are automatically filled in, you need to enter the rest of the data, solve the captcha and then click "Order prize now"!

Shipping:
Gokano is based in Poland (Europe) but they ship prizes to any country worldwide completely for free!
Prizes are shipped within 28 working days from order's date.

Proofs:
Sony In-ear Headphones
Points used: 60 GN
Ordered on: July, 2nd
Shipped on: July, 23rd
Received on: July, 27th (in just two working days)
Prize received completely for free! No costs and no shipping fees!
Value is $19.99 (source: Sony website)

T-shirt "Gold Member"
Received on: September, 10th
Gift received completely for free! No costs and no shipping fees!

අව්ලක් තියෙනවනම් 👇

Blog එකට දාපු අනවශ්‍ය photos delete කරලදාමු

noreply@blogger.com (Webtricks.lk) — Thu, 15 Mar 2018 18:21:00 +0530

Blog එකක් ලියද්දි, අපි ලියන ලිපියට අදාලව images/photos blog එකට upload කරන්නට සිදුවෙනවා. එහෙම upload කරපු photos අතර දැන් ඔයාලට blog එකට අනවශ්‍ය photos පවා ඔයාලගේ blogඑකේ තියෙන්න පුළුවන්. උදාහරනයක් විදිහට, ඔයා කලින් ලියන ලද ලිපියක් මකල දැම්මනම් ඒ ලිපියට අදාලව upload කරපු images, blog එකේ ඉතිරි වෙලා තියෙන්න පුළුවන්. ඒ වගේම ඔයා upload කලත් blog post එකට එක් නොකරනලද images එහෙමත් ඒ අතර තිබෙන්න පුළුවන්.google වලින් අපිට free ලබාදීල තියෙන සීමිත ඉඩකඩ නිසා, අපිට අනවශ්‍ය photos මකල දාල storage space එක වැඩිකරගන්න එක ගොඩක්ම වැදගත්. එහෙනම් කොාහාමද මේ අනවශ්‍ය photos blog එකෙන් අයින් කරල දාන්නේ ? සමහර අපේ blog ලියන යාළුවන්ටත් මේ ගැටළුව සමහර විට මතුවෙලා ඇති එහෙම නේද?
මම පහලින් දීල තියෙන ලින්ක් එකට ගියාම ඔයාල google එකට upload කරල තියෙන සියළුම photos ඔයාලට බලාගන්න පුළුවන්.එතනින් blogger icon එක තියෙන photos set එක තමයි ඔයාල blog එකට එකතු කරල තියෙන photos ටික වෙන්⁣නේ. දැන් ඔයාට තියෙන්නේ අනවශ්‍ය photo එක උඩ click කරල එන popup menu එකෙන් delet tab එක click කරල අවශ්‍ය නැති photos ටික මකල දාන්න.හැබැයි මතක තියාගන්න මෙතනින් delete වෙන photos blog එකෙන් අයින් වෙනවා කියන එක.

get.google.com/albumarchive/

Webtrickslk blog අඩවියෙන් ඔයාලට දැනුම ගෙනඑන මේ වගේ ලිපි නිතර ඵලවෙනවා.ඉතින් ඔයාල webtrickslk එක email subscribe කරල තියෙනවනම් අළුතින් ලිපියක් දැම්මම ඔයාලට ඒක ඉක්මනින්ම දැනගන්න පුළුවන්.
හරි එහෙනම් අදට ලිපිය අවසන් කරනවා. තවත් මේ වගේ ලිපියකින් හමුවෙනතුරු ඔයාලට සුබ දවසක්.

ඉපැරණි ශ්‍රීලංකාවේ මනහර ඡායාරූප පෙලක් නරඹමු

noreply@blogger.com (Webtricks.lk) — Fri, 9 Mar 2018 13:38:00 +0530

ඉපැරණි ශ්‍රී ලංකාව ගැන අදහසක් ඇති කරගන්න පුළුවන් දුර්ලභ එමෙන්ම ඉතා වටිනා,ශ්‍රී ලංකාවේ පැරණි ඡායාරූප පෙලක් නරඹමු .

Devil dancers.colombo

තේ කර්මාන්ත ශාලාවකට බොයිලේරුවක් රැගෙන යමින් .

ආදී වාසී ජනයා

රත්නපුර වැවක දියනාමින් සිටින ලඳුන් පිරිසක්

පිටකොටුව නගරය

මහනුවර ළඳුන්

Add caption

පොල් කඩන ළමුන් පිරිසක්

Add caption

පැරණි ශ්‍රී ලංකාවේ තැබෑරුමක්

Source from internet.

Share the post

Cooldest city of the world

noreply@blogger.com (Webtricks.lk) — Wed, 7 Mar 2018 06:37:00 +0530

ලොව ශීතලම නගරය

Yakutsk

ඔයාල දන්නවද ලෝකයේ ශීතල අධිකම නගරය මොකක්ද කියල? ඒතමයි විටෙක c° ඍණ 40 ටත් වඩා පහල බසින උෂ්නත්වයක් ඇති රුසියාවේ yakutsk නගරය.
මොස්කව් නගරයේ සිට 5000km ඈතින් තමයි මේ නගරය පිහිටල තියෙන්නේ. කොතරම් ශීතල උනත් මෙහි ජනගහනය 270,000 තරම් වෙනව කියල තමයි පැවසෙන්නේ.මෙහි වාර්තා වෙලා තියෙන අවම උෂ්නත්වය
ඍන 64° c ක්. කොහොමද නේ? එලියට උණුවතුර විසිකරාම වැටෙන්නේ අයිස් වෙලා කියල කියනවනේ. ග්‍රීස්ම කාලයට නම් යන්නම් උෂ්ණත්වය 30°c පහුකරල යනවලු. මේ කාලයේදී ශිතල තරමක් අඩු නිසා Yakutsk නගරය බලන්න යන්න හොඳම කාලය විදිහට මාර්තු සිට ජූලි දක්වා කාලය තමයි සැලකෙන්නේ. ඔක්තොම්බර් සිට අප්‍රේල් දක්වා කාලය yakutsk වල ශීත කාලයයි.මෙම කාලයේදී අධික ශීතල නිසා සමට වන හානි වලකිවා ගැනීම පිනිස yakutsk වැසියන් එලිමහනේ විනාඩි පහකට හෝ දහයකට වඩා කාලයක් ගත නොකරන්න වගබලාගන්නවලු. අපි දැන් මේ ශීතල නගරයේ මනස්කාන්ත photos ටිකක් බලමු

Yakutsk වල Vedios ටිකකුත් බලමු

Source from internet

Strang flowers of the world

noreply@blogger.com (Webtricks.lk) — Sat, 3 Mar 2018 19:03:00 +0530

ලොව වටා තිබෙන අරුම පුදුම හැඩයන් සහිත මල් ටිකක් පෙන්නන්න තමයි හදන්නේ.මිනිස් රූප,පක්ෂීන් හා සත්ව රූපයන් හා සමාන හැඩයන් ඇති මලුත් මේ අතර තිබෙනවා දකින්න පුළුවන්.හොඳින් බලන්නකෝ.ඔයාලටත් පුදුම හිතෙයි.

source - from pinterest.com

ඔයාල ළඟත් මේ වගේ photo තියෙනවනම් webtrickslk එකට එවන්න.ඔයාගේ නමින් ඒවා ඵලකරන්න අපි සුවදානම්.

rohanakumara1978@gmail.com

html lesson 5

noreply@blogger.com (Webtricks.lk) — Sat, 3 Mar 2018 13:55:00 +0530

text formatting (2⁣වෙනි කොටස)

පසුගිය පාඩමින් ඔයාල text formatting ගැන ඉ⁣ගෙන ගත්තා. අද text formatting පාඩමේ දෙවනි කොටසයි.

Superscript Text
🔸 <sup>...</sup> මේ ටැග් දෙක අතර ලියවෙන text ඉහලට එසවී පවතිනවා.

Ex - >
<!DOCTYPE html>
<html>
<head>
<title>Superscript Text Example</title>
</head>
<body>
<p>This paragraph contains <sup>"superscript"</sup>text</p>
</body>
</html>

Output
This paragraph contains "^superscript"text

subscript text
🔸<sub>...</sub> මෙම tag දෙක අතර ලිය⁣වෙන text පහතට ගිලී පවතිනවා.

Ex ->
<!DOCTYPE html>
<html>
<head>
<title>Subscript Text Example</title>
</head>
<body>
<p>This paragraph contains <sub>"subscript"</sub> text</p>
</body>
</html>

Output
This paragraph contains "_subscript" text

🔸<ins>...</ins> [inserted text] මෙම tag අතර ලියවෙන text under line වෙනවා හැබැයි <un> කියන <tag> එකෙනුත් මෙම දේම සිදුවුවත් මේ <ins>කියන ටැග් එක භාවිතා කරන්නේ ගොඩක් වෙලාවට <del>කියන tag එකත් සමගයි.මේදේ නෙවෙයි මේක කියන අර්තය තමයි එහි තියෙන්නේ.ඔයාලට පහත උදාහරන බැලුවම අදහස තේරුම් ගන්න පුළුවන් වෙයි.
Ex ->
<!DOCTYPE html>
<html>
<head>
<title>Inserted text example</title>
</head>
<body>
<p>I need to go <del>"home"</del> <ins>"work." </ins></p>
<p> price<del>rs80 </del> <ins>rs75</ins></p>
</body>
</html>

Output

I need to go ~~home~~ work

price ~~rs80~~ rs75.

Deleted Text

🔸<del>...</del> මේ tag එක ගැන මං ඉහත විස්තර කරා. මේ TAG එකේ භාවිතය පිළිබඳව ඔයාල දැනටමත් දන්නවා.
Ex ->
<!DOCTYPE html>
<html>
<head>
<title>Deleted Text Example</title>
</head>
<body>
<p>I need to go <del>"home"</del> <ins>work.</ins></p>
</body>
</html>

output
I need to go ~~home~~ work

Larger Text
🔸<big>...</big> මේ tag අතර ලියවෙන text සාමාන්‍ය text වලට වඩා විශාලත්වය වැඩියි.
Ex ->

<!DOCTYPE html>
<html>
<head>
<title>Larger Text Example</title>
</head>
<body>
<p>This paragraph uses a<big>"big"</big> text.</p>

</body>
</html>

Output
This paragraph uses a "big" text.

Smaller Text
🔸<small>...</small> මේ tag අතර ලියවෙන text අනිත් text වලට වඩා කුඩා වෙනවා.
Ex ->
<!DOCTYPE html>
<html>
<head>
<title>Smaller Text Example</title>
</head>
<body>
<p>This paragraph uses a <small>"small"</small> text.</p>
</body>
</html>

Output
This paragraph uses a "small" text.

Text fomenting පාඩම අදින් ඉවර කරනවා. ඔයාල මං මේ දෙන tags මතක තියාගන්නව වගේම මේ codes text editer එකක ලියල output එක කොහොමද වෙන්නේ කියලත් බලන්න ඕන.නිතරම practice කරාම හොඳප්‍රතිඵලයක් ගන්න පුළුවන්. එහෙනම්ඊ ළඟට තවත් වැදගත් html tags පිළිබඳව පාඩමකින් හමුවෙනතුරු අදට සමුගන්නම්.

Previous lesson ->
>>> Text formatting (part 1)

Useful and smart Desktop tools and gadgets for win 7

noreply@blogger.com (Webtricks.lk) — Thu, 1 Mar 2018 07:42:00 +0530

ඔයාල භාවිතා කරන්නේ win 7 os එක නම් ඔන්න මං ඔයාලට අද දෙන්න යන්නේ සුපිරි win 7 tools සහ utility gadgets ටිකක් download කරගන්න පුළුවන් පට්ටම site එකක link එකක්. මේ gadgets pc එකේ maintenance එකට වැදගත් වගේම desktop එකට ලස්සනකුත් ගේනඑනවා. ඔයාලගේ කැමත්ත පරිදි තෝරගන්න gadget රාශියක්ම තියෙනවා. කැමති එකක් තෝරගෙන download කරගන්න. පහලින් තියෙන screenshots ටිකත් බලලම ඉන්න.

go to link
Screenshots

Categorys

Add caption

අදට ලිපිය අවසන්.ආයෙත් මේවගේ ලිපියකින් හමුවෙනකන් ඔයාලට සුබ දවසක්!

ඔයාගේ chrome browser එකත් up to date ද?

noreply@blogger.com (Webtricks.lk) — Tue, 27 Feb 2018 20:13:00 +0530

Google chrome browser එකේ version එක හොයාගමු

අද වැඩි දොනක් භාවිතා කරන browser එක තමයි google chrome browser එක. Browser එකෙන්ඉ හොඳින් වැඩ ගන්න නම් browser එක up to date තියෙන්න ඕනෙ. ඔයාගේ crom browser එකත් up to date තියෙනවද? Version එක මොකක්ද?
chrom එකේ අළුත්ම version එක මොකක්ද? මේ කියන කාරනා ඔයාලට දැනගන්න අවශ්‍ය නම් පහත සඳහන් link එකට ගිහිල්ලා ඒ තොරතුරු ඔයාලට බලාගන්න පුළුවන්

ඒ වගේම ඔයාලට අවශ්‍ය නම් google chrome browser එක මේ site එකෙන් download කරගන්න උනත් පුළුවන් .

Screenshots

Web site එකට ගිහින් පහත රූපයෙන් දැක්වෙන විදිහට " what version of chrome do i have "කියන තැනින් ඔයාලගේ chrome එකේ version එක බලාගන්න පුළුවන්.

මේ වගේ ඔයාලට ප්‍රයෝජනවත් වන ලිපි webtrickslk blog අඩවියෙන් නිතරම ඔයාලට අරගෙන එනවා. Webtrickslk blog site එක subscribe කරන්න එතකොට ලිපියක් පලවු සැනින් ඔයාලට ඒක දැනගන්න පුළුවන්.

එහෙනම් අදට ලිපිය අවසන් කරනවා ගිහින් එන්නම්.

please Share the post

Html wedgets

noreply@blogger.com (Webtricks.lk) — Tue, 27 Feb 2018 06:34:00 +0530

අදත් මං අරගෙන ආවෙි ඔයාලට ප්‍රයොජනවත් වෙන blog wedget එකක්. මෙිකත් ඔයාගේ blog එක search කරන්න යොදාගන්න පුළුවන් blog search bar එකක්.මං කලිනුත් එකක් ඔයාලට දීල තියනවා.
එාහනම් පහතින් දීල තියෙන code එක,layout >>html/javascript ගිහින් content box එකේ past කරන්න.ඊළඟට save button එක clik කරන්න දැන් blog එකට ගිහින් බලන්න wedget එක blog එකට එකතුවෙලා තියෙයි.


<style type="text/css"> #hbz-searchbox { height: 40px; position: relative; min-width: 250px; max-width: 300px; margin: 10px auto; } .hbz-buttonwrap { border: none; width: 14%; height: 35px; display: block; position: absolute; top: 0; right: 0; background: #009bff; cursor: pointer; border-bottom: 5px solid #0276c1; } .hbz-buttonwrap:hover { border-bottom: 5px solid #bc490a; background: #d75813; } .hbz-submit { width: 35px; height: 35px; background: transparent; cursor: pointer; position: absolute; right: 50%; top: 50%; margin-top: -17.5px; margin-right: -17.5px; border: none; } .hbz-submit:after { content: ''; position: absolute; width: 8px; height: 8px; border: 2px solid white; border-radius: 50%; left: 10px; top: 9px; box-sizing: content-box; } .hbz-submit:before { content: ''; position: absolute; height: 8px; width: 2px; background: white; transform: rotate(-35deg); top: 19px; left: 21px; } #hbz-input { height: 32px; width: 82%; position: absolute; padding-left: 4%; border: none; outline: none; right: 14%; border-bottom: 5px solid #bbb; border-left: 1px solid #eaeaea; background-color: #fbfbfb; border-top: 1px solid #eaeaea; box-shadow: 1px 1px 2px #e9e4e4 inset; } #hbz-input:focus, #hbz-input:active { background-color: #fff; } </style> <form action="/search" id="hbz-searchbox" method="get"> <span class="hbz-buttonwrap"><button class="hbz-submit" value="" type="submit"></button></span> <input type="text" name="q" id="hbz-input" placeholder="Type here ..." /> <input type="hidden" name="max-results" value="8" /> </form>


Value එකෙන් දීල තියෙන්නේ post per page ප්‍රමානය ඒක ඔයාලට customized කරගන්න පුළුවන්. උදා - value ="10"

මේ විදිහ තමයි search bar එකේ පෙනුම පෙනුම වෙන්නේ.

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

Post එක share කරන්න

some Strange photos from around the 🌎 for your entertainment

noreply@blogger.com (Webtricks.lk) — Sun, 25 Feb 2018 19:31:00 +0530

අද මං ඔයාලට බලල රසවිඳින්න පුළුවන් ලස්සන වගේම ටිකක් අමුතු ජායාරූප ටිකක් ඉදිරිපත් කරනවා.බලල හොඳයිනම් comment එකකකුත් දාලම යන්න.

Html උගනිමු (පාඩම 4)

noreply@blogger.com (Webtricks.lk) — Sun, 25 Feb 2018 16:54:00 +0530

Tex formatting (1 කොටස)

අද ඔයාලට මං ඉදිරිපත් කරන්නේ html පාඩම් මාලාවේ 4 වන පාඩමයි.

අද පාඩමින් මං ඔයාලට කියල දෙන්නේ text formatting ගැන. අද අපි බලමු html එකක text එකක් කොහොමද format කරගන්නේ කියලා. මං පහත සඳහන් කරල තියෙනව tags ටික. ඒවා html එකේ භාවිතා වන ආකාරයත් සඳහන් කරල තියෙනවා. ඔයාල මේ tags හොඳට මතක තියාගන්න. ඒ වගේම මං කලින් ඔයාලට දීල තියෙනවා මේ code play කරල බලන්නපුළුවන් apps දෙකක් (windows වලට සහ android වලට)ඔයාල මේ දෙන codes ඒවගේ ලියල play කරල බලන්න.

Text formatting tags

# <b>…</b> මේ tag එක text එකක්- bold
කිරීම සඳහා භාවිතාකරනවා.
#<i>…</i> text එකක් italic කිරීමට මේ tag එක යොදාගන්නවා.
#<u>…</u> text underline කිරීමට මේ tag එක යොදාගන්නවා
#<strike>…</strike> text එක මැදින් හරහට යන ඉරක් ඇඳීමට මේ tag එක භාවිතා කරනවා.
#<tt>…</tt> [monospaced font] මේකෙන් කරන්නේ text එකක width එක එකම ප්‍රමානයට දක්වන එක. උදාහරනයක් විදිහට ගත්තම "w"අකුරට වඩා අඩු space එකක් තමයි l අකුර ලියන්න ගන්නේ නේද? ඉතින් මේ <tt>…</tt> tag අතර තියෙන elements(ටැග් දෙක් අතර තියෙන දෙයකට element එකක් කියල අපි හදුන්වනවා) එකම width එකෙන් තමයි තියෙන්නේ.

හරි එහෙනම් අපි ඉහත සඳහන් tags, html වල භාවිතා වෙන ආකාරය බලමු

<!Doctype html>

<html>

<head>

<title>text formatting </text>

</head>
<body >

<p>this is a <b> "bold text" </b> paragraph </p>
<br>

<p>this is a <i>"Italic Text"</i> paragraph </p>

<br>

<p>this is a <u>"UnderLine Text" </u>paragraph </p>

<br>

<p>this is a <strike> "strike through Text" </strike>paragraph </p>

<br>

<p>this is a <tt> "monospaced text" </tt> paragraph </p>
</body>
</html>

Output

this is a "bold text" paragraph

this is a "Italic Text" paragraph

this is a "UnderLine Text" paragraph

this is a ~~"strike through Text"~~ paragraph

this is a "monospaced text" paragraph

හරි එහෙනම් text formatting 2 වන පාඩමත් අරන් ඊළඟ ලිපියෙන් හමුවෙනකන් අදට සමුගන්නවා
ඔයාලට සුබදවසක් !

<<Html previous lesson [horizontal line tag]
Html Next lesson >> Text formatting 2

Html ඉගෙනගමු html පාඩම 3

noreply@blogger.com (Webtricks.lk) — Thu, 22 Feb 2018 22:23:00 +0530

අද html පාඩමින් මං ඔයාලට කියල දෙන්නේ <hr />[horizontal line ] tag එක html එක තුල භාවිතා කරන ආකාරය ගැනයි.

<hr /> - {horizontal line] tag

html එකක තිරස් අතට රේඛාවක් (horizontal line)ඇතිකිරීම එහෙමත් නැත්තම් document එක line එකකින් වෙන් කිරීම සඳහා <hr />tag එකභාවිතා කරනු ලබනවා.මේකට horizontal rule එක කියලත් කියනවා. මේ tag එක empty element එකක් විදිහට තමයි හැදින් වෙන්නේ. හේතුව opening tag එක සහ අවසන් tag එක අතර කිසිවක් ලියවෙන්නේ නැති නිසා. මේ tag එක භාවිතා කරනකොට hr එක ලඟට space එකක් තියල forwad slash[/] එක type කරන්න මේ විදිහට "<hr />" මේ space එක තිබ්බෙ නැත්තම් පරන web browser වලට horizontal line එක පෙන් වීමේදී ගැටළු ඇතිවෙනවා ඒ වගේම ⁣මේ විදිහට "<hr>" forwad slash එක නැතිව type කරන්නත් එපා එහෙම උනොත් xhtml වලට valid වෙන්නේ නැහැ.

<!Doctype html>

<html>

<head>

<title>horizontal line </title>

</head>

<body>

<p>this paragraph is above the line</p>

<hr />

<p>this paragraph is below the line</P>

</body>

</html>

Output

this paragraph is abov the line

this paragraph is below the line

ඔයාලට පේනව ඇති ඉහත උදාහරනයේ
<hr /> tag එක තියෙන තැනින් line එකක් ඇඳිල තියෙනවා.

හරි දැන් අපි බලමු color,size,width attribute භාවිතාකර line එකේ color එක සහ size සහ width එක වෙනස් කරන ආකාර ගැන.

[color changing]

<!DOCTYPE html>
<html>

<head>
<title>Horizontal Line color</title>
</head>

<body>

First Line
<hr color="blue"> Second Line
<hr color="red">

</body>

</html>

Output

දැන් අපි බලමු line එකේ size එක වෙනස් කරන ආකාරය ගැන

[Size changing]

<!DOCTYPE html>
<html>

<head>
<title>Horizontal Line size</title>
</head>

<body>

First Line
<hr size="12px" color="blue"> Second Line
<hr size="28px" color="brown">

</body>

</html>

Output

ඒවගේම අපිට පුළුවන් width attribute එක භාවිතා කර line එකේ width එක වෙනස් කරන්න.

[Width changing]

<!DOCTYPE html>
<html>

<head>
<title>Horizontal Line width</title>
</head>

<body>

First Line
<hr width="40%" size="10px" color="red"> Second Line
<hr width="75%" color="blue"> Third Line
<hr color="green">

</body>

</html>

Output

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

Go to >> Html පාඩම 2
Go to >> html පාඩම 1

Blog එකට ලස්සන Css3 Search bar widget එකක්

noreply@blogger.com (Webtricks.lk) — Mon, 19 Feb 2018 22:23:00 +0530

Css3 search bar wedget for blogger

අද මන් ඔයාලගේ blog එකට දාගන්න ලස්සන search bar wedget එකක් දෙනවා.ඔයාල පහතින් සඳහන් වන code එක layout>>gadget>>ගිහින් html/javascript box එකට paste කරන්න

ඊළඟට save button එක clik කරන්න.

<form id="abt-css3-search" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="Type here" />
<input id="submit" type="submit" value="Search" />
</form>
<style>
#abt-css3-search{background:lightblue;background-image:0;-moz-border-radius:10px;border-radius:10px;width:270px;height:35px;overflow:hidden;border-color:#c4d9df #a4c3ca #83afb7;border-style:solid;border-width:1px;padding:10px}
#search,#submit{float:left}
#search{height:23px;width:180px;border:1px solid #a4c3ca;font:normal 13px 'trebuchet MS', arial, helvetica;background:#f1f1f1;-moz-border-radius:50px 3px 3px 50px;border-radius:50px 3px 3px 50px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);padding:5px 9px}
#submit{background:pink ;background-image:0;-moz-border-radius:3px 50px 50px 3px;border-radius:3px 50px 50px 3px;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;height:35px;width:60px;cursor:pointer;font:bold 14px Arial, Helvetica;color:#23441e;text-shadow:0 1px 0 rgba(255,255,255,0.5);border-color:#7eba7c #578e57 #447d43;border-style:solid;border-width:1px;margin:0 0 0 10px;padding:0}
#submit:hover{background:#95d788;background-image:0}
#submit:active{background:#95d788;outline:none;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset}
#submit::-moz-focus-inner{border:none}
#search.placeholder{color:#9c9c9c!important;font-style:italic}
#search:focus{background:#fff;outline:none;border-color:#8badb4}
#search::-webkit-input-placeholder,#search:-moz-placeholder{color:#9c9c9c;font-style:italic}
</style>

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

HTML පාඩම 2.

noreply@blogger.com (Webtricks.lk) — Sun, 18 Feb 2018 19:18:00 +0530

අද html පාඩමේ දෙවනි කොටසයි ඔයාලට ගෙනඑන්නේ. පලවෙනි පාඩම කරල ටිකක් ප්‍රමාද උනා දෙවෙනි පාඩමට එන්න.
කමක් නහැ අද ලිපියෙන් ඔයාලට මං කියල දෙන්නේ pargraph tag එක සහ hedding tag එක පිළිබඳවයි.

<P> Phargraph ආරම්බක tag එක
</p> phargraph අවසන් tag එක

මේ tag අපි භාවිතා කරන්නේ web එකක paragraph එකක් ලිවීම සඳහායි.
පහත උදාහරනය බලන්න.

<!DOCTYPE html>
<html>

<head>
<title>Paragraph Tag</title>
</head>

<body>

<p>This is my First Paragraph </p>
<p>This is Second Paragraph </p>
<p>This is the Fourth Paragraph </p>
<p>This is the Fifth Paragraph </p>

</body>

</html>

මං ඔයාලට කලින් පාඩමෙන් මේ html code ලියල test කරන්න (pc එකෙන් සහ android phone එකෙන් )apps දෙකක ලින්ක්ස් දුන්නා.ඔයාල ඒවා download කරගන්න ඇති කියල මං හිතනවා.download කරගත්ත අය මේ codes ඒවගේ ලියල

පුරුදු වෙන්න.
ඉහත code එක හරියට ලිව්වනම් මේ විදිහට තමයි දිස්වෙන්න ඕන

This is my First Paragraph

This is the Second Paragraph

This is the Fourth Paragraph

This is the Fifth Paragraph

හරි ඊළඟට අපි බලමු heading tag ලියන විදිහ

<!DOCTYPE html>
<html>

<head>
<title>Heading in HTML</title>
</head>

<body>

<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>

</body>

</html>

<h>heading ආරම්භක tag එක

</h> අවසන් tag එක

<h1> සිට <h6> දක්වා html heading විස්තර කිරීම සඳහා මේ tag යොදා ගන්නවා <h1>heading tag එක html එකක ගොඩක් වැදගත්වෙන heading tag එකයි. seo වලටත් මේ tag එක ගොඩක් වැදගත් වෙනවා. <h6>tag එක තමයි වඩාත් අඩුවෙන් වැදගත් වෙන heading tag එක වෙන්නේ. Heading tag එකේ අංකය අනූව heading එකේ size එක වෙනවා.heading tag ලියන්නේ <body>tag අතරයි.

ඉහත code එකේ Output එක මේවිදිහයි

Heading1

Heading2

Heading3

Heading4

Heading5

Heading6

හරි එහෙනම් ඔයාල මේ code text editer එකක ලියල පුරුදුවෙන්න. මීලඟ ලිපියෙන් තවත් වැදගත් html පාඩමක් සමඟින් ඔයාල හමුවෙන්නම්.අදට සමුගන්නවා ඔයාලට සුබ දවසක්!

# Html පාඩම 1>> මෙතනින් යන්න

please share the post

Blog එකට youtube vedios දාාන හැටි

noreply@blogger.com (Webtricks.lk) — Sun, 18 Feb 2018 10:21:00 +0530

Blog එකට youtube vedios එකතුකරගන්න හැටි තමයි මං අද ඔයාලට කියලදෙන්නේ. ඉතින් Blog එකකට vedios දාාගන්න ක්‍රම කිහිපයක්ම තියෙනවා. මං පහතින් සඳහන්කරල තියෙන ක්‍රම වලින් ඔයාට ගැලපෙන කැමති ක්‍රමයක් භාවිතා කරන්න පුළුවන්.

# 1. Blogger එකේ insert vedio option එක මඟින් vedio එකතුකර ගැනීම.

Blogerඑකට යන්න.දැන් add a newpost ගිහින් insert vedio icon එක clik කරන්න

දැන් පහත රූපයේ පෙනන පරිදි from youtube තෝරන්න.

දැන් search box එකේ vedio එ⁣කේ නම type කරල search කරන්න

දැන් video එකේ thumbnail එක clik කරන්න.ඊටපස්සේ select button එක ඔබල vedio එක blog එකට දාගන්න .

#2. embed code එක මගින්.

Youtube.com එකට ගිහින් කැමති vedio එකක් තෝරගන්න දැන් පහලින් ඇති share button එක click කරන්න

දැන් පහත රූපයේ ⁣පෙනෙන විදිහට embed button එක clik කරන්න.

දැන් code එක copy කරන්න.(පහත රූපය)

Embed Code එක copy කරගත්තට පස්සේ Blog>> add new post>> ගිහින් html tab එක select කරන්න. දැන් html editer එකේ ඔයාට youtube vedio එක එකතුවෙන්න අවශ්‍ය තැනට code එක paste කරන්න.

දැන් Post එක publish කරන්න.

#3. Share button එක මගින් youtube videos blog එකට එකතුකරගැනීම.

Youtube.com එකට යන්න කැමති video එකක් තෝරගන්න

දැන් පහලින් ඇති share button එක click කරන්න

එවිට social meedia icon රාශියක් ඔයාට දකින්න ලැබෙයි

එතනින් blogger icon එක select කරන්න. දැන් අළුත් widow එකකට එනවා එතනින් ඔයාට ඔයා creat කරල තියෙන blog වලින් vedio එක addවෙන්න අවශ්‍ය blog එක select කරන්න.

දැන් post එක publish කරන්න .

අද ලිපියෙන් ඔයාලට youtube vedio එකක් blog එකට දාගන්න විදිහ ගැන දැනුමක් ලැබෙන්න ඇති කියල මං හිතනවා. මේ වගේ ලිපියකින් නැවතත් හමුවෙන තුරු අදට සමුගන්නම්.

ලිපිය හොඳනම් comment එකක් දාලම යන්න.

ඔයාලට සුබදවසක් !

Fb එකට user name එකක් දාමු

noreply@blogger.com (Webtricks.lk) — Wed, 14 Feb 2018 20:42:00 +0530

කාලෙකින් තමයි මං ඔයාලට ලිපියක් අරන් එන්නේ. පහුගිය දවස් ටිකේ පොඩ්ඩක් busy උනා.
හරි එහෙනම් මං අද ඔයාලට කියල දෙන්නේ facebook user name එකක් දාගන්න විදිහ.ඔයාලා fb එකට user name එකක් දාල නැතිනම් මේ විදිහට තමයි ඔයාලගේ url එක පෙන්නන්නේ

https://www.facebook.com/profile.php?id=100008744343189

(මං කලින් පාඩමකින් ඔයාලට කියල දුන්නා fb එකේ url එක පහසුවෙන් හොයාගන්න විදිහ)
හැබැයි user name එක දාපුවහම මේ විදිහට තමයි url එක පෙන්නන්නේ

https://www.facebook.com/blogtriks

Blog එකට gadget එහෙම එකතු කරනකොට සමහර widget වලට user name එක දාන්න වෙන අවස්ථා ඔයාල දැකල ඇති. එහෙනම් fb එකට user name එකක් දාන්නේ කොහොමද කියල දැන් මම ඔයාලට කියල දෙන්නම්. මං පහතින් දීල තියෙන ලින්ක් එක clik කරන්න.
goto link

දැන් මේ page එකේ username කියල තියන තැන ඔයාට කැමති නමක් දාන්න පුළුවන් .හැබැයි දැනට වෙන කෙනෙක් භාවිතා කරන නමක් දාන්න බැහැ එහෙම එකක් දැම්මොත් username is not available කියල පෙන්නනවා.name එකට අවම වශයෙන් අකුරු 5ක් වත් තියෙන්න ඕන. නම දාල save change tab එක click කරන්න.
වැඩේ ගොඩ.
එහෙනම් මං ගියා ඔයාලට සුබ දවසක්!

Fb app එක හරහා Facebook profile page එකේ,group එකේ සහ page එකේ url එක පහසුවෙන් හොයාගන්න විදිහ.

noreply@blogger.com (Webtricks.lk) — Sun, 4 Feb 2018 08:45:00 +0530

මං අද ලිපියෙන් ඔයාලට කියලදෙන්නේ fb app එක භාවිතාකර facebook යන මිතුරන්ට, profile page එකේ, group එකේ, සහ page එකේ url එක පහසුවෙන් හොයාගන්න විදිහයි. ඔයාගේ page වල url එක කාට හරි දෙන් උවමනා වෙනකොටක ඔයාට මේ විදි භාවිතා කරල පහසුවෙන් url එක හොයාගන්න පුළුවන්. ⁣
හරි මන් එහෙනම් පලමුවෙන්ම ඔයාගේ fb profile page එකේ url එක හොයාගන්න විදිහ කියල දෙන්නම් . ඉස්සර වෙලාම ඔයාගේ fb app එකෙන් profile icon එක clik කරල profile page එකට යන්න දැන් අර තිත් තුනක් තියෙන cycle එක clik කරන්න

එතනින් copy link to profile select කරන්න

දැන් url එක clip board එකට copy ⁣වෙලා තියෙන්⁣නේ දැන් කැමති තැනකට url එක paste කරගන්න පුළුවන්.
දැන් අපි බලමු group එකේ url එක ලෙහෙසියෙන් හොයාගන්න හැටි.
Fb app එකෙන් group page එකට යන්න එතනින් info button එක clikකරන්න.

දැන් දකුනු පැත්තේ ඉහල කෙලවරේ share icon එක clik කරන්න දැන්

copy to clip board select කරන්න.

දැන් ඔයාගේ url එක clip bord එකට copy වෙලා තියෙන්නේ.
Fb Page එකේ url එක මේ විදිහට.
fb page එකට යන්න ඉහල වම් කෙලවර තිත් තුන ඔබන්න

පහලට scroll කරල copy link tab එකට එන්න දැන් copy link tab එක ඔබල ඔයාට පුළුවන් page එකේ url එක clip bord එකට copy කරගන්න.

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

Blog Post එකට download button එකක් දාගන්න හැටි

noreply@blogger.com (Webtricks.lk) — Wed, 31 Jan 2018 15:36:00 +0530

අද මන් ඔයාලට කියල දෙන්න යන්නේ ⁣animated download button එකක් post එකට එකතු කරන විදිහයි.
මං මේක එකතු කරන්නේ add a gadget හරහායි. මේ ක්‍රමයෙන්html ගැන එතරම් දැනීමක් නැති අයට උනත් පහසුවෙන් blog එකට download button එකක් එකතු කරගන්න පුළුවන් css codes blog එකට එකතු කරන විදි කලින් පාඩමකින් මන් ඔයාලට කියල දීල තියෙනවා. කියවපු නැති අය මෙතනින් ගිහින් පාඩම කියවන්න.
Blog එකට css code ඇතුලත් කරන ක්‍රම
සාමාන්‍ය html දැනීමක් ඇති අයට ඒ ක්‍රම භාවිතා කරලත් මේ වැ⁣ඩේ කරගන්න පුළුවන්.
හරි එහෙනම් වැඩේ පටන්ගමු.ඉස්සර වෙලාම මේ විදිහට කරන්න . ඔයාලගේ blogger dashboard එකේ layout ගිහින් add a gadget selec කරන්න

ඊටපස්සේ html/java script tab එක ඔබන්න.

එතන content aria එකේ පහතින් දීල තියෙන code එක past කරන්න.

<style>
.testbutton {
font-family: arial;
font-weight: bold;
color: #FAF1ED !important;
font-size: 10px;
text-shadow: 1px 1px 0px #7CACDE;
box-shadow: 1px 1px 1px #BEE2F9;
padding: 10px 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid #3866A3;
background: #63B8EE;
background: linear-gradient(top, #63B8EE, #468CCF);
background: -ms-linear-gradient(top, #63B8EE, #468CCF);
background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
background: -moz-linear-gradient(top, #63B8EE, #468CCF);
}
.testbutton:hover {
color: #14396A !important;
background: #468CCF;
background: linear-gradient(top, #468CCF, #63B8EE);
background: -ms-linear-gradient(top, #468CCF, #63B8EE);
background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
background: -moz-linear-gradient(top, #468CCF, #63B8EE);
}
</style>

දැන් gadget එක අදුන ගන්න පහසුවෙන්න title කියල තියෙන තැන ඔයාට පුළුවන් title එක විදිහට download button කියල දාන්න හැබැයි එහෙම දැම්මොත් ඒක blog එක කියවන අයට පේනවා ඒ හින්දා මේ විදිහට කරන එක වඩාත් හොඳයි. මේ විදිහට code ඒක javascript window එකේ content කියල තියන තැනට ඉහලින් ලියා ගන්න (මේ විදිහට ලීවාම blog එකේ පෙන්නන් නැහැ.)

දැන් save කරල layout page එකේ ,ඉහල දකුනු කෙලවර save arrangements tab එක clik කරන්න. ඊළඟට ඔයාට download button එක අවශ්‍ය post එක select කරල button එක add වෙන්න අවශ්‍ය තැනට පොඩි mark එකක් දාගන්න තැන හොයාගන්න ලේසි වෙන විදිහට.(xxxxවගේ එකක්) .දැන් html tab එක select කරල අර ඔයා දාපු mark එක හොයාගන්න.(එතනට තමයි අපි button එක add කරන්නේ.) දැන් පහලින් දීල තියෙන html code එක එතන type කරන්න.

<a href="#" class="testbutton">download </a>

"#"කියල තියෙන තැන ඔයාට අවශ්‍ය link එ⁣කේ url එක දෙන්න.download කියල තියෙන තැනට ඔයාට button එ⁣කේ display වෙන්න ඕන නම දෙන්න උදා- go to link,click here වගේ
දැන් compose clik කරලබලන්න.button එක පෙන්නන්න නම් post එක publish කරන්න ඕන.
තවත් මේ වගේ පාඩමකින් හමුවෙන තුරු අදට සමුගන්නවා. ඔයාලට සුබ දවසක්!

html පාඩම 1 (මුලික අවබෝධය)

noreply@blogger.com (Webtricks.lk) — Sun, 28 Jan 2018 21:33:00 +0530

මම ඔයාලට පසුගිය ලිපියකින් කිව්වා ළඟදී html පාඩම් මාලාවක් පටන් ගන්නවා කියලා.ඉතින් ඔයාලට කිව්ව විදිහටම මම අද පලවෙනි html පාඩම ඔයාලට ඉදිරිපත් කරනවා.

html - (hyper text markup language )

html කියන්නේ markup language එකක්. scripting,programming languages වගේ code ලියන්න මෙහිදී script භාවිතා කරන්නෙ නැහැ.
html language එකෙන් web ගොඩනගන්නෙ <P>,<br> වගේ tags භාවිත කරල. ඒ වගේම ගොඩක් දෙනා web නිර්මානය කරන්න බහුලව යොදාගන්නේ,html language එක. සරල text වලින් ලියන නිසා html ඉගෙන ගන්නත් පහසුයි.
1991දී Berners-Lee කියල කෙනෙක් තමයි html හඳුන්වල දීල තියෙන්නේ.සංස්කරන කීපයක් යටතේ html භාවිතා වෙලා තියෙනවා.නවතම සංස්කරණය හැටියට දැන් html 5 භාවිතා වෙනවා .පහලින් දැක්වෙන්නෙ සංස්කරණය සහ එය එලි දක්වපු වර්ෂයයි

VERSION	YEAR
Html	1991
Html 2.0	1995
Html 3.2	1997
Html 4.01	1999
XHtml	2000
Html 5	2012

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

<!Doctype html>

<html>

<head><title> my first html

lesson</title>

</head>

<body>
<p>my first html lesson</p>
</body>

</html>

ඔයාල මේ code එකtext editer එකක ගහල බලන්න හරියට කරානම් මේ විදිහට display වෙනවා.

ඔයාලට පුළුවන් phone එකෙන්ම මේ ටික කරල බලන්න.මන් පහලින් දීල තියෙන html editer ඇප් එක install කරල ඒකෙ මේ cods ලියල play කරල බලන්න.pc එකේ මේවිදිහට පුළුවන් ඔයාලට මේ codes අත්හදා බලන්න.pc එකේ note pad එක open කරගන්න ඊට පස්සේ ඉහත පිලිවෙලට code ටික ලියන්න. file extension එක විදිහට .html(ඉදිරියෙන් dot එක තියන්නමතක ඇතුව) දාල file එක save කරන්න. Encoding විදිහට UTF-8 select කරන්න. දැන් file එක double clik කරාම ඔයාගේ default browser එකෙන් file එක open වෙනවා.

එහෙනම් අපි දැන් ඉහත html ටැග් ගැන පොඩ්ඩක් දැනගමු.

<!Doctype html>
මේ tagඑකෙන් අදහස් කරන්නේ document එක html 5 කියන එකයි

<html>මේකෙන් අදහස් කරන්නේ html document එකක් කියන එක.html එකක් ලියන කොට මේ ටැග් එක අනිවාර්යයෙන්ම ඇතුලත් කල යුතුයි.html document එක ආරම්භ කරන්නෙ මේ tag එකෙන් ඒවගේම අවසන් කරන්නෙත් මේ tag එ⁣⁣⁣කෙන්මයි.

ඊළඟට <head> එක.මූලික වශයෙන් html එක කොටස්දෙකකට වෙන්කරනු ලබනවා ඒ තමයි head එක සහ body එක. page එක ක්‍රියාකරවන්න අවශ්‍ය දෙවල් meta information, document එකේ title එක,script ,style අඩංගු වෙන්නේ head එක තුලයි non visible elements තමයි මේ තුල අඩංගු වෙන්නේ.ඒ කියන්නේ මේ තුල අන්තර් ගත දෙවල් වෙබ් එ⁣කේ(title එක හැර) පෙන්නන්නෙ නැහැ.

ඊළඟට <title>එක title එක ලියන්නේ <head> එකේ අරම්භයත් </head එකේ අවසානයත් අතරයි.page එකේtitle එක තමයි මෙතන සඳහන් කරන්නේ.හැම html document එකකටම title එකක් තිබිය යුතුයි. html එකකට තිබිය යුත්තේ එක title එකක් පමනයි.search engine වල page එකට දාන නම තමයි පෙන්නන්නෙ.ඒ නිසා seo වලට title එක ⁣ගොඩක් වැදගත් වෙනවා

<body> - text,hyperlinks,images,tables,list වැනි html document එකක සියළුම සංයුති මෙහි අඩංගු වෙනවා(web page එකේ දර්ශනය වෙන්න අවශ්‍ය දෙවල් තමයි ⁣මෙහි තිබෙන්නේ.)

<p> - මේ tag එක තුල paragraph අන්තර්ගත කරනු ලබනවා.

හැම ටැග් එකටම (කීපයක් හැර) ආරම්භයක් සහ අවසානයක් තිබිය යුතුයි.
" <>"Tagඑකක් ආරම්භ කරන්නේ මේ විදිහට
"</> "අවසන් කරන්නේ මේ විදිහට
උදා p(paragraph) tag එක ආරම්භය <p>
P tag එක අවසානය </p>

ඔයාල මතක තියාගන්න ඕනHtml එකක හැම⁣දෙයක්ම ලියවෙන්නේ tag දෙකක් (open tag එක සහ closing tag එක)අතර.ඒ වගේම ටැග් එකක් දාල යමක් type කරාම නියමිත තැනදි tag එක වහන්නත් මතක තියා ගන්න නැතිනම් browser එකට document එක කිසියාකාරව කියවගන්න බැරුව යනවා.

html editer app for android -
⤵
go to link

html editer app for pc

go to link

අද පාඩමින් ඔයාලට html ගැන මුලික අවබෝධයක් ලැබෙන්න ඇති කියල මන් හිතනවා.
ඊළඟ පාඩමින් තවත් අතවශ්‍ය ටැග් ගැන ඔයාලට කියල දෙන්නම්. එහෙනම් ඊලඟ ලිපියෙන් නැවත හමුවෙනතුරු අදට සමුගන්නම් ඔයාලට සුබ දවසක්.

Html >> පාඩම 2

FOURM>>> LETS LEARN HTML

Blog එකට css code ඇතුලත් කිරීමේ ක්‍රම.( blog පාඩම 5)

noreply@blogger.com (Webtricks.lk) — Thu, 18 Jan 2018 21:22:00 +0530

ඔන්න අදත් ඔයාලට දැනුම ලබාදෙන්න වටිනා ලිපියකුත් අරගෙන මන් ඔයාල හමුවෙන්න ආවා.
අද අපි කතාකරන්නේ කොහොමද blog එකකට css code ඇතුල් කරන්නේ කියන එක පිළිබඳවයි

Blog එකකට CSS ⁣CODE එකක් ඇතුලත් කරන ආකාර කිහිපයක්ම තියෙනවා. මන් අද ලිපි⁣යෙන් Blog එකට css code/ gadget ඇතුලත් කරන විදි වලින් ක්‍රම 3 ක් පිළිබඳව ඔයාලට කියල ⁣දෙනවා. තවත් ක්‍රම කීපයක් තිබෙනවා ඒවා ඉදිරි ලිපිවලින් මන් ඔයාලට කියල දෙන්නම්.

1 ක්‍රමය

Blogger dashboard එකෙන් theme tab එකට යන්න.එතනින් customize tab එක click කරන්න

ඊටපස්සේ advanced tab එක clik කරන්න. add css කියල tab එකක් ඇති

හැබැයි ඔයාල දාල තියෙන template අනූව මේ tabs තියෙන තැන් වෙනස් වෙන්න පුළුවන් . (සමහර විට ad css tab එක සැඟවිලා තිබුනොත් පහලට scroll කරල ඔයාට ඒක හොයාගන්න පුළුවන්.) එතනට ගිහින් blank aria එක( white screen)එක පාරක් clik කරන්න ඊට පස්සේ ඔයා copy කරගත්ත css code එක එතන past කරන්න. මෙතනදී සිදුවන ⁣වෙනස්කම් පහත preview window එකෙන් ඔයාලට බලාගන්නන පුළුවන් . අව්ලක් නැත්තම් apply to blog tab එක clik කරන්න. මෙතනදී blog එකේ තියෙන style එක override වෙනවා.මේ ක්‍රමයෙදී ඔයාට css එක customize කිරී⁣මේ හැකියාවක් නැහැ.

ඉතින් මේ හැම දෙයක්ම කරන්න කලින් template එකේ backup එකක් දා⁣ගෙන ඉන්න(dashboard එකේ theme tab එක select කරල එතනින් backup/restore tab එක clik කරල theme එක බැකප් කරගන්න පුළුවන්)

ඒ වගේම ඔයා එකතු කරන css code එකත් වෙනම copy කරල තියාගන්න. මොකද ඔයාට templat එක අයින් කරන්න උනොත් ඔයා add කරපු css code එකත් නැතිවෙන හින්දා. ඉතින් මේ ක්‍රමය css,html ගැන වැඩිය නොදන්න කට්ටිය⁣ට භාවිතා කරන්න හොඳ ක්‍රමයක්. ඒ වගේම අවදානමත් අඩුයි.

2 ක්‍රමය -

bloger dashboard එකට ගිහින් lay out tab එක click කරන්න.add a gadget tab එකක් click කරන්න.

දැන් html/java script tab එක clik කරන්න.

Blank aria එකේ පහත සඳහන් ක්‍රම දෙකෙන් එකක් භාවිතා කර code එක past කරන්න

1. <style type="text/css">

(Paste your css code here)

</Style>

හෝ

2. <Style>(paste your css codehear)

</Style >

ආධුනික අය Title කියල තියෙන තැනට ඔයා එකතුකරන gadget එකේ නම දානවනම් හොඳයි.(එතකොට අනවශයි කියල හිතෙනවනමි gadget එක html එකෙන් අයින් කරල දාන්න ලේසියිනෙ) හැබැයි මෙතනට දාන නම blog එකේ දිස් වෙනවා. Html එකට external විදිහට සම්බන්ධ වෙන නිසාත් gadget එක අනවශ්‍යයි කියල හිතෙන වෙලාවකට layout,gadget page එකට ගිහින් පහසුවෙන් code එක අයින් කරල දාන්න තිබෙන හැකියාවත් නිසා මේ ක්‍රමයත් html ගැන වැඩි දැනුමක් නැති අයට පහසුවෙන් භාවිතා කල හැකි ක්‍රමයක්. ඔයා⁣ blog එකේtemplat එක වෙනස් කරත් gadget එකෙන් අපි මේක අයින් කරනකන් මේක blog එකේ තියනවා.

3.ක්‍රමය

(මේ ක්‍රමයට යන්න නම් html ගැන යම් කිසි දැනුමක් ඔයාලට අවශ්‍ය වෙනවා.) bloger dashboard එකෙන් theme tab එක click කරල එතනින් edit html tab එක clik කරන්න.

මෙතන ති⁣යෙන්නේ ඔයාගේ theme එකේ html file එක.(css එකත් තියෙනවා).මම ඔයාලට කියල තියනවා කලින් html එක හැදිල තියෙන්නේ html සහ css වලින් කියල ඉතින් දැන් අපිට ⁣හොයාගන්න වෙනවා මේකෙ css style තියෙන තැන.මේ වැ⁣ඩේ pc එකෙන් කරන එක පහසුයි.html file එකේ ඇතුල තැනක clik කරන්න ඊට පස්සේ pc එකේ control +f key එකවර ඔබන්න එතකොට මේ වගේ search box එකක් එයි.එතන මේ code(]]></b:skin>) එක ගහල enter කරන්න එතනදි ඔයාව මේ code එක තියෙන තැනට

යොමුවෙනවා දැන් මේ code එක ඉදිරියෙන් හරි ඉහලින් හරි css code එක insert කරන්න පුළුවන්. Code එක applyකරන්න කලින් preview කරල බලන්නත් මතක තියාගන්න.අව්ලක් නැත්තම් apply කරන්න.css එකක් ඇතුලත් කරන්න ඕන <style> සහ </style>ටැග් අතරයි
තවත් ක්‍රමයක්.
ඉස්සර වෙලා වගේ ctrl+f ඔබල find on page function එක අරන් </head> කියල type කරල enter කරන්න

ඊට පස්සේ <style> සහ </style>tag එක අතර </head> එකට උඩින් css code එක past කරන්නත් පුළුවන්.මේ විදිහට css code එකක් place කරන්න පුළුවන් ස්ථාන කීපයක්ම තියෙනවා. ඉදිරි ලිපි වලින් ඒව ඔයාලට කියල දෙන්නම්.

ඉතින් මේ post එකෙන් blog එකට css code ඇතුලත් කරන ආකාරය පිළිබඳව ඔයාලට හොඳ දැනුමක් ලැබෙන්න ඇති කියල මම විස්වාස කරනවා.ඒ වගේම මම ඔයාලට ඉදිරියේදී html හා css ගැන පහසුවෙන් අවබෝධ කරගන්න පුළුවන් පාඩම් මාලාවක් ඉදිරිපත් කරන්න හිතාගෙනයි ඉන්නේ. දිගටම මේ පාඩම් මාලාවත් එක්ක සම්බන්ධ වෙලා ඔයාල දැනුම ලබාගන්න.

ඒ වගේම මේ post share කරල අනිත් යාළුවන්ටත් මේ දැනුම ලබාගන්න උදව් කරන්න.

එහෙනම් මම අදට නවතිනවා ඔයාලට සුබ දවසක්.

Blog එකෙන් මුදල් සොයමු

noreply@blogger.com (Webtricks.lk) — Fri, 12 Jan 2018 15:25:00 +0530

සුබ දවසක් යාළුවනේ ඔන්න මන් ඔයාලට ⁣ගොඩක් වැදගත් වෙන ලිපියකුත් අරගෙන අදත් ආවා ඔයාල හමුවෙන්න.

ඔයාලත් කැමති ඇති ඔයාලගේ blog එක මගින් යම්කිසි මුදලක් උපයගන්න පුළුවන් වැඩපිලිවෙලකට යන්න එහෙම නේද ? හරි එහෙනම් මන් අද කියල දෙන්න යන්නේ blog එක හරහා මුදලක් උපයගන්න පුළුවන් විදිහක් ගැනයි. මේක ලංකාවෙ blog කරන කට්ටිය අතර ජනප්‍රිය advertisement site එකක්. ඔයාල දන්නවා adsence වගේ ආයතන අපේ blogs වල ඵලකරන්න adds දෙන්නෙ නැහැ. හැබැයි මේ⁣කෙන් නම් අපිට අපේ blog වලට adds ගන්න පුළුවන්. ඉස්සර වෙලාම කැමති අය මෙතනින් ගිහින් register වෙන්නකෝ.

Click hear to register

ඔයාගේ නම ,user name එක, රට, web /blog එකේ url එකregister form එකට ඇතුලත් කරන්න. ඔයා මේක blog එකටනම් apply කරන්නේ catagary වලට blog/chat/forum select කරන්න. ඊට පස්සේ email verify කරල account එකට log වෙන්න.ඔයාගේ applcation එක accept කරාට පස්සේ email එකට පනිවිඩයක් එයි .ඊළඟට තියෙන්නේ account එකට log වෙලා පහලින් තියෙන විදිහට settingsටික හදාගන්න.

මේ තියෙන්නේ dashboard එක

ඒකෙ වම් පැත්තේ publisher ට පහලින් get code tab එක clik කරන්න.

ඊට පස්සේ page එක මේ විදිහට වෙනස් වෙයි

මෙතන පොඩි down arrow එක (1) click කරලා ඔයාගේ webඑක/blog එක select කරන්න ඊළඟට get code tab එක select කරන්න.

දැන් copy to clip board select (1)කරල code එක copy කරගන්න ඊළඟට add to blogger select කරන්න.(2)

දැන් Title එකට නමක් දීල (එතකොට gadget එක අදුන ගන්න පහසුයි) add widget clik කරන්න. දැන් ඔයාලගේ layout page එකේ gadget වලට මේ add widget එක එකතුවෙලා තියෙයි .දැන් වම් පැත්තේ ඉහල කෙලවරේ save arrangements tab එක clik කරන්න. දැන් වැඩසටහන අපේ blog එකට එකතු වෙලා තියෙන්නේ. දැන් ආයෙත් dashboard එකට ගිහින් . Websites click කරන්න

ඊ ළඟට setting tab එක select කරන්න.

මෙතනදී 1.adult content කියන එක disallow කරන්න. එතකොට ඔයා⁣ගේ blog එක බලන කෙනාට adults links පෙන්නන එක නවතා ගන්න පුළුවන්.

ඊ ළඟට update website tab එක clik කරන්න.
Cash out කරන ආකාරය -
Dashboard එකේ Billing වලට යන්න

එතනින් cash out තෝරන්න.

ඊටපස්සේ මුදල් බැර කරන account එක ලබාදෙන්න.paypal/Payza/paxum/web mony යන account තමයි support කරන්නේ.

මේ තියෙන්නේ recent pay proof එකක්.(මගේ එකක් නම් නෙවෙයි)

Minimum pay out එක $10යි

ඉතින් ඔයාලට blog එක හරහා මුදල් සොයන්න පුළුවන් තවත් එක ක්‍රමයක් තමයි මං අද ඔයාලට කියල දුන්නේ . Ad.fly වලින් මුදල් සොයන විදිහ කලින් මම ඔයාලට කියල දීල තියෙනවා. එහෙනම් අදට ලිපිය අවසන් කරනවා හැබැයි මට තව පොඩි දෙයක්ත ඔයාලට කියන්න තියෙනවා
මේක මං ඔයාලට කියන්නේ අපේ අනිකුත් blog ලියන සහෝදරයනුත් වෙනුවෙනුයි. ඔයාල දන්නවා blog එකක් ලියන්න පොඩි කාලයක් වගේම කැපවීමකුත් අවශ්‍ය වෙනවා ඉතින් ඔයාල⁣ගෙන් ලැබෙන like එකක් comment එකක්share එකක් blog ලියන මං වගේම අනිකුත් සහෝදරයන්ටත් ගොඩක් වටිනවා මේක ඉදිරියටත් කරගෙන යන්න. ඒ වගේම සමහර blog වල ad.fly වගේ link දාල තියෙනවා මේවා පොඩි කරදරයක් නම් තමයි blog කියවන ඔයාලට හැබැයි මේ link එකක් ඔයාල clik කරොත් blog එකක් ලියන කෙනාට එයාගෙ කැපවීම වෙනුවෙන් පොඩි හරි සහනයක් ලැබේවි.විදේශීය රටවල නම් මේ ad.fly වැනි link blog වලට දාලා විශාල වශයෙන් මුදල් උපයනවා මේ හරහා අපේම කෙනෙක් ගොඩ යනවනම් ඒකත් අපිට සතුටට කාරනයක්නෙ නේද . එහෙනම් තවත් මේ වගේ ඔයාලට වැදගත් ලිපියකින් හමුවෙන තුරු අදට සමුගන්නම්.

Paypal හරහා phone එක recharge කරමු

noreply@blogger.com (Webtricks.lk) — Sun, 7 Jan 2018 18:56:00 +0530

Send Reloads to Sri Lanka Mobile Phones use Paypal

මේ ක්‍රමයෙන් paypal හරහා ඔයාගේ phone එකට මුදල් (reacharge)දාගන්න පුළුවන් Read more

Code කිරීම් වලින් තොරව facebook,twitter,g+වැනි SOCIAL BUTTONS, POSTඑකට add කරගමු

noreply@blogger.com (Webtricks.lk) — Sat, 6 Jan 2018 21:04:00 +0530

මේ වගේ ලස්සන share button set එකක් කිසිම code කිරීමකින් තොරව ඔයාගේ හැම post එකකටම යටින් automatically එකතුවෙන විදිහට යොදාගන්න පුළුවන් විදියක් ගැන මම ඔයාලට අද කියල දෙනවා. මේක css ගැන වැඩිය නොදන්න ආධුනික අයට ගොඩක් ප්‍රයොජනවත් වෙයි. පලමුවෙන්ම මේ ලින්ක් එකට යන්න.
Clik this link - Add to any

ඊළඟට "Get the share" button එක clik කරන්න

එතනින් ඔයාගේ platform එක විදිහට "blogger" image එක clik කරන්න

"Install blogger widget" clik කරන්න

එතනින් "Add widget" click කරන්න

Layout වල add to anny gadget එක මේ විදිහට එකතුවෙලා තියෙයි . දැන් layout page එකේ දකුනු පස ඉහල ⁣කෙලවරේ save arrangements tab එක clik කරන්න.

දැන් ඔයාලගෙ post වලට යටින් share buttons එකතුවෙලා තියෙයි. + ලකුන clik කරල තවත් option ලබාගන්න පුළුවන්.

තවත් මේවගේ වටිනා ලිපියකින් ඔබව හමුවෙන තුරු අදට සමුගන්නම්

WEBTRIKSLK.BLOGSPOT

COM

PLSE SHARE THE POST

සිංහPedia: බ්ලොග් එකට like button එක දාගමු

noreply@blogger.com (Webtricks.lk) — Sat, 6 Jan 2018 18:54:00 +0530

සිංහPedia:
බ්ලොග් එකට like button එක දාගමු

Adsense ප්‍රතිපත්ති ප්‍රකාශනය සිංහලෙන් දැනගමු

noreply@blogger.com (Webtricks.lk) — Sat, 6 Jan 2018 18:47:00 +0530

දැනටමත් adsense කරන අයට සහ කරන්න බලාපොරොත්තුවෙන් ඉන්න අයට adsense ප්‍රතිපත්තිය දැනගෙනෙ ඉන්න එක ගොඩක් වැදගත්වෙයි කියල මට හිතුනා.ඉතින් englis වලින් තියෙන adsense ප්‍රතිපත්ති ප්‍රකාශනය සිංහලට පරිවර්තනය කරල තමයි පහලින් දීලතියෙන්නේ. මේ ලිපිය තිබුනේ් sinhapedia.blogspot.com එකේ පරිවර්තනය කරේ කව්ද කියන එක නම් දන්නෙ නැහැ විශේෂයෙන් ඔයාලට වැදගත් වෙයි කියල හිතුන නිසා මේ post එක පඵලකලේ.

Adsense Program එක සඳහා සහභගිවන්නන් පහත සඳහන් Adsense policies එනම්, Adsense ප්‍රතිපත්ති හොඳින් කියවා තේරුම් ගත යුතුය. මෙම ප්‍රතිපත්ති වලදී යම් කෙනෙක් එකඟ නොවී කටයුතු කරන්නේ නම් ඔහුගේ/ඇයගේ Web / Blog page සඳහා Google Ads ලබාදීම අත්හි‍ටුවන අතර Adsense account Disable කිරීමටද සිදුවනු ඇත.එසේ උවත් මෙම ප්‍රතිපත්ති ඉ‍ටුකරගැනීම සඳහා ඔබ සමඟ කටයුතු කිරීමට අප වඩාත් කැමැත්තෙමු. Adsense policies ඕනෑම අවස්ථාවක ඕනෑම Account එකක් Disable කිරීමේ පූර්ණ අයිතිය අප සතුව ඇත.යම් හෙයකින් ඔබගේ Adsense account එක Disable වී නම් තව දුරටත් Adsense Program සාමාජිකයෙක් වීමට ඔබ සුදුසුකම් ලබන්නේ නැත. අපගේ ප්‍රතිපත්ති ඕනෑම අවස්ථාවක වෙනස් කිරීමේ අයිතිය අප සතුව ඇති බව විශේෂයෙන් සඳහන් කරමු. (01) Invalid Click & Impressions (නීත්‍යානුකූල නොවන Click කිරීම් හා පිටපත් ගණන) Google Ads මත Click විය යුත්තේ එය භාවිතා කරන්නන්ගේ තනි කැමැත්ත මතය.මොනයම් ක්‍රමයකින් හෝ ව්‍යාජ Click හා Impressions ඇති කරයි නම් එය දැඩි ලෙස තහනමට ලක් කෙරේ.මෙහිදී විය යුත්තේ කායිකව වෙහෙසී (අතින් ක්‍රියාකර) කිරීමයි. තව ද රොබෝවරු උපයොගී කර ගැනීමෙන්,ස්වයංක්‍රියව සිදුකිරීමෙන්,උපකරණ භාවිතයෙන්,තුන්වන පාර්ශවයකගේ සහායෙන් Click හා Impressions කිරීම නොකළ යුතුය. විශේෂයෙන් ඔබට ඔබගේම Ads Click කල නොහැකි අතර එය Account තහනම් කිරීමට හේතුවක් වේ. (02) Encouraging Clicks ( Click කිරීමට පෙළබවීම) Adsense Program සඳහා සහභාගි වන්නන් නොකල යුතු දෑ කිහිපයක් පහත වේ. Google Ads Click කිරීම හා Users (භාවිතා කරන්නන්) පෙළබවීමක් නොකළ යුතුය. මෙහිදී ‘’Click the Ads’’, ‘’ Support us’’ ,’’Visit these Links’’ වැනි වචන හෝ මේ සමාන තේරුම් ඇති භාෂාවක් භාවිතා කිරීමෙන් වැලකිය යුතුය. සෘජුවම User ගේ අවධානය ඊතල මඟින් වෙනත් රේඛා සටහන් මඟින් ලබා නොගත යුතුය. Google Ads පෙන්නුම් කරන Blog/ Web Sites නීත්‍යානුකූල නොවන E –mails විශාල ප්‍රමාණ හරහා ප්‍රසිද්ධ නිකල යුතුයි. (03) . Site Content Google Ads Display වන Site එකක නොතිබිය යුතු දේ. Adsense සඳහා Support කරන Languages වලට අමතර වෙනත් Languages සහිත Web sites සඳහා Google Ads ලබා දෙනු නොලැබේ. ප්‍රචන්ඩත්වය ජාති වාදය හෝ වාර්ගික අදහස් නොතිබිය යුතු අතර ඕනෑම සංවිධානයකට හෝ කණ්ඩායමකට හෝ තනි පුද්ගලයෙකුට එරෙහිව නොතිබිය යුතුය. වැඩිහිටියන් සඳහා, විනෝදයට පරිගණක වල දත්ත විනාශ කරන Hacker පිලිබද,මත්ද්‍රව්‍ය පිලිබද,මුදලට ඔට්‍ටු ඇල්ලීම් පිලිබද හා සූදු ක්‍රීඩා පිලිබද විස්තර ඇතුලත් නොවිය යුතුය. අයථා ලෙස බලපෑම් කරමින් හා නොමඟ යවමින් තමන්ගේ Web / Blog වැඩි දියුණු කර ගැනීම ලිපිබද පිලි නොතිබිය යුතුයි. ගිනි අවි අලෙවි කිරීම සහ ඒවා වැඩි දියුණු කිරීම පිලිබඳ පිලි නොතිබිය යුතුයි. දුම්කොල සහ දුම්කොල අශ්‍රිත නිෂ්පාදන ලිපිබද පිලි නොතිබිය යුතුයි. බියර් හා මද්‍යසාර පිලිබද පිලි නොතිබිය යුතුයි, ශිෂ්‍ය විභාග පත්‍රිකා හා පාසල් ශිෂ්‍ය රචනා පිලිබඳ පිලි නොතිබිය යුතුයි. නීතිමය නොවන කටයුතු මෙන්ම නීතිමය අයිතීන් උල්ලංඝනය වන දේ පිලිබඳ පිලි නොතිබිය යුතුයි. (04). Copyrighted Meterial කෘති හිමිකම් කෘති හිමිකම් නීතිය යටතේ අන් අයගේ Web site වල ඇතුලත් විස්තර නීතිමය අවසරයකින් තොරව ඔබගේ Web site එක තුලට ඇතුලත් නොකලයුතුය. මෙහිදී ඔවුන්ගේ Google Ads එම Web site වල තිබිය හැකි අතර ඒවා Copy කිරීම ඔවුන්ගේ කෘති හිමිකම් උල්ලංඝනය කිරීමකි. මෙහිදී වැදගත් කරුණ නම් ඔබටම ආවේනික,පූර්ණ අයිතිය ඔබ සතු Web site එකක් මිස අන් අයගේ Web site එකක් ඔබ සතු කර ගැනීම නොවේ. එහි අඩංගු සියලු තොරතුරු වල අයිතිය ඔබ සතු විය යුතුය. (05). Site & AD Behavior (Site එක හා දැන්වීම් වල හැසිරීම) එක වෙනස් නොකල යුතු අතර එහි නියමිත ප්‍රමිතිය වෙනස් කිරීමට හෝ එය අයතා ලෙස හැසිරවීම Google සමාගම අවසර දෙනු නොලැබේ. ඕනෑම Adsense Code එකක් එහි ඇති ආකාරයෙන්ම Copy කර Paste කල යුතු අතර වෙනස් කිරීම් නොකල යුතුය. මෙහිදී Ads වල හැසිරවීම ,ඉලක්කය ලෙස වෙනස් නොකල යුතු අතර එවිට Ad එකක් Click කල විට වෙනත් පි‍ටුවකට පිවිසීමට නොහැක. තුන්වන පාර්ශවයක් හෝ Site එකක් අපගේ Google Ads,Search Box, Search Results,Referral Buttons කිසිඳු Software එකක් හෝ වෙනත් මාර්ගයකින් පෙන්නුම් නොකල යුතුය. කිසිඳු Software Application එකකට Adsense Code එක සම්බන්ධ නොකල යුතුය. Referral Unit(යොමු කිරීමේ ඒකකය) එක හා සම්බන්ධ Users වෙත නීතිමය උපදෙස් නොයැවිය යුතුය. ඔබ Adsense Program එකට සහභාගි වීම පිලිබඳ දැන්වීම කරන්නේ නම්, එම දැන්වීම Users නොමඟ යවන ආකාරයේ එකක් නොවිය යුතුය. (06). Ad Placement (නියමිත ස්ථානය) Adsense මගින් දැන්වීම් ආකෘති ගණන හා නිෂ්පාදන වල දැන්වීම් ලබා දෙනු නොලැබේ.ප්‍රකාශයට පත්කරන්න විසින්,(Publisher) විවිධ ස්ථාන සඳහා සුදුසු Ads පිලිබඳ සොයා බලා ඒවා ස්ථානගත කල යුතුය. එහිදී පහත කරුණු ගැන සැලකිල්ලක් දක්වා සුදුසු තැන්හි ස්ථානගත කිරීමෙන් ප්‍රතිඵල ලබාගත හැකිය.එක් Web page එකක තිබිය හැකි වන්නේ Ad unit 3ක් පමණි. නමුත් මෙයින් අදහස් වන්නේ Ads පිලිබඳ නොවේ. Ad unit පිලිබඳවයි. Ad unit එකක් තුල Ads කිහිපයක් තිබෙන්නට පුලුවන. උපරිම Search Boxes පෙන්නුම් කල හැක්කේ 2කි.Ad Link Unit 3ක් පෙන්නුම් කල හැක. එක් පි‍ටුවක දැක්විය හැක්කේ Referral Unit 3කි එනම්, Ad Unit, Search Boxes, Link Units වල එකතුවකි. Adsense for Search Results යන ඒකකයෙන් පෙන්නුම් කරන්නේ Google සමඟ එකතුවී සිටින Ad unit වල Ads පමණි.මෙහිදී වෙනත් දැන්වීම් ඔබගේ Search Results තුල පෙන්නුම් කරන්නේ නැත. Google Ad එකක් හෝ Google Search Box එකක් තුල pop up /pop under හා E mail තුල ඇති දේ පෙන්නුම් කරන්නේ නැත. නිශ්චිත වශයෙන්ම Web site එකේ අරමුණ Ads පෙන්වීම හා ඊට අදාල විස්තර ලබාදීම පමණක් නම් ඇතැම් විට Google ads Display වන්නේ නැත. (07). Competitive Ads and Services. තරඟකාරී දැන්වීම් හා සේවාවන් ඇතැම් විට වෙනත් Web site වල වෙනත් මොනයම් හෝ Ads හා සේවාවන් ඇතුලත් වන්නට පුලුවන.ඒවා Google සේම එම වර්ණයෙන් හා එම ආකාරයෙන්ම භවිතා කර තිබීමට පුලුවන.එවැනි Web sites වලට Google Ads හා Search Boxes Publish කිරීමට අප අවසර දෙන්නේ නැත. මෙහිදී අපගේ පරමාර්තය භාවිතා කරන්නන් පැටලිලි සහගත වීම වැලැක්වීමයි.සෘජුවම ඔබගේ Site එක මගින් ආ විකිණීමත් සිදුකලත්,මෙම Ads,Google ads සමග පැටලිලි සහගත වීම වැලැක්වීම ඔබගේ යුතුකමක් හා වගකීමක් වේ (08). Product – Specific Policies නිෂ්පාදන නියමිත ප්‍රතිපත්ති. ඇතැම් Adsense නිෂ්පාදන සඳහා අමතර ප්‍රතිපත්ති ඇත. උදාහරණ : - Adsense for mobile Adsense for video Adsense for feeds (09). Google Advertising Cookies Internet Logout වන සෑන වාරයක් පාසාම එතෙක් කරගෙන ආ (Privet Data) තොරතුරු එකතු වන ස්තානය cookies හා History වේ.මෙහිදී තුන්වන පාර්ශවයකට ඉතිරිවන එම තොරතුරු ඔබගේ File තුලට ඇතුලු විය හැකි බැවින් Logout වන සෑම විටම ඔබගේ තොරතුරු Remove කල යුතුය. එය පහත සඳහන් අයුරින් කල හැකිය. ඔබ දැනට භාවිතා කරන්නේ Mozilla Firefox නම් :- History ---- Clean Recent History ----Clear ඔබ දැනට භාවිතා කරන්නේ Internet Explorer නම් :- Internet Option මඟින් Remove කල හැකිය
මේ postඑක මම ලියපු එකක් එහෙම නෙවෙයි.මේ ලිපිය උපුටා ගත්තේ sinhapedia.blogspot.com එකෙන්.ඔයාලට වැදගත් වෙයි කියල හිතුන නිසා දැම්මේ