Viralogy Themes

Notice: Do not copy and past the code below into your .php files.  This code has been formatted through html.  Please type in the actual code into your .php file.  This also helps you learn how to code html and you’ll be a CSS master in no time 

1. Open up the Sidebar.php (works for all themes)

2. Locate the “sidebar-widget” div that looks like this:

<div class=”sidebar-widget”>

<div class=”sidebar-title”>
Sidebar Widget
</div>

<div class=”sidebar-content”>

<ul>
<li><a href=”">Sample Content</a></li>
<li><a href=”">Sample Content</a></li>
<li><a href=”">Sample Content</a></li>
<li><a href=”">Sample Content</a></li>
<li><a href=”">Sample Content</a></li>
</ul>
</div>

</div>

3. Change the title of the Sidebar Widget with the “sidebar-title” div

<div class=”sidebar-title”>
Connect with me
</div>

4. Change the content of the sidebar widget and add links in the “sidebar-content” div

<div class=”sidebar-content”>

<ul>
<li><a href=”http://Twitter.com/JunLoayza“>Twitter</a></li>
<li><a href=”http://www.facebook.com/profile.php?id=2522723&ref=profile“>Facebook</a></li>
<li><a href=”http://www.linkedin.com/profile?viewProfile=&key=11722472&locale=en_US&trk=tab_pro“>LinkedIn</a></li>
<li><a href=”http://junloayza.stumbleupon.com/public/“>Stumble Upon</a></li>
<li><a href=”jun.loayza@gmail.com“>Email</a></li>
</ul>
</div>

5. The final code should look like this:

<div class=”sidebar-widget”>

<div class=”sidebar-title”>
Connect with me
</div>

<div class=”sidebar-content”>

<ul>
<li><a href=”http://Twitter.com/JunLoayza“>Twitter</a></li>
<li><a href=”http://www.facebook.com/profile.php?id=2522723&ref=profile“>Facebook</a></li>
<li><a href=”http://www.linkedin.com/profile?viewProfile=&key=11722472&locale=en_US&trk=tab_pro“>LinkedIn</a></li>
<li><a href=”http://junloayza.stumbleupon.com/public/“>Stumble Upon</a></li>
<li><a href=”jun.loayza@gmail.com“>Email</a></li>
</ul>
</div>

</div>

6. Save the file

If you have any questions about this, feel free to ask me in the comment section.  Thanks!