Welcome to our website

Do you have an idea that could positively impact life but don't know where to start?

Well, Africarerafiki Creative Solutions is a multi-sector social venture that aims at offering and providing freelance consultancy services to individuals, philanthropists, small businesses, Non-Profits, and the social sector development in general.

Whether the Public or the private sector, we work and touch all areas of life from Education, Health, Agriculture, Human Rights, Water and Sanitation, Environment, Habitat,Transportation and Infrustructure, Culture, businesses, and Technology.

Tuesday, October 8, 2013

How to add a Metro Style Social Icons to Blogger blog.


If you want your readers and guests to catch up with you easily on your social network then this is the widget you need to be using for your social links. It’s attractive and people will like to click on it. It’s simple and easy to install into your blogger blog. Thanks to the person who converted this widget from that wardpress widget to blogger widget so that you can also be able to use it as I am here. This widget will help your blog to gain more social media optimized audience. The elegant look of this widget can make many people click it.


It’s very simple to add into your blog, just follow this easy steps:
1. Log in to blogger
2. Go to blogger dashboard
3. Go to the layout section
4. Press on Add widget
5. Choose the HTML/JavaScript option
6. You may choose to name the widget or leave it blank, it’s your option
7. Paste the code below into the given widget

<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://feeds.feedburner.com/
Rumyblog" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-0M62-Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/
Rumishael101" target="_blank"><img height="147" src="http://2.bp.blogspot.com/-7qVkCzvGlC4/Ud1ZF3wqNlI/AAAAAAAABuc/6V0lQLdtvnk/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="http://www.facebook.com/
kingfaznelcaseb" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-ReX8Fx2MrOk/Ud1ZFBIvvSI/AAAAAAAABuI/hX1cGTGVWZ0/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/
100608324356951958873" target="_blank"><img height="147" src="http://3.bp.blogspot.com/-9gpsltkgVP0/Ud1ZFcm_cyI/AAAAAAAABuM/0u5oe5uRmuQ/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
#abt-social-icons li {
 float: left;
 width: 147px;
 height: 147px;
 margin: 0 6px 6px 0;
 padding: 0 0 0 0;
 border-bottom: none;
        list-style: none;
}
#abt-social-icons li a {
 line-height: 1px;
 display: block;
}

#abt-social-icons li a:hover img {
 -webkit-opacity: 0.8;
 -moz-opacity: 0.8;
 opacity: 0.8;
}

#abt-social-icons li a span {
 display: none !important;
}
</style>


8. Before you can save it, change the Link in BOLD RED with your own IDs. Now save the widget and ultimately save the template. Super awesome right! I know, cheers and enjoy it, For more blogging tips and tricks Click Here.

How to add a Recent Posts Widget with Thumbnails to your blogger blog

If you want to get your readers to read more of your posts and navigate through your blog contents, then this is the best widget to use when it comes to Recent Posts on your Blog. I found out that with this widget my readers where able to navigate through my posts very easily. This widget is very attractive and eye-catching. It has a custom loading effect too which makes the widget much more awesome. So if you want the same to happen to yours then just follow this simple instructions I am about to share below.



1. Log in to blogger
2. Go to blogger dashboard
3. Go to the layout section
4. Press on Add widget
5. Choose the HTML/JavaScript option
6. You may choose to name the widget or leave it blank, its your option
7. Paste the code below into the given widget


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline;  position:relative;  margin:2px;  padding:0px 0px;  background: url('http://4.bp.blogspot.com/-0E2ZARxMyAo/UZwiR3XjlvI/AAAAAAAAKDc/3Z8WjltqbCQ/s1600/LOAD+(66).gif') no-repeat 50% 50%;  width:79px;  height:79px;}
#post-gallery .rp-item img {  width:69px;  height:69px;  border:none !important;  margin:0px 0px !important;  padding:0px 0px !important;  background:transparent !important;  display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child {  position:relative;  top:10%!important;  left:10%!important;  z-index:1000;  width:200px;  background-color:white;  border-bottom:5px solid #1BA1E2;  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  padding:10px 15px;  overflow:hidden;  word-wrap:break-word;  display:none;  opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 {  font-size:12px;  margin:0px 0px 5px;  color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle     = "Recent Posts",       // Widget Title
    numposts    = 14,      // Number of Posts to show
    numchar     = 200,      // Number of Characters to be displayed
    rcFadeSpeed = 600,      // Speed
    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // If No Image
    blogURL     = "http://www.lifechangingproject.blogspot.com/";       // Your Blog URL
</script>
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-posts.js" type="text/javascript"></script>



8. Before you can save the widget rename the followings
    a. widget title
    b. Number of posts to show
    c. Your Blog Url
9. Now you can save it.
10. Once you have saved it, just arrangements and drag it to the bottom of the posts widget and save it there.
11. save and preview, and your good to go, enjoy it!


Check the example below this post and you will see it.




How to add a simple scrolling news ticker to blogger blog.

How to add a simple scrolling news ticker to blogger blog. News Ticker is the most used widget in website specially News Portal websites. Here I am to show you and give one of the idea how to put Scrolling News Ticker in you blog. It is easy and simple.





1. log in to your blogger
2. go to the blogger dashboard
3. go to layout
4 Choose add widget
5. Choose HTML/JavaScript
6. Paste the code below on it


<script type='text/javascript'>
var w2bWidth="100";
var w2bScrollAmount="1";
var w2bScrollDelay="100";
var w2bDirection="left";
var w2btargetlink="yes";
var w2bnumPosts="5";
var w2bBulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="http://4.bp.blogspot.com/-wi6qT2RGv4I/UCUqmmEaeVI/AAAAAAAABU4/9o4UBLNXpqk/s1600/NAV2.png";
var w2bfontsize="14";
var w2bbgcolor="transparent";
var w2blinkcolor="333333";
var w2blinkhovercolor="3366CC";
</script><br />
<script type='text/javascript' src='https://www.opendrive.com/files/M18yMTMzNzE2X3hGNmlpXzE4ZmI/smritirogi-rpscroller-v3.js' ></script><br />
<script type='text/javascript' src=" http://lifechangingproject.blogspot.com//feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

7. Change the blog url in red to yours.
8. Save and preview you blog to see if its working.
Place it anywhere you want in your blog and you are good to go.

Hope you enjoyed it, Don't forget to check into the Blogger tips and tricks for latest updates. 

Vijana 11 wakamatwa msituni Mtware kwenye mafunzo ya kigaidi


Vijana 11 wakamatwa msituni MTWARA kwenye mafunzo ya kigaidi, wakiwa na DVD kadhaa za Al Shabaab! UZALENDO umekwenda wapi?

Check out Size 8's latest gospel video "Moto"


Born again musician Size 8 a.k.a Linet Munyali has released a new video “Moto”. This marks her second video since leaving the secular life for Christ.

I just think that she made the right choice in serving God rather than the pleasures of this world. That’s why Gods word says that there are those who are last but will be the first in His Kingdom and there those who are first who will be the last.

So far the new single is getting positive feedback and her fans are thrilled about it.  Check out the video below…
You can review why she became a christian here CLICK
DJ Mo tweeted about it and Pulse have beaten me to the exclusive.
Heavens rejoice when 1soul comes to Christ >> welcome to the kingdom @size8genge



According to Pulse, this is what Size 8 had to say when they reached her for comment:

"Since November, I have been toiling in thought as I wanted to transform my life and career. I had no peace of mind. I have been born again for quite some time and my songs were in conflict with my faith. As much as I was making big cash and commanding a massive fanbase, my heart was not at peace."

Twitter Delicious Facebook Digg Favorites More