ඔබ තවමත් Widane Forums සාමාජිකයෙක් නෙවෙයි ද..?

Widane Forums හි සියළුම ලිපිවල ඇති සියළුම Links වෙත පිවිසීමට නම් ලියාපදිංචිවීම අනිවාර්යයි.
ඔබගේ සියලුම තාක්ෂණික ගැටළු සඳහා විසඳුම් සොගැනීමට වගේම දැනුම බෙදාගැනීම සඳහා මෙහි ඉඩකඩ වෙන්කර තිබෙනවා.
ඉතින් ඇයි තවත් බලාගෙන ඉන්නේ ඉක්මනින් ලියාපදිංචිවී ඔබගේ දැනුම වැඩිකරගන්න.

Register Here




 
[Tut] Blogger Lesson - 9 (Blogger Gadgets 6 - Add Banner / Poster to your Blog / Web
#1
Blogger Tut 9
Add Banner / Poster to Your Blog / Web


අපි අද බලමු ඔයාගේ බ්ලොග් එකට බැනර් එකක් හරි පෝස්ටර් එකක් හරි දාගන්නේ කොහොමද කියලා..
HTML දන්න අයටනම් මේක ලොකු අමාරු වැඩක් නෙමේ. HTML වල තියෙන <img> කියන ටැග් එක පාවිච්චි කරන්නයි තියෙන්නේ.

අපි බලමු දැන් ඒක කරන්නේ කොහොමද කියලා..

අපි බලමු දැන් ඔයාගේ බ්ලොග් එකට හරියන විදියට ඔය කෝඩ් එක ලියාගන්නේ කොහොමද කියලා..
Quote:
<a href="01"; target="_blank"><img src="02" width="03" align="04"/></a>

ඕකේ 01, 02, 03, 04 කියන තැන් ටික වෙනස් කරන්නයි තියෙන්නේ.

01 - 1 කියන තැනට දාන්න තියෙන්නේ ඒ බැනර් එක ක්ලික් කලාම යන්න ඕනේ ලින්ක් එක වගේ එකක්. ඔයාලට පුලුවන් කෝඩ් එක ලියලා ඔයාගේ යාලුවෙක්ට කියලා එයාගේ සයිට් එකේ දාගන්න. එහෙම දානකොට දාන්නේ ඔයාගේ සයිට් එකේ ලිංක් එක. එතකොට කවුරුහරි කෙනෙක් ඔයාගේ යාලුවගේ සයිට් එකට ගිහින් බැනර් එක ක්ලික් කලොත් එයාව කෙලින්ම යන්නේ ඔයාගේ බ්ලොග් / වෙබ් සයිට්  එකට.
ඒ වගේම ඔයාගේ සයිට් එකේ මොකක් හරි විශේෂ වැඩක් / විශේෂ පේජ් එකක් තියෙනවා කියලා හිතන්නකෝ. ඒ කියන්නේ ඔයාට තියෙන්නේ Blog syndicater එකක්නම් ඒ සින්ඩිකේටර් එකට බ්ලොග් එකක් ඇඩ් කරන පේජ් එක වගේ විශේෂ පිටුවක් තියෙනවනම් ඒ පිටුව අදාල විදියට බැනර් එකක් හදලා ඔයාලගේ බ්ලොග් එකේ දාලා ඒ පේජ් එකේ ලින්ක් එක 01 කියලා තැනට දාන්න පුලුවන්. එතකොට බැනර් එක ක්ලික් කලාම යන්නේ ඒ පිටුවට..

02 - ඔතන 02 කියන තැනට දාන්නේ ඔයාලා හදාගත්ත බැනර් එකේ (ඉමේජ් එකේ) ලින්ක් එක. photoshop වගේ සොෆ්ට්වෙයා එකක් පාවිච්චි කරලා ඒ බැනර් එක හදාගෙන [Only registered and activated users can see links Click here to register] වගේ සයිට් එකකට upload කරගන්න පුලුවන්. නැත්නම් online free banner හදලා දෙන ඕනේ තරම් සයිට් තියෙනවා..

03 - 03 කියන තැනට දාන්න ඒ බැනර් එකේ දිග. දිග වැඩිවෙන තරමටම උසත් වැඩිවෙනවා. ඔයාල width වෙනුවට height කියලා දාලා බැනර් එකේ උස ප්‍රමාණය විතරක් වෙනස් කරන්න පුළුවන්. අවශ්‍ය තාවයක් තියෙනවනම් ඒ දෙකම දාන්නත් පුලුවන්.

04 - 04 කියන තැනට දාන්නේ ඒ බැනර් එක පිහිටන්න ඕනේ තැන. මැදද, වම් පැත්තට වෙන්නද වගේ දේවල් තීරය කරන්න පුලුවන්.
මේ දීලා තියෙන ඒවගෙන් ඔයාට අවශ්‍ය එක එතනට දාන්න පුලුවන්.
                left    - වමට
                right 
- දකුණට
                middle
- මැදට
                top     
  - උඩට
                bottom 
- යටටම 

ඕකේ target="_blank" කියන එක නිසා තමයි අදාල ලින්ක් එක බැනර් එක තියෙන ටැබ් එකේ නැතුව වෙන ටැබ් එකක ඕපන් වෙන්නේ.
ඒක අයින් කලොත් ඒ බැනර් එක තියෙන සයිට් එකේම බැනර් එකේ දාලා තියෙන ලින්ක් එක ඕපන් වෙනවා. ඒකත් වෙනස් කරලා ට්‍රයි කරලා බලන්න මොකද්ද වෙන්නේ කියලා..


දැන් එහෙනම් ඔයාලගේ සයිට් එකට හරියන විදියට කෝඩ් එක ලියලා බ්ලොග් එකේ layout එකේ html වලින් දාන්න. බ්ලොග් එකට html කෝඩ් එකක් දාන විදිය මම කලින් කියලා දීලා තියෙනවා..  Undecided

මේ තියෙන්නේ මගේ බ්ලොග් එකට හදපු බැනර් එකේ කෝඩ් එක
Code:
<center><a href="http://ginidal.blogspot.com"; target="_blank"><img src="https://4.bp.blogspot.com/-ZGCDlQRjgrI/Vzv-aPk0nfI/AAAAAAAAAI4/q4569AR56d8XENeaY7OxDXTSmaSM8hiHgCLcB/s1600"; width="500" align="midle"/></a></center>

html දන්න කෙනෙක් මේ ත්‍රේඩ් එක කියෙව්වනම් තේරෙයි මේකේ තනිකර තියෙන්නේ <img> ටැග් එකට අදාල දේවල් කියලා..  Tongue
එහෙහනම් අදට ටියුට් එක ඉවරයි.
ඔයාලට සයිට් නැතත් html කෝඩ් එකක් ලියලා ට්‍රයි කරලා බලන්න...
මොකක් හරි ප්‍රශ්නයක් ආවොත් කමේන්ට් එකක් දාන්න.
එහෙනම් මම ගියා..

ලිව්වේ - 
ඉදුවර උත්සර  [Image: cool.png]
<>
.:: [Induwara Uthsara] :: [රතු කුරුල්ලා] ::.
Idea  [Only registered and activated users can see links Click here to register] Idea
 Idea [Only registered and activated users can see links Click here to register]  Idea
</>
#2
කොල්ලා දියුණු වෙලා <3
Regards,
Golden Dragon.
"There are 10 types of people in this world. Those that understand binary and those that don't. Tongue "
Reply
#3
Ela ela Wink
|+| Knowledge |+| Discipline |+| Patience |+|

Area Master 
(Founder & Info. Sec. Analyst)

Widane Forums
Contact Me: [email protected]
Admin Queries: [email protected]
General Queries: [email protected] 
Reply
#4
එක්සලන්තේ



Damn.. There's a little bit of devil in her angel eye[Image: 5897aa00cba9841eabab615a.png] [Image: 5897aa00cba9841eabab615a.png]



Reply
#5
(12-30-2018, 02:05 PM)රන්වන් මකරා Wrote: කොල්ලා දියුණු වෙලා <3

(12-30-2018, 03:19 PM)Area Master Wrote: Ela ela Wink

(12-30-2018, 04:24 PM)Mmx Wrote: එක්සලන්තේ

තෑන්ක්ස් මචන්ලා.  Big Grin Blush
<>
.:: [Induwara Uthsara] :: [රතු කුරුල්ලා] ::.
Idea  [Only registered and activated users can see links Click here to register] Idea
 Idea [Only registered and activated users can see links Click here to register]  Idea
</>
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  [Tut] Blogger Lesson - 8 (Blogger Gadgets 5 - Add favicon to your Blog / Web) Induwara Uthsara 3 184 12-19-2018, 02:20 PM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - 7 (Blogger Gadgets 4 - Christmas Decorations) Induwara Uthsara 6 271 12-10-2018, 02:33 PM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - 6 (Blogger Gadgets 3 - Visitor Counter) Induwara Uthsara 6 250 12-07-2018, 04:42 AM
Last Post: Induwara Uthsara
Thumbs Up [Tut] Blogger Lesson - 5 (Blogger Gadgets 2 - Twtter Bird) Induwara Uthsara 5 219 12-06-2018, 09:37 AM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - 4 (Blogger Gadgets 1 - Populer Post List) Induwara Uthsara 4 325 10-28-2018, 10:55 AM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - 3 (Blogger Theme) Induwara Uthsara 8 556 09-18-2018, 02:45 PM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - 2 (Blogger Layout) Induwara Uthsara 3 344 09-17-2018, 02:07 PM
Last Post: Induwara Uthsara
  [Tut] Blogger Lesson - Part 1 (How to Creat a blog) Induwara Uthsara 2 289 09-14-2018, 09:00 AM
Last Post: Induwara Uthsara
Lightbulb Google Blogger Lesson Series?? Induwara Uthsara 5 393 09-13-2018, 02:42 PM
Last Post: Induwara Uthsara

Forum Jump:


Users browsing this thread: 1 Guest(s)