Showing posts with label Blogger Tutorials. Show all posts
ඔන්න මම අද ඔයාලට ගෙනාවේ බොහොම වටිනා ලිපියක්.මේක බොහෝමත්ම වැදගත් වෙන්නෙ බ්ලොග් කරුවන්ට.මොකද දැන් කාලේ හැක් කිරීම් දරුණු ලෙස වර්ධනය වෙනවා.ඉතිං මේවායින් ආරක්ෂා වෙන්නත් අපිට පුලුවන් වුනොත් තමයි අපිට පුලුවන් බේරෙන්න.ඔයාලට පුලුවන් ඔය පහළ දාල තියන බට්න් එක ක්ලික් කරල ගිහිං රෙජිස්ටර් වෙලා.තමන්ගෙ බ්ලොග් ලිපි backup එකක් දාගන්න.ඊට පස්සෙ හදිස්සියේ බ්ලොග් එකට හැක් එකක් එල්ල වුනොත් අපිට පුලුවන් ඒ backup එක restore කරන්න.එහෙනම් මම ගියා.
.jpg)
මේකයි වෑඩේ අර site එකක් තියෙන්නෙ page එක දාපුවහම likes එන .
මෙන්න ඒ සයිට් එක:http://likeme741.blogspot.com/
එකට දවසකට 10000+ කට වඩ කස්ටිය එනවනේ .අපි කරන්නෙ අපිත් එ වගේ එකක් හදලා එක අපෙ බ්ලොග් එකට දානවා . එයලගෙ site එකට අයෙ යන්නෙ නෑතිවෙන්න.
මේකයි හැක් කෝඩ් එක.
<iframe frameborder='0' height='400' src='http://mobotricks.info/TokLike/N45e404/' width='500'></iframe>
ඕක ඔයලගෙ බ්ලොග් එකෙ අලුත් page එකක් අරගෙන code eka දාගන්න එතකොට එක අපෙ වගේ දාගෙන හිට්ස් and traffic ලෙසියෙන්ම ගන්න පුලුවන්.
Like ගන්න පියවර - (අනිත් අයටත් කියල දෙන්න)
මම අද ආවෙ තවත් විජෙට් එකක් අරගෙන.මේක ටෙක්ස්ට් එකක්.මේ නියෝන් ටෙක්ස්ට් එක පාවිච්චි කරල අපිට පුලුවන් අපේ බ්ලොග් එකට welcome message එකක් දාන්න.එහෙනම් අපි දැන්ම වැඩේ පටන් ගමු නේ.මම කියන විදියට පියවර වශයෙන් කරන්න.
පියවර 1
මුලින්ම Blogger.com - Layout - Add Gadget යන්න
පියවර 2
ඊට පස්සෙ Html/Javascript තෝරල පහත කෝඩ් එක කොපි කරල පේස්ට් කරන්න.
<h2>
<script language="JavaScript1.2">
/*
Neon Lights Text
By Yasiru (http://www.sinhapedia..com)
*/
var message="Welcome to SinHaPedia"
var neonbasecolor="red"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</h2>
පියවර 3
Welcome to SinHaPedia - පෙනිවය යුතු message එක දෙන්න.ඔයාලට කැමති විදියට වෙනස් කරන්න පුලුවන්.
red - base colour එකයි.මේකට ඔයාලට කැමති පාටක් දෙන්න.
yellow - neon effect එකේ පාටයි.ඔයාලට කැමති විදියට වෙනස් කරන්න පුලුවන්
මම අද ආවෙ ඔයාලට පොඩි ගැජට් එකක් දෙන්න.මම මේක පියවර විදියට කියල දෙන්නම්.ඔයාලට තියෙන්නෙ මම කියල දීපු විදියට වැඩේ කරන්න.
පියවර 1
Blogger.com - Layout - Add Gadget යන්න
පියවර 2
ඉන්පසුව Html/Javascript තොරල පහත දීල තියෙන කෝඩ් එක කොපි කරගෙන පේස්ට් කරන්න.
<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")
/*powerd & written by Yasiru from www.sinhapedia.com
*/
/*powerd & written by Yasiru from www.sinhapedia.com
*/
</script>
පියවර 3
ඊට පස්සෙ සේව් බට්න් එක ක්ලික් කරල සේව් කරන්න.වැඩේ ගොඩ මම ගියා.
මම අද ආවෙ ඔයාලට පොඩි ගැජට් එකක් දෙන්න.ඒක පොඩි JS එකක්.මම මේක බ්ලොග් එකට දාන හැටි පියවර වශයෙන් ඔයාලට කියල දෙන්නම්.හා පොඩ්ඩක් මේක කියන්න තියනවා.මට ඇනොනි කෙනෙක් කියල තිබුණා. බ්ලොග් එක ලෝඩ් වෙන්න ගොඩාක් වෙලා යනව කියලා.ඒ වගේම තවත් අය චැට් කරල තිබුණා.අපි මේ දවස්වල හොද ටෙම්ප්ලේට් එකක් ඩිසයිනිං කරමිනුයි යන්නේ.ඒක අපේ පළමු සංවත්සරේ දවසෙදි තමයි අප්ඩේට් කරන්නේ.එතකං පොඩ්ඩක් ඉවසගෙන ඉන්න වෙයි.එහෙනම් දැන් කතා ඇති. වැඩේ පටන්ගමු.
පියවර 01
මුලින්ම blogger.com යන්න.
පියවර 02
දැන් Layout - Add Gadget - Html/Java script යන්න.
පියවර 03
පල්ලෙහායින් දාල තියෙන කෝඩ් එක කොපි කරගෙන උඩදි කිව්ව තැනට පේස්ට් කරන්න
<script language="JavaScript">
if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 50px Arial;"></span><br />')
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
/*
Digital Clock - Script Writen By Yasiru (http://www.sinhapedia.com)
*/
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();
hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2
var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
/*
Digital Clock - Script Writen By Yasiru (http://www.sinhapedia.com)
*/
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}
setTimeout('WorldClock()',1000);
}
window.onload=WorldClock
//-->
</script>
<script language="JavaScript">
/*
Digital Clock - Script Writen By Yasiru (http://www.sinhapedia.com)
*/
if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 50px Arial;"></span><br />')
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"පෙ.ව.":"ප.ව.";
statusampm = ampm.toLowerCase();
hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2
var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}
setTimeout('WorldClock()',1000);
}
window.onload=WorldClock
//-->
</script>
පියවර 04
50px Arial - කියන තැනට අදාළ ෆොන්ට් එකේ සයිස් එක දෙන්න.මේක ඔයාලට කැමති විදියට වෙනස් කරගන්න
පෙ.ව. ප.ව. - කියන තැනට තමාට කැමති භාෂාවකින් දාගන්න
එහෙනම් මම ගියා.
මම අද ඔයාලට ගෙනාවෙ වැදගත් දෙයක්.මේක විශේෂයෙන් වැදගත් වෙන්නෙ බ්ලොග් කරුවන්ට.ඒ කියන්නෙ මම අද ගෙනාවෙ විජෙට් එකක්.විජෙට්ටුව ගැන තවත් කියන්න වැඩක් නැහැ මාතෘකාවේ තියනවනේ.මේ විජෙට් එක දාන හැටි මම කොටස් වඔයෙන් කියල දෙන්නම්.ඉස්සෙල්ලා දාපු ලිපියක කියල තිබුණ කෙනෙක් තේරෙන්නෙ නැහැ කියලා.
පියවර 1
බ්ලොග් එකේ Template Designer යන්න
පියවර 2
ඊට පස්සෙ CTRL+F ඔබලා ඔඩ වැටෙන ටෙක්ස්ට බොක්ස් එකේ <div class='post-header-line-1'/> දාල සර්ච් කරන්න.ආවෙ නැතිවුනොත් <data:post.body/> කොඩ් එක සර්ච් කරන්න
පියවර 3
ඊට පස්සෙ ඉහත දාල තියෙන කෝඩ් එක තියෙන තැන පෙන්නාවි.ඊට පස්සෙ ඒ කෝඩ් එකට උඩින් පහළ දාල තියෙන කෝඩ් එක කොපි කරල පේස්ට් කරන්න.ඊට පස්සෙ තියෙන්නෙ සේව් කරන්න.
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
පියවර 4
කියල දුන්නට මට පින් හරි ඔය ඩොනේට් බට්න් එක ක්ලික් කරාට කමක් නැහැ.මම ගියා.සිරානේ.
මම අද ගෙනාවෙ බ්ලොග් අඩවියක් කරන අයට නියම ගැජට් එකක්.අපේ බ්ලොග් වල සයිඩ් බාර් එකේ background එක නිකම්මනේ තියෙන්නෙ.ඒ නිසා මම මේ ගැජට් එක ඔයාලට ගෙනාවෙ.තාම ස්කෝලෙ විභහගෙ.ඒ නිසා බොහොම අමාරුවෙන් අද කම්පියුටරයට ආවේ.ආපු වෙලාවෙත් මට මතක් වුණේ මගේ යාළුවෝ ටික.එහෙනම් දැම්ම වැඩේ පටන් ගමු.
ඔයාල blogger.com-layout-add gadget - html/javascript එක තෝරල මම මේ පහල දීල තියෙන කෝඩ් එක බ්ලොග් එකට දාගන්න.දාල ඉවරවෙලා ඔය ඩොනේට් බට්න් එක ක්ලික් කරාටත් කමක් නෑ.මම ගියා.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.sinhapedia.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
<p><a href="http://www.sinhapedia.com"/><span style="font-size: 80%">Grab this</span></a></p>
මේක මම අද අරගෙන ආවෙ විශේෂයෙන් බ්ලොග් කරුවන්ට.මම අද දෙන්න යන්නෙ ඇත්තෙන්ම ඔයාලගෙ බ්ලොග් එකේ මවුස් එකට පොඩි ඇනිමේටන් එකක්.මේක බොහොම හොදයි.මම මේ වෙබ් එකෙත් ඇඩ් කරල තියෙන්නෙ අන්න ඒක තමයි දෙන්න යන්නෙ.
මුලින්ම ඔයලා Layout >> Page Element >> Add a gadget >> "html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එකක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න.
<script language="javascript">
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='www.sinhapedia.com';
var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
//********** NO NEED TO EDIT BELOW HERE **********\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
සැලකිය යුතුයි; www.sinhapedia.com තැනට ඔබලාට දිස්විය යුතු නම දෙන්න.
හා දැන් කවුරුත් බලනව ඇති මොකක්ද මේ අපට දෙන්න යන්නෙ කියලා.මම කමෙන්ට් බොක්ස් එකට ඇදුම් අන්දවන්න නෙමෙයි ආවෙ.පොඩ්ඩක් ලස්සන කරල ගන්න විදියක් ගැන කියල දෙන්න.
මුලින්ම Blogger Dashboard-->Template --> Edit HTML යන්න.Ctrl + F ගහලා ]]> Tag එක හොයාගන්න. දැන් ඔය පල්ලෙහා තියෙන code එක ඔය Tag එකට උඩින් paste කරගෙන Save Template යන්න click කරගන්න. දැන් ඔයාලගේ Blog එකේ කමෙන්ට් බොක්ස් එකත් ලස්සන ඇදුමක් ඇදගෙන ඇති.
#comments{overflow:hidden}#comments h4{display:inline;padding:10px;line-height:40px}#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}#comments h4,.comments .continue a{background:#56d805}<a name="more"></a>#comments h4,.comments .user a,.comments .continue a{font-size:16px}#comments h4,.comments .continue a{font-weight:normal;color:#fff}#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}#comments .avatar-image-container img{border:0}.comment-thread{color:#111}.comment-thread a{color:#777}.comment-thread ol{margin:0 0 20px}.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://2.bp.blogspot.com/-zz8GxHMWPAo/T89XNSMjjeI/AAAAAAAAGl4/7IfX13BSmxg/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px}.comments .comments-content .inline-thread{padding:0 0 0 20px}.comments .comments-content .comment-replies{margin-top:0}.comments .comment-content{padding:5px 0;line-height:1.4em}.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}.comments .comment-thread.inline-thread .comment{width:auto}.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}.comments .comment-thread.inline-thread .comment-block{margin-left:48px}.comments .comment-thread.inline-thread .user a{font-size:13px}.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}.comments .continue{border-top:0;width:100%}.comments .continue a{padding:10px 0;text-align:center}.comment .continue{display:none}#comment-editor{width:103%!important}.comment-form{width:100%;max-width:100%}
ඔන්න අද ආවෙ බ්ලොග් කරුවන්ට බ්ලොග් කාරියන්ට වැදගත් දෙයක් කියල දෙන්න.මට වැඩිය කතා කර කර ඉන්න වෙලාව නෑ.ඒ නිසා වැඩිය පුරසාරම් දොඩවන්න නැතිව වැඩේ පටන් ගමු.
පියවර 1
ඔයාලට මේක කරන්නනම් ගුගල් ගිණුමක් තියෙන්න ඕන ඒ නිසා මම මුලින්ම කියන්නෙ මේක කරන්න කලින් ගූගල් ගිණුමක් හදාගෙන එන්න කියලා.ඊට පස්සෙ https://groups.google.com/forum/?fromgroups#!myforums ගොස් “Create Group” යන්න click කරන්න.
පියවර 2
මීළඟට ඔබට පෝරමයක් පුරවන්න ඒවි.පහත දාල තියෙන විදියට ඒව පුරවන්න.
Group Name:ඔබේ නම
Group email address: මේකට ඔබේ Group එකට දාන ඊ ලිපිනය ලියන්න.ඒ ලිපිනය අනුව තමයි අපේ ෆෝරූම් එකේ ලින්ක්තුව හැදෙන්න මෙන්න මේ වගේ.https://groups.google.com/forum/embed/?place=forum/encyclopedialk#!forum/encyclopedialk ඒනිසා group එකේ යූආර්ල් එකට ගැලපෙන ඊ ලිපිනයක් දාන්න.
Group description:Group එක පිළිබඳ විස්තරයක්
Group’s primary language: මෙතැනදී ඔබ English (USA) යන්න තෝරන්න.
Group type: web forum යන්න තෝරන්න
Basic permissions: මෙතැනදී ඔබ ඔබට අවශ්ය පරිදි group permission සකසා ගත යුතුයි.
පියවර 3
ඔබේ blogger ගිණුමට log-in වී Pages –> New page –> Blank Page වෙත යන්න. මීලගට ලැබෙන post editor එකේ Edit HTML tab එක තෝරන්න. මීලගට පහතින් දී තිබෙන codes ටික copy කරගෙන කේ paste කරන්න.
<iframe frameborder="0" height="1000px" id="forum_embed" scrolling="no" |
src="javascript:void(0)" width="100%"> |
<br /> |
</iframe> |
<script type="text/javascript"> |
document.getElementById("forum_embed").src = |
"https://groups.google.com/forum/embed/?place=forum/encyclopedialk" + |
"&showsearch=true&showpopout=false&parenturl=" + encodeURIComponent(window.location.href); |
