Adding custom widget to your blog/website

Tagged: 

This topic contains 3 replies, has 3 voices, and was last updated by  Abram de Bruyn 4 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #623

    Tomis
    Participant

    This is in response to a wonder-aloud from @abram.

    To add the “ALF blogs” to your blog/website:

    • Go into your Widgets (hover your site name on the admin bar).

    Widgets

    • Delete all the widgets in the Left Sidebar section
    • Note: the left sidebar section is not currently active
    • Scroll down and find the “text” widget add it to the Left Sidebar section
    • Copy the code below and paste it into the the text widget

    Text Widget

    To create the ALF blogs widget paste in the following html into the “text” widget:

    (note: this code will have to be updated manually from this page and all other pages it appears on)


     

    <h3><a href=”http://facebook.com/agilelearningfacilitators” target=”_blank”><img class=”alignnone” src=”https://agilelearningcenters.org/wp-content/uploads/cache/2014/10/ALF-circle-011-e1413600763147/-1778134586.png” alt=”ALF-circle-01″ width=”224″ height=”84″ /></a></h3>
    <table>
    <tbody>
    <tr>
    <td width=”70″><a href=”http://tomis.agilelearningcenters.org” target=”_blank”>Tomis</a></td>
    <td width=”70″><a href=”http://nancy.agilelearningcenters.org” target=”_blank”>Nancy</a></td>
    <td width=”70″><a href=”http://bear.agilelearningcenters.org” target=”_blank”>Bear</a></td>
    </tr>
    <tr>
    <td><a href=”http://ryanshollenberger.agilelearningcenters.org” target=”_blank”>Ryan</a></td>
    <td><a href=”http://charlotte.agilelearningcenters.org/” target=”_blank”>Charlotte</a></td>
    <td><a href=”http://drew.agilelearningcenters.org/” target=”_blank”>Drew</a></td>
    </tr>
    <tr>
    <td><a href=”http://abbyo.agilelearningcenters.org/” target=”_blank”>Abby</a></td>
    <td><a href=”http://dthomasson.agilelearningcenters.org/” target=”_blank”>Dan</a></td>
    </tr>
    <tr>
    <td><a href=”http://ninablanco.agilelearningcenters.org/” target=”_blank”>Nina</a></td>
    <td style=”text-align: left;”>Lacy</td>
    </tr>
    <tr>
    <td><a href=”http://abram.agilelearningcenters.org/” target=”_blank”>Abe</a></td>
    <td>Dean</td>
    </tr>
    </tbody>
    </table>


     

    • Now you need to make the Left Sidebar widget area active — navigate to Customize (under Appearance)
    • Under Content and Layout click on Blog (Posts Page).</i>
    • Toggle on “Show left sidebar”

     

    Activate Left Sidebar

     

    As you can see, the names of the ALFers appears with the css settings of the blog/website that you’re adding it to. So, depending on your setting, you may need to edit the settings in typeface so that widget text is smaller or bigger.

    If I had an About Me page on my blog, I would probably add this widget. I don’t right now, so I’m going to remove it. Hopefully this was helpful for @abram and anyone else playing with the widgets.

    • This topic was modified 4 years, 8 months ago by  Tomis.
    • This topic was modified 4 years, 8 months ago by  Tomis.
    • This topic was modified 4 years, 8 months ago by  Tomis.
    • This topic was modified 4 years, 8 months ago by  Tomis.
    #628

    Drew
    Keymaster

    *slow clap*

    #629

    Tomis
    Participant

    *slower clap*

    #635

    Abram de Bruyn
    Participant

    *bright gleeful chipmunk giggling*

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.