Pages

Receive More Updates

Date: - Time:
SMS: Send FOLLOW BALLOWAP To 40404 For Free - EMAIL: azeezbello8@gmail.com

Monday, 20 January 2014

Girls In ICT Training by Huawei and Nigerian FG : How To Apply

The Nigerian Federal Ministry of Communication and Technology in partnership with Youth Alliance on ICT for Development and HUAWEI Technologies, recently launched an initiative to offer 1000 Girls Free 3-day Basic ICT Training.



The 1000 Girls in ICT training program is to train girls on Telecommunication Networks, Transmission Network and GSM, LTE, WCDMA and other ICT skills. On completion of the program, the top 200 students based on performance will be further trained to become Certified Network Associates.

If interested, you can apply for the open batches. Below are the batches that are still open as at the time of publishing this post.




  • 8TH BATCH - 10th - 12th February 2014 (OPEN)

  • 9TH BATCH - 13th, 14th & 17th February 2014 (OPEN)

  • 10TH BATCH - 19th - 21st February 2014 (OPEN)





Girls in ICT




Venue: HUAWEI TRAINING CENTRE
            ORIENTAL HOTEL, 4 LEKKI ROAD, LAGOS, NIGERIA

To apply, you will need the fill the Google doc at: http://bit.ly/1eJ5811

For enquiries, you can email:  ict@ictyouth.org.ng and check out the Youth Alliance on ICT for Development website at www.ictyouth.org.ng

How To Point Website Subdomain To Blogger Blog

If you already have a web site and simply want to add a Blogger blog to the site, you can get it done easily. All you just need to do is to make the blog a part of the web site domain structure, by publishing it to a sub domain of the web site. The URL of the web site and the blog, being combined, will improve name recognition from your website users, and from the search engines.





If you don't know what a sub-domain is, it is simply a domain that is part of a larger domain, with its own unique content. An example is blog.nairaforsms.com.



In this post, I'm sharing with you, how I created the blog.nairaforsms.com sub-domain and pointed it to the Blogger blog, www.nairaforsms.blogspot.com.



Let's Get Started



==> Log in to your Blogger blog's dashboard

==> Go to Settings > Publishing

==> Click the "Add a custom domain" link

==> In the box below "Advanced Settings", enter the subdomain eg blog.nairaforsms.com (without www)




Blogger subdomain settings









==> Click "Save"



An error message will be displayed. Don't worry. Don't close the page.



==> Open a new tab or window

==> Login to your site CPanel and click "Advanced DNS Zone Editor"

==> In the drop-down, choose the domain name of your site



You will need to create two CName records displayed in the error message on your Blogger dashboard by filling the fields under the "Add a Record".






Cpanel records









==> Enter "blog" in the "Name" field (without the quotation marks). You can use any name though.

==> Enter "1800" as "TTL"

==> Select "CNAME" from the "TYPE" drop-down box

==> Enter "ghs.google.com" in the "CNAME" field

==> Click the "Add Record" button.



If you scroll down the page, you should see the record listed under the "Zone File Records".



Now, you need to repeat the steps above for the second CNAME displayed in the error message on your blogger dashboard.



Once you've successfully created the two CNAME records, return to your Blogger dashboard and click the "Save" button.



If it saves successfully,visiting www.somename.blogspot.com, should automatically redirect you to blog.yoursite.com just as www.nairaforsms.blogspot.com automatically redirects to blog.nairaforsms.com



That's all.



Try it and let me now if it works for you. 



Sunday, 19 January 2014

414 Request-URI Too Large nginx/1.4.1 Displaying After Setting Up Blogger Custom Domain? The Solution

Yesterday at BloggersLab, a member of the group complained that after setting up a custom domain for his Blogger blog, he keeps seeing "414 Request-URI Too Large" been displayed whenever he access the URL. I told him to send to me, the login details of his account at where the domain name was registered. He did and I was able to resolve the issue for him.




How?

I checked the DNS settings and noticed they were not well configured. I discovered that he only set up two "A" records instead of the four "A" records needed for a Blogger custom domain and also noticed a server provided by the registrar - substituted for one of the four "A" records.

I reconfigured the domain name with the necessary settings and told him to wait while the local DNS server is refreshed. After few minutes, it started working perfectly and his .blogspot.com was successfully changed to his desired .com address.

That's all.

NB: If you notice an error message telling you that "216.239.32.21" doesn't exist, add the remaining server addresses and refresh the page till it saved successfully.

Have you experienced similar problem while trying to set up a custom domain for your blog?

Thursday, 16 January 2014

How to Add an Admin Control Panel in Blogger

A while ago I've posted some tutorials on how you can remove the Blogger Navbar or add a Peek A Boo Effect so that it would show only when we mouse over on top of our page.

However, customizing or removing the Blogger Navbar also has its downside because the admin links for "New post", "Customize" and "Log Out" will be no longer visible and navigating through the blog functions could be really frustrating sometimes. When the navbar is visible, blog administrators can easily create a new post or customize their template with just one click; however, when the navbar is hidden, many more clicks are required to access the Blogger dashboard panel again.

In this tutorial, we'll see how to add an "Admin Control Panel" menu with many cool additions such as:

- access to the Blogger's Homepage
- create a New Page or Post
- view all your posts
- read your comments
- access the Blog's layout to add or rearrange gadgets
- edit the HTML of your Template
- refresh current page or post
- open a new tab with your blog's homepage
- access the blog' settings
- view your stats
- log out

We will put all these options on the top of your page as a menu and we will make it visible only to the administrator of the blog, so our blog visitors will not be able to see it.

The result will be something like this:

admin control panel for blogger

Adding Admin Control Panel to Blogger template

The Admin Control Panel will only be visible when the blog author is logged in and will not display to blog readers, same with the Post Edit or widget pencil icons which are only visible to you while you are logged in.

To add the admin panel to Blogger, follow the steps below:

Step 1. Go to Template and click on the Edit HTML button:


Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box

Step 3. Paste this line inside the search box then hit Enter to find it:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Note: if you can't find this line, try to find the <body> tag.

Step 4. Just below that line or tag, add the following code:
<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My Blogs</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;' rel='nofollow'>New Post</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;' rel='nofollow'>New Page</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;' rel='nofollow'>All Posts</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;' rel='nofollow'>Comments</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;' rel='nofollow'>Layout</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;' rel='nofollow'>Edit HTML</a></li>
<li><a href='#' onclick='location.reload(true); return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New Tab</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;' rel='nofollow'>Settings</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;' rel='nofollow'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>
Step 4. Click on the Save template button to save the changes.

Now take a look at your blog. While you are logged in to Blogger, you should notice your control panel appear on top of your blog. Enjoy!

With this admin control panel for Blogger you can easily access the functions of the blog and you will not have to always open your blog page and the Blogger homepage at the same time.

How to Add Adsense Ads In the Middle or Anywhere inside Blogger Posts

In a previous post we saw how and where we can place Adsense ads on our blog; however, these methods would only work when we place the ads on predetermined and fixed locations. For posts area, the most common places are below the title, at the beginning of the post or at the end of the post.
adsense placement

But what if we want to display an AdSense ad in the middle of a post?

We can manipulate the location of the ads to be displayed by adding a script inside the template and using a tag inside our post to where we want the AdSense ad to appear. Once added, we can place the ads anywhere, be it between paragraphs or in the middle of the content etc.

Manually inserting Adsense ads in the middle of posts in Blogger is pretty simple, just follow these steps below:

Before proceeding, it is recommended do backup your template (go to Template > click on the Backup/restore button)

Step 1. First thing we need to do is to "parse" the AdSense code, in other words, convert it to plain text. Then go to Template, click on the Edit HTML button, click anywhere inside the code area and look for this tag (CTRL + F):
<data:post.body/>
Note: you may find it several times, but we need to stop at the second one or if you can't see any changes, test the third one

Screenshot
Step 2. Replace the <data:post.body/> tag with this code:
<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Add here the code of your ad -->
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Step 3. Put the converted Adsense code to where you see the <!-- Add here the code of your ad --> annotation, then save the changes by clicking on the Save template button.

Note: For centering ads, add the center tag before and after the AdSense code, like this:
<div style="clear:both; margin:10px 0">
<center>
<!-- Add here the code of your ad -->
</center>
</div>
Step 4. When you create a New Post, add this tag inside the HTML section to where you want the Google AdSense ads to appear:
<!-- adsense -->
For example:
<div>This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text.</div>
<!-- adsense --><div>This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text.</div>

Screenshot
Note: If you don't add the label to bring up the ad, then the ad will appear below the title by default.

And you don't have to worry about violating the Google's Terms of Service because applying this method we are not changing the structure of the ad.

Wednesday, 15 January 2014

How SSCE Holder Started Making Money Online With A Phone

This story is from a fellow Blogger.



He resigned from his CocaCola job to concentrate on his blog which he started using a phone. Right now, he is making reasonable money online legally in Nigeria and not regretting quitting his job. There may be one or two lessons to learn from the story. So read carefully.






First of all, I think it would be nice to introduce myself. I am +Adeniyi Samuel by name and I hail from Osun State, Nigeria. I am a one
time forklift operator in one of the leading companies in the
Country (Coca-cola) who later turned a full time blogger and for over 6
months now, I have no curse to regret quitting my offline job.



You
might wonder why but truth be told, the coca-cola branch here where I
worked, only bears the name and not the pay. Working there seemed more
like working as an elephant and eating like an ant but after quitting
the job to turn full time blogging, the reverse has been the case, all
thanks to God. I now work as an ant and eat as an elephant.



How It All Started (The Insight)



It
all started around 2010 when I was doing nothing outside running mini
sites on the internet. Well, first I stumbled on some muf.mobi sites and
I love the engagement that was going through these sites and always
wanted to have something like that. I never thought of the money at that
time, all I wanted to do was create a site with loads of members and
have the name as the owner. That was all I cared about without the money
in mind after all I was using free internet as lots of free browsing
cheats were in vogue at that time.



From muf.mobi, I
knew about wapka but I couldn't use them because I wasn't able to code
and understand how the designing was done(it was kinda little complex
for me) but I was pretty good at muf.mobi sites and other few I knew
then and that lead to the formation of funhome.muf.mobi.



I
was so committed to my wapsite at that time that 24/7 whenever there's
power on my phone, I'd be with my phone posting and promoting the site.
At some point fun.muf.mobi would emerge as the top 10 sites on muf.mobi
but despite all these, I wasn't getting any pay, it was just for the fun
of it and it really felt good for people say 'thank you Samuel for
this
', 'big ups bro', 'you are the best' etc and that was enough to keep
me going.



Around same late 2010, I decided to research
exclusively on how to make money online and I stumbled on loads on
information regarding that and read through many websites but they all
were basically stating stuffs I had read on previous sites, 'Taking
Surveys
, Paid to read mails, Affiliates' etc.



I
eventually tried a couple of them all from my mobile phone, though I was able to make some money but they never got to my hand. I eventually never got to reach their payout
threshold, maybe because am a Nigerian but doing those where a total
waste of my time and even though I felt bad about it, I didn't stop
there, I still kept on researching.



                                                                  


Samuel Photo






How Blogging All Started For Me



Around
January 2011, I decided to take social network seriously in terms of
meeting friends, chatting and all so I wouldn't get so bored. Along the
line I read through one of my Facebook friend's status where he shared a
link on how he makes money online. His Name his +Jide Ogunsanya



I
clicked on the link and read through every bit of the post. I was
impressed by what I read and also read through other posts on the blog
(www.ogbongeblog.com) At that time, he stated he was making around
70K online monthly. I was like wow! If only I could even be making just
little online.



I decided to get closer to him by
sending him a message and requesting for his number. We started chatting
and talking via Facebook and phone (of course I was doing the calling).
He told me what he actually does was 'blogging'. I introduced myself to
him properly and give him an insight regarding what I have been doing
(Perhaps, that's what made him believe I could do it). He then told me
to go create a blog on blogger and start posting there.



Without
wasting time, I created a free blog on blogger that January 2011 and
that lead to the formation of www.trueinternetworld.blogspot.com. I
stopped giving time to my wapsite and eventually got on with
trueinternetworld blog. For me, getting along wasn't so much a big deal
because I am always quick to understanding stuffs about the internet. I
began posting and promoting on social networks, I gave the blog same
zeal I gave when I was on wapsite.




Somehow, I knew what
Nigerians wanted and what my friends on social networks wanted and I
worked more in posting those stuffs that were beneficial to them.



After
a while, Jide then told me to apply for Google Adsense. I never knew
what it was but he was able to give me an insight. I wasn't really
satisfied but then I still got my friend "Google". So, I googled about
Adsense and also went through the Adsense tips at OgbongeBlog.



I
applied for Adsense that January 2011 and upon first trial, I wasn't
accepted, reason been for navigation. I confronted Jide with this and he
gave some suggestions. I worked on those and re-applied and in some
couple of days, I was accepted. I felt like I won a jackpot but then,
there was a bigger task ahead.



Even through I never
actually read through the long policy Google Adsense had brought up for
me to read, I just read the few ones which was more like a summary on
other sites including Ogbongeblog.



Even through I had
making money in mind, I knew it wasn't gonna be over night because Jide
had initially told me that I needed loads of traffic and during my early
days, traffic came basically from social networks.



For
some couple of months, I couldn't boast of €3 in my adsense account. I
became worried and of course contacted the only mentor I had that
time(Jide Ogunsanya). He actually told me something which gave me more
zeal to keep on working.



He said and I quote, 'It took
me two years to make my first $100
'. I was like 'What!!! Two(2) years
for $100? Then I still have a long way to go but then I knew, 2 years
was too much for me to make that amount.



At a time, I
began contacting friends on my facebook account with friends over 3K and
pleaded with them to please visit my blog and share just one on my blog
posts with their friends. Many ignored, some asked for a fee and yes,
some did it for me wholeheartedly without stress.



On
this fateful day, when I had contacted more friends and some shared my
posts, I checked my adsense account, lo and behold I saw I made €2+ that
day
, I was like Wow! This is awesome. That fueled me and I kept and
pursuing and btw, all these were via the use of my mobile phone (samsung
e250).



Around Late February 2011, I traveled down to
Lagos to stay with my uncle and within a short period of time, my uncle
was already complaining that I pay too much attention to my phone. I
wasn't actually bothered with that because I was already used to it by
my parents(my parent always complained about me and my phone and it was
more like a song and daily routine to me) while in Benin so whenever
anybody tells me that, I would just smile.



Around March
same year, my dear uncle introduced me to coca-cola company as a casual
worker and my pay at that time was around N400 per day. I began working
and usually, am the kinda guy who pays much interest to my job and get
recommendations but then, that didn't take me away from my phone because
my phone was and is my best pal and I wasn't and isn't shy to tell
anyone.


Just few days at CocaCola, almost everyone close to me had
noticed me and my phone and when I realized this, I had to take
precautions because the money at hand is better than the one on the way.



For me, blogging and working, at the same time
wasn't really easy but my job then while at CocaCola as a casual worker wasn't that
stressful. Been a tracker, all I need do is track products living the
warehouse and to which sales truck its going to hence, it was more like
walking and writing kinda job.

                                       




Samuel Adeniyi
Samuel, while working at CocaCola






Most times while in
coke, I would close from afternoon duty(9pm) and instead of going home
to rest, I would go the cyber cafe and do night browsing because I
wanted to do some designs on my blog which ordinarily, can not be done
via my mobile phone since I never owned a laptop at that time.



With
time, that same year 2011, I began seeing some pretty good earnings. I
crossed the $100 dollars payment threshold in that same year 2011 and
received my first Adsense cheque but then, I had a problem, 'A foreign
account
'. The essence of the foreign account was to clear my Adsense
cheque since the checks are in USD hence it cannot be cleared with a Naira account.



Getting a Foreign account wasn't the
problem but the criteria in our local banks to owning a foreign account
was the problem. Nevertheless, I got it sorted within a short time.



Around September 2011, I acquired a custom domain for my blog which led to
www.trueinternetworld.net and by then, by the grace of God, I was already
earning over $100 in a month .



I used my first cleared
earnings in acquiring a blackberry phone and a laptop and that was
around February 2012 and the journey didn't end there.



Working
in coke around 2012 became tougher because within a month I was able to
learn how to drive and operate the forklift machine and with the help
of God through a pastor who I consider as a brother, I was employed as a
forklift operator there in coke and of course, with an increment in
salary.



Initially while I was a casual worker, I always
thought forklift job was an easy job, well yes, for the first few
months it was because I'd smile when am on d machine driving instead of
using my legs :-), it seemed more like an advancement but after some
couple of months, it seemed like hard labour! ..lol.



Seriously,
it is not easy driving for 10hours at night without sleeping and only
for you to go back home and continue blogging, sleep for like an hour
and resume back to CocaCola.



With time I realized that, I
could be on the machine in coke driving and be thinking about the next
post to update on my blog. Sounds crazy right? But its true, it began to
seem like, I was all about blogging.



I don't want to
bore you anymore with much tales about me and my blogging journey but
the fact now is, am a full time blogger now who blogs at will and earns
pretty good income in a month with no boss to toss me around or tell me
when to work and when not to work
.



Some Key Points To Note



1.
Blogging isn't for everyone. Only the writers who are good at writing
and enjoys writing about one or some particulars areas or topics are
good to go. Just so you know, I used to be a writer, oh well am still a
writer. I had written some couple of plays and songs which are no where
to be found now, now I do all my writings on the internet via my
trueinternetworld.net blog, which I've rebranded to www.techyan.com.



2. Blogging is for the
passionate and determined. Everyone wants to create a blog but not
everyone is passionate about it. If you read through this post
thoroughly, then you would probably note that, at the beginning
stage, I just love sharing information and tutorials even when I wasn't
getting anything in return outside "thanks" and appreciation from
readers.



3. Know No Boundaries: One major
excuse for bloggers this days is non availability of a laptop but the
truth is, I started out with a phone, not a smart phone but a Java
phone (Samsung E250 and Noka 6233). More over, getting a laptop or a
desktop computer these days isn't as expensive as it used to be then, if
you are determined, you should know no boundaries.



Truth
be told, am only a school sat owner(SSCE), who used to know some stuffs
in academics but now, I doubt if I can still be good at that because
24/7, all I think now is blogging and business :-D but of course, I hope
to further my education soonest.



Conclusion: I didn't
bring up this story of I and my blogging journey to suppress anyone.
It's just to challenge those who want to be a successful blogger but
limiting themselves to some factors.



I see blogging
more as a farming business where you plant today and harvest tomorrow
hence how much you plant today determines how much you harvest tomorrow.



I
personally wouldn't say am a successful blogger. I see myself more like
a striving blogger who hopes to be among the top bloggers someday.
Although I see myself been lazy these days maybe because of how much I
earn in a month, but I am definitely working to change that and would
definitely welcome ideas from you my friend.





What's your take on this?





PS: If you've also got stories to share, kindly mail me.

Monday, 13 January 2014

How to create click events using CSS

An event is something that happens when we do something. In CSS, the most common is the hover selector which helps us to select elements when we mouse over them and then an event is executed automatically. There is one way to avoid this since in modern browsers there is a property called pointer-events which allows us to disable them. For instance, if we have a link and we set the pointer-events property value to none, it would simply not work:
<a href="page-url" style="pointer-events: none;">Click here</a>
Many use :target to make it work, however, this is not always the best choice if we consider its jumping behavior - click on the link below to see what happens:

Link with target
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
<style>
#linktarget {display: none;}
#linktarget:target {display: block;}
</style>
<a href="#linktarget">Link with target</a>
<div id="linktarget">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>
Another option is to use the :focus selector which will make the hidden content to expand on mouse click.
The advantage of this selector is that the page stays still, however, we have to click anywhere "outside" to close the expanded content and besides this, the hidden content should be immediately after, with no intermediate tags:

Demo with focus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
<style>
.focuselector {display: none;}
span:focus ~ .focuselector {display: block;}
</style>
<span tabindex="0">Link with focus</span>
<div class="focuselector">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>
The last method is more fancy even though it requires more tags but it works the best since it allows us to create a toggle effect, i.e., expand on click and then collapse when clicking again. In this case, we'll use the :checked selector:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
<style>
.checked-selector {display: none;}
:checked ~ .checked-selector {display: block;}
input.hidden[type=checkbox] {position: absolute;left: -999em;}
</style>

<label for="toggle-hidden">Demo with checked</label>
<input type="checkbox" id="toggle-hidden" class="hidden" />
<div class="checked-selector">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>
To apply these effects on the links and content that you want to hide and expand only on mouse click is very easy: when you create a post, paste one of the codes above inside the HTML box and replace the text in blue with the name of your link and add your text instead of the green one.

PLACE YOUR ADS HERE