අපේම සිංහල blog කරුවන්ගේ blog අඩවි ඔබේ blog අඩවියටත් එකතු කර ගනිමු.

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

උදාහරනය්හක් ඕන නම් මගේ බ්ලොග් එකේ පැත්තකින් තියන bar එකේ බලන්න.

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




මේක හදන්නේ මෙහෙමයි. මුලින්ම dash board එක හරහා design වලට ගිහින් ඔයාලට මේක එකතු කරන්න ඕන තැන තියන add a gadget කියන එක click කරන්න.





ඊට පස්සේ එන එකේ blog list තෝරන්න




















ඊට පස්සේ එන එකේ title එකට නමක් දෙන්න
sort වල most recent update තෝරන්න. එතකොට ලගදීම post එකක් දාපු කෙනාගේ නම මුලින්ම පෙන්නනවා (මේක ලගම post එක අනුව ව්ලාවෙන් වෙලාව වෙනස් වෙන්වා)
show එකේ all දෙන්න
තව පෙන්නන්න දේවල් තියනම් ඒවත් 4. තියන විදියට අවශ්‍ය එක තෝරන්න
add to list තෝරන්න













ඊලගට එන එකේ
add by url තෝරා ඔබට අවශ්‍ය blog එකේ address එක දෙන්න
blog I'm following තේරුවාම ඔ‍යා follow කරන blog ටික පෙන්වාවි. ඒකෙන් කැමති ටික තෝරන්න.
add දෙන්න

save දෙන්න
දැන් හරි........... widget එක එකතු කලා...... :)

තාම ඉවර නෑ 8-}

දැන් තියෙන්නේ design වල edit html වලට යන එකයි
ඒකේ තියනවාExpand Widget Templates කියලා එකක්. ඒක tic කරන්න


පස්සේ ctrl+F ගහලා find box එක අරන් එතන ඔයා පරන title එකට දීපු නම ගහලා ඒක තියන තැන හොයා ගන්න


එතන පල්ලෙහාට යනකොට මුලින්ම හම්බවෙන <div class='widget-content'> වලට ඉස්සෙල්ල පහත code එක දමන්න


<marquee direction='up' height='300px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'>


මහන්සියි නේ
දැන් ටිකක් හති අරින්නකෝ............. :-*


හරි පටන් ගමු නේ.......


මේ <div class='widget-content'> එකේ < ට ඉස්සෙල්ලා mouse pointer එක තියලා curser key වලින් පල්ලෙහාට ගියාම මේක වහපු තැනක් හම්බ වෙනවා මේ වගේ </div>


මීට ඉස්සෙල්ලත් මේ වගේ එවා හම්බෙනවා ඒත් ඒවා වෙන <div ............> වහපුවා
ඒකනිසා පරිස්සමෙන් හරි එක තෝර ගන්න


ඊට යටින් </marquee> කියලා ලියන්න


අම්මෝ ඇති යාන්තං ඉවරයි


 save template දීලා ඔයාගෙ බ්ලොග් එකට ගිහින් බලන්න වැඩ කරනවද කියලා.  වැඩ කරනවනම් ගොඩ..........:D

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



<b:widget id='BlogList1' locked='false' title='මම දන්නා තවත් සිංහල බ්ලොග්' type='BlogList'>
<b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
<marquee direction='up' height='300px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1'>

    <div class='widget-content'>
      <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
        <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
          <b:loop values='data:items' var='item'>
            <li expr:style='data:item.displayStyle'>
              <div class='blog-icon'>
                <b:if cond='data:showIcon == &quot;true&quot;'>
                  <input expr:value='data:item.blogIconUrl' type='hidden'/>
                </b:if>
              </div>
              <div class='blog-content'>
                <div class='blog-title'>
                  <a expr:href='data:item.blogUrl' target='_blank'>
                    <data:item.blogTitle/></a>
                </div>
                <div class='item-content'>
                  <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                    <b:if cond='data:item.itemThumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:item.blogUrl' target='_blank'>
                          <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                        </a>
                      </div>
                    </b:if>
                  </b:if>
                  <b:if cond='data:showItemTitle == &quot;true&quot;'>
                    <span class='item-title'>
                      <b:if cond='data:item.itemUrl != &quot;&quot;'>
                        <a expr:href='data:item.itemUrl' target='_blank'>
                          <data:item.itemTitle/></a>
                      <b:else/>
                        <data:item.itemTitle/>
                      </b:if>
                    </span>
                  </b:if>
                  <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                    <b:if cond='data:showItemTitle == &quot;true&quot;'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                    <div class='item-time'>
                      <data:item.timePeriodSinceLastUpdate/>
                    </div>
                  </b:if>
                </div>
              </div>
              <div style='clear: both;'/>
            </li>
          </b:loop>
        </ul>

        <b:if cond='data:numItemsToShow != 0'>
          <b:if cond='data:totalItems &gt; data:numItemsToShow'>
            <div class='show-option'>
              <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
              </span>
              <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
              </span>
            </div>
          </b:if>
        </b:if>

        <b:include name='quickedit'/>
      </div>
    </div>

</marquee>

  </b:includable>
</b:widget>