Knowledge Base
Community

Remove annoying features on giffgaff! [TUTORIAL]

Started by: think_of_tomoro
On: 26/04/2012 | 20:44
Replies: 23
Reply

Highlighted
by: think_of_tomoro
on: 26/04/2012 | 20:44 edited: 16/07/2012 | 21:49

Hi all,

 

One of the most downloaded apps for one of the most used internet browsers, Google Chrome and FireFox(according to: http://www.w3schools.com/browsers/browsers_stats.asp: March, April, May, June 2012), is AdBlock. This program is an automatic advert blocker and works with webistes like; Facebook, YouTube, Google and many more. The areas of blocked adds do not appear as blank spaces as AdBlock is clever enough to move the content of the page accordingly.

 

For this tip you will require Google Chrome internet browser (available at: https://www.google.com/chrome)  and the AdBlock extension (available at: https://chrome.google.com/webstore/detail/gighmmpiobklfepjocnamgkkbiglidom

 

After installing you can test your add free browsing by visiting any of your favourite sites which contain adverts, like YouTube or Hotmail.

 

How does AdBlock relate to giffgaff?

 

AdBlock can help out many giffgaff users in many different ways. Some of which are for convenience, provacy/protection and usability.

 

giffgaff adverts

 

When watching a YouTube video, often a giffgaff advert will appear above the suggested videos. With AdBlock, this will no longer happen! Also, giffgaff adverts on other webistes will also be blocked so you dont get annoyed by seeing the same adverts visit after visit!

 

Change the look of giffgaff website!

 

AdBlock doesnt just have to be used on typical adverts. It can also be used on anoying pictures or messages or anything displayed on a webpage! On the giffgaff webiste, for example, the "share" box on each post in the community annoys many users, especially those who do not ever share a post, so with AdBlock this can be removed easily on every page in the community that you visit!

 

Now I will show you how to block a part of a website (any code needed is provided with the relevant screen shots):

 

Blocking code from a webiste

 

In order to block parts of websites manually you have to tell AdBlock what code needs blocking. So the below codes you will need to follow this to get them blocked:

 

  • Click the "wrench" in the top right corner of Google Chrome
  • Go to "Tools"
  • Go to "Extensions"
  • Navigate to "AdBlock" and click "Options"
  • Click on the "Customize" tab in the blue banner on the settigns page
  • Click "Edit" under the heading "Manually edit your filters"
  • Paste in the necesary code (located below under any relevant screenshots)
  • Click "Save" above the text box.

You can add multiple codes for blocking content from websites, just press "Enter" before inderting another code, to go to the next line. Also if a code doesn't work or you want a feature back you can go back to "Customize" and delete the code you want back from the list!

 

Thing you may want to remove from the giffgaff website

(use the below screenshots as a spot the difference!)

 

Remove the "share" button under every post:

 

This feature is very annoying for many giffgaff users as they do not tend to share topics/posts with other social networking sites. With this piece of code you can remove the annoying "Share" button which appears under every single post/topic in the giffgaff community! Why? Well when you hover over the Share button it opens a box which takes some time to disappear, with this code added then you do not have to worry about moving your cursor out of the way while the box disappears!

 

Share button 1.jpg

Share button 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##A[class="addthis_button_compact"]

 


Remove all users' signatures

 

With this piece of code added to AdBlock's "Customize" panel you can get rid of every signature in the community. Many users' signatures are all the same, advertising you to get one of their SIMs, and are not necesary for helpers on the community to see. Also, with these signatures blocked you have the thread's page displayed nicer on the page without any banners/signatures which stick out and distract you.

 

Signature Remove 1.jpg

Signature Remove 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added


community.giffgaff.com##DIV[class="UserSignature lia-message-signature"]

 

Remove Twitter Stream (from community)

 

The Twitter is only really useful to giffgaff users who have twitter or who want to know what is going on with giffgaff via Twitter. For many, on the other hand, the Twitter stream is not at all helpful and is something they wouldn't mind not seeing every time they went on a page on the giffgaff community.

 

Remove Twitter Stream 1.jpg

Remove Twitter Stream 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-panel lia-panel-standard TwitterStream Chrome lia-component-twitter-widget-stream"]

 

Remove "Hints and Tips" on giffgaff community help forum

 

The "Hints and Tips" banner at the top of the help forum is very useful for giffgaff newbies, but for people who are helping on the giffgaff community or long time giffgaffers who have a one of question it is very much a thing you only need to read once. With this code added to the AdBlock "customize" page you can have the "Hints and Tips" banner removed and have your topics nearer the top of the page.

 

Remove Hints and Tips 1.jpg

Remove Hints and Tips 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##[class="lia-panel lia-panel-standard CustomContent Chrome lia-component-common-widget-custom-content"]

 

Remove the "Social Footer" at the bottom of the page (all but Community and Blog)

 

 The "social footer" is great for giffgaff to get "likes", "shares", "plus ones", etc but once a user has done it once they don't really need to see it again and it just becomes an unnecessary extra.

 

Remove Social Footer 1.png

Remove Social Footer 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

giffgaff.com##[class="follow-wrapper"]

 

Remove the "Social Footer" at the bottom of the page (only Community and Blog)

 

 The "social footer" is great for giffgaff to get "likes", "shares", "plus ones", etc but once a user has done it once they don't really need to see it again and it just becomes an unnecessary extra.

 

Remove Social Footer 3.jpg

Remove Social Footer 4.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##[class="follow-wrapper-napa"]

 

Remove your phone number from "My giffgaff" 

 

This is a great feature ti be dusabled by AdBlock as it is very personnal and not everyone want everyone who access their computer/looks over thier shoulder to find out what your phone number is. With this blocked the box in the top left of "My giffgaff" will just show you giffgaff username and not your contact number for evryone to see!

 

Remove Number 1.jpg

Remove Number 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

giffgaff.com##DIV[class="phone_number"]

 

Remove “Buy your next goodybag today” alert (on topup page)

 

With all people on giffgaff the "Buy your next goodybag today" appears on the "top up" page under your current goodybag. For old customers who are in their pattern and remember to get a goodybag qued, this message under the current goodybag can get very repetative every month and is also very eyecatching and distracting. With this code to paste into the "customize" section of AdBlock you no longer will have the box appear (just dont blame me if you forget to que your next goodybag!)

 

Remove Que Alert 1.jpg

Remove Que Alert 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

giffgaff.com##DIV[class="warn"]

 

Remove "Posted from..." Mobile Information

 

The fact that where the post came from, whether it be an iPhone or Samsung, may be irrelevant to some helpers on the giffgaff community and they may want to see the post as if it were uploaded from a PC or laptop. With this code added to the "customize" area on AdBlock you can remove the notification of where the post was sent from and see it displayed like it came from a PC!

 

Remove Mobile Notification 1.jpg

Remove Mobile Notification 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-message-source-device"]

 

Remove  User Statistics

 

The user statistics are displayed under the username of the giffgaffer in the community forums. The statistics displayed include amount of kudos, posts submitted, number of ideas, number of solutions and a few more. For people who would rather help on the community and don't care about the statistics of other users than this code can help you remove those statistics.

 

Remove Statistics 1.jpg

Remove Statistics 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-badge-statistics"]

 

Remove  Registration Date of Users (users with no social badge/statistics box)

 

The registration date is displayed under the users name of people who help on the community. Some people may find the registration date irrelevant and would rather it no be there. With this code you can remove the registration date of all users accross the community.

 

Remove Registration Date 1.png

Remove Registration Date 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-message-author-registered-date"]

 

 

Remove  Registration Date of Users (users with social badge/statistics box)

 

The registration date is displayed under the users name of people who help on the community. Some people may find the registration date irrelevant and would rather it no be there. With this code you can remove the registration date of all users accross the community.

 

Remove Registration Date 3.jpgRemove Registration Date 4.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-badge-user-registered-date-container"]

 

 Remove Community Announcements

 

The community announcements show what is currently going on in terms of deals or special events. For exmaple, currently the giffgaff shop is an announcement and previously the BB Add-on 200 points bonus was an announcement. These announcements can last for some time before being updated and to many giffgaffers may become annoying everytime they try to access the community as they have read it over and over again.

 

Remove Announcements 1.png

Remove Announcements 2.jpg

 

 

 

 

 

 

 

 

 

 

 

Before AdBlock Code AddedAfter AdBlock Code Added

 

community.giffgaff.com##DIV[class="lia-panel lia-panel-standard StringDisplayTaplet Chrome lia-component-common-widget-announcement"]

 

 

These are all of the codes that I have found so far and that think are most relevant to some giffgaffers. If you can think of any more that need adding or any codes that need adjusting because they do not work please leave a comment or PM me directly.

 

Cheers,

 

Jamie (think_of_tomoro) 

 

Kudos if you like or if this has helped!

Message 1 of 24
by: clearbluesky
on: 27/04/2012 | 11:09

Thanks for the twitter one Smiley Very Happy

Get a free giffgaff Sim
Message 3 of 24
by: darrenpainter
on: 27/04/2012 | 11:18

Interesting tips

 

If for some reason you don't want to or can't use Adblock then a few of these can also be achieved in My Community Settings

 

 

Message 4 of 24
by: samlowe
on: 27/04/2012 | 18:07

I did a much more in detail version of the remove Share button guide here: http://community.giffgaff.com/t5/Learn-giffgaff-Top-Tips/Guide-Remove-Share-button/m-p/3885299

Message 5 of 24
by: ii
on: 27/04/2012 | 20:35

So that people the other side of the room can't see i'm on here instead of somewhere else i blocked the logo image.

 

Anyone know how to block 

Welcome to the giffgaff community

Get a free giffgaff Sim
Message 6 of 24
by: think_of_tomoro
on: 27/04/2012 | 20:48

@ii

 

Here is the code I found to block the "Welcome to the community" text at the top of the forum options:

 

community.giffgaff.com##FONT

 Although I warn you with this one as it had the following message ... "Be careful: this filter blocks all FONT elements on the page!" - I havent had time to check out what else is affected by this block but remember you can always remove it from the list!


Hope this helps!

Message 7 of 24
by: ii
on: 27/04/2012 | 20:55

@think_of_tomoro wrote:

Although I warn you with this one as it had the following message ... "Be careful: this filter blocks all FONT elements on the page!" - I havent had time to check out what else is affected by this block but remember you can always remove it from the list!


Hope this helps!


14 things on this page alone. blocks any variation on the standard text.

Get a free giffgaff Sim
Message 8 of 24
by: jlee
on: 27/04/2012 | 21:18
I would recommend changing the options in the settings if that's all you want to remove actually but for individual elements, adblock is useful. You could even write a userstyle for stylish in css to redesign the page in a way that you like if you wanted to.
Message 9 of 24
by: knoppixeu
on: 27/04/2012 | 22:06
Great tutorial!
★ If my ramblings have been helpful, click the orange star under this banner, on the right! Thank-you★
Get a free Giffgaff Sim
Message 10 of 24