Free Social Media Button Codes

13 comments

Yeay for another blog tips & tricks! Today I am going to give you Free Social Media Buttons. I decided to create this post for you who wants a click-able Social Media button in your blog. It does look fancy baby. So if you are not familiar with HTML. No worries, try to learn slowly and you will understand how easy and fun they are. So below are the codes for the social media button. You can paste this in your HTML Gadget section where you can find in you Edit Template section. What special about my social media button is that (echecheche) is that is hovers (change) when your cursor move on it. So it looks click-able and attract more people to click it.

HOW TO :
Go to your Dashboard, > look at the left section > Click Layout > Add Gadget > Search HTML > and paste all below codes.
* If you want to edit, paste in Word Document first, edit and then paste the edited codes by you in the HTML Gadget box.

ADDITIONAL NOTES :
You can delete any part that you don't want. For example if you don't want Blogloving section. Simple delete the whole paragraph of the codes. From <td> .... </td> <--- this is consider 1 whole section.

THE CODES :
<center>
<table cellspacing="0" cellpadding="0">
 <tr>

<td><a href=" YOUR FACEBOOK LINK " target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/7_zps339d1831.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Facebook " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href=" YOUR TWITTER LINK " target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/5_zpsda6df8af.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Twitter " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href=" YOUR YOUTUBE LINK " target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/8_zps1bfad36f.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" YouTube " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href=" YOUR INSTAGRAM LINK" target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/1_zpsec678028.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Instagram " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href="YOUR GOOGLE PLUS LINK" target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/3_zps5366be6f.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Google Plus" onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href="YOUR BLOGLOVIN LINK" target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/2_zps09c120e7.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Bloglovin " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href="YOUR PINTEREST LINK" target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/6_zpsb7940637.png " width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Pinterest" onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>

<td><a href=" YOUR CONTACT PAGE LINK " target="_self" ><img src=" http://i1327.photobucket.com/albums/u663/BySabrinart/4_zps84db4b29.png" width="35" height="35" style="opacity:1.0; filter:alpha(opacity=100)"
title=" Contact " onmouseover="this.style.opacity=0.4; this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1.0; this.filters.alpha.opacity=100" /></a></td>


</tr> </table><center/>


CHANGE :
YELLOW = This is where you paste your social media links. For example, Instagram (www.instagram.com/yourusername). You know the drill.

RED = change the number to your preferred size. If the size of the button don't fit well in your gadget, try to adjuct the numbers. smaller or bigger. Its up to you! Play around with it. If you wanna make it bigger, just increase the number to make it fit better or smaller or something like that. :)


PURPLE = This is the image direct link that i provide for you. Its a standard simple grey round social media button. But if you wanna create your own, sure you can. Just upload it in Photobucket or something and copy the Direct Image code and paste it in the purple section. Additional notes, PNG formats works nicer!



How it will look like :


If you still have questions, write down in the comment section below and I will reply ASAP!
Happy beautify your blog! A pretty blog is a happy blogger!

View Post
SHARE:
13 comments

How to gain more traffic/visitors. No cheating method. | Part 1

76 comments

First let me give you a disclaimer that I am NOT a professional blogger, I am NOT a professional analysis or what so ever. I thought I wanna make this post just to give you my own tips that I have experience using it for the past 3 years of blogging. In return I hope I can help you in your blogging journey! I took these advice from the other blogging sifu as well as some of my own way of blogging that really helped on my traffic that I try and error before. You cannot cheat traffic. You can cheat your Instagram follower, likes and Facebook like or what so ever but you cannot cheat traffic. So far as I know lah. Haha. So here are the 5 tips I am going to share with you!

1. Attractive thumbnail & Post Title.
Yes. Thumbnail is important. as well as this applied to a nice picture that you take. Because it attract lazy people to read title like me to click on to your link. Haha. You don't need a DSLR or any expensive camera to blog when you first started. All you need is actually good lighting. When I first started blogging, I use my Blackberry camera and a window light. From my experience, balcony, bedroom window have the best lighting. Picture editing tips click here (link). And to the second part, Post title. I admit that actually I am not good at this but my blog is mainly about beauty so try to put review at the back or something catchy that makes people curios want to know. 

2. Rename & Resize your image before uploading to your post.
Seems simple but this is amazingly important. Do let me know if you are interested in a blog tips on how to manage your blog. This applies a bit. So in the "rename" topic it self by means it rename your image before uploading. Don't leave the IMG123124 what so ever default name you have in your pictures. The name of the image it self will help push your image on the top level in Google image search. For example if you are blogging about a Benefit Cosmetics Shop, try renaming it to "Benefit Cosmetics shop in Malaysia". When you are reviewing a product for example a Etude House Lipstick with swatch details and price, try to rename it to "Etude House Lipstick full swatch malaysia price list". People will google out for these tags and title and your picture may be on the early first pages and this will leads to your blog. 

3. Resize your image.
This falls under the "weight" of your blog. Sometimes people can get frustrated with your big image and left your blog. You don't need a big picture that actually resize to a smaller picture in your blog. Also, it will trouble you in the future. You blog capacity will maximize and you will need to pay. So try to look for a smaller size image to your liking. For me, I like to use this size 640px x 426px and click on the image and set it to X-Large. If you still want a bigger image because you want a bigger effect when clicked, try double the size that I provide you above. Don't use the usual default size 2000px++. It loads so slow! It fits perfectly in my blog and load faster.

4. Active.
Always post out something new. So your blog will always be on top of people blog list. It can be a cross selling technique. You don't have to stressed out by doing a single post everyday. If you want to plan ahead, if you are interested in this topic do let me know. So, maybe 2-3 post a week is nice. Create your own series or genre of blogs. Always share your blog links in your social media and blogging group. This will expand your link to the search engine. 

5. Be friendly and go blogwalking!
Ok. This is the ultimate tips I use when I start blogging. Socialize around! Don't be shy and don't sombong! Go to people blogs, read their post, comment below and leave your blog url. Some people are just too lazy to do this. I find it is weird because blogging is a way of interacting to new people as well as find new things to explore. Ok this part is a bit weird to some people. Some people don't like you to leave your link in their comment section. I don't know why. For me it welcomes people to discover new blogs. Okay, try to avoid the just commenting "Follow me and I follow you back". Oh come on. You blog not just because of the followers numbers. You want the exposure. Remember, exposure not numbers. What I mean is be genuine. Read their post, tell your thoughts and maybe leave your url down below. Who knows he/she might come to your blog and start to be your new reader too. But if she/he don't like, well just don't do it again. Respect their wants. Your username can also be a backlink to your blog so without the URL itself also can help but sometimes the link can be a problem when it directly go to your profile first before your blog. So just be patient. Then to your own blog, try to reply to people comments. I understand some top bloggers don't reply to the readers comment, it is because they receive hundreds of them. But for you who is just starting, come on. Interact with each other. He/She might come back to check on your replies. That is also count as traffic.


There are more but I think these are the most that I use. Well not most. Will do Part 2 if you like! I can't judge my own content weather its interesting to your opinion. But I blog because I like what I blog about. But these are the steps that I do when I started blogging. When the time I only have 1 follower, 1 visitor per day and basically no people commenting on my blog.

The ultimate key to increase your blog traffic is of course, never give up. Don't expect fast return and blogging because of fame, fortune and freebies. Blogging is fun! You make new friends and learn new things. Don't get stressed out and don't let anyone take your passion to a tension! Well that's for now, I know I have promise to blog about more blogging tips but I just could not get around. Super busy with day job and stuff. I promise I will do, just stick with me! hehe. If you have any tips you wanna share or other blogging tips you want me to share, do comment down below! Majulah blogging untuk negara, eh!
*Pic took from WeHeartIt
View Post
SHARE:
76 comments

Where is my GFC Follower Gadget?

10 comments

As-salamu alaykum and hello everyone ♡ Okay. So I am in a mood on some blogging and I thought I wanna do more Blogging Tips post, because I find it helped some of you and that makes me happy. To my recent tutorial on How to make a box in blogpost have help you guys I though I wanna share this tips to some of you who have asked. I sometimes get questions on "Where is my GFC Follow Gadget"? Since blogger dashboard have been change its layout and promoting the Google+ thingy that I don't really fancy, they have been kinda "hide" this features. Well, when I started blogging, GFC Follower gadgets is really fun. It shows that people is interested in your blog. haha. Really? My thoughts. I really take a full effort to gain till what I have now, and then Google wanna close it down? I am pretty sad to hear that. I don't know about the rumor, but luckily the GFC Follower is still there counting numbers. So some of you may have this problem on where can I find it, or where did it go because I saw some of you did not install it may be because you don't want it or you don't know where it goes. So if you are the person who don't know where it goes and wanting the gadget to be there in you blog. Here is how to allocate :

------------------------------------------

STEP 1 : Go to your Dashboard > (On the left side) Go to Layout > Click Add Gadget
Then you will see a small window or probably a new tab to this option. Click to More Gadget


STEP 2 : Scroll till the last part and you will find your GFC Follower gadget hiding down there. Click the Add button. And now you have it. How easy is that?


So basically GFC Follower is a gadget where you can follow your blog in blogger platform, and it help to update the blog that you follow in your dashboard which I really like and find very helpful. Hope this also find you helpful and stay tune for more Blogging Tips or come over here for more beauty stuff and random personal stuff I would love to share!

Haba Haba. Oh hello. Ok bye.

View Post
SHARE:
10 comments

How to make box in blog post

36 comments
Salam & hello everyone!

Phew, now I got some time for my own for some more personal blog post that does not related to any brands of shopping. 1'm saving your wallet for this time at the moment. Hehe. So, I will try my best to give some tips and trick in blogging. Well, I am not that professional, but maybe this little stuff that you can learn will help you in blogging! Blogging is fun, don't get you stress out okay.

Alright, today I am going to share with you how to make a box in blog post. If you are familiar with "Blockquote" this is something similar. But! I have use Blockquote for a while and it gives a lot of problem but its automaticly appears if you click.This is more of a manual coding,  So this manual coding probably will help you make it easier.

So what is the purpose of this box? To me, it looks neat in the blog post especially when you are giving out important information in your blog for example if you are reviewing stuff, and you wanna highlight the info of the product like name and price like below :

cara buat kotak dalam blog post

So here's how :
In you blog post mode (during you are posting your blog post)
Click the HTML button on the left side of you blog and you will see a lot of coding that only aliens can speak. So just copy all code below and paste in your blog post html section.

<div style="background: #F2E0F7 repeat; repeat; padding: 10px; border:2px dashed #F5A9D0; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px;"><center></center>

WRITE YOUR STUFF HERE

</div>

Change :
RED : Refer code color here (click me) Change what color you want for the background

BLUE : Change the size of the border, example 3px/4px.... (Higher the number ticker the border)

GREEN : Change the border style name to one of these of your preference



ORANGE : Refer code color here (click me) Change what color you want for the border

BLACK : Optional, but if you want a rounded type of edge, change the number of the px. If you don't want, just leave it all to 0px.

PINK : Here is where you put all of your info stuff. I advise you to paste the box first and edit the content later in Compose mode. Easier.
So hope I helped! Drop any question below at the comment section and I will try to help as I can. :)
Hugs and kisses
Sabrina

View Post
SHARE:
36 comments

Make Instagram / Vintage Effect to your blog images easily.

35 comments

Make sure you get the best lighting
I always take my pictures during sunny day. I open up my room light and open up my windows to get the most out of natural lighting. Below are the original picture I took. No editing have been done only cropping. Some of you have asked me how I edit my pictures and what camera I use.  I only use my Blackberry Bold 3 as my camera with 5 Megapixel picture quality. Nothing fancy. But still, sometime the pictures aren't sharp enough, I do need a new camera in the future. I do use Photoshop sometime for advance editing, but mostly the software I'm gonna show you is Photoscape. Much more easy and can be done in just a minute.

Original Picture

1. Brighten Picture
I am not always satisfy with the original picture I took, for me it seems a lil dark and gloomy. So the first step i do is brighten my pictures. This is the magic! I love the effect! Its instantly brighten and sharpen my pictures. Kindly adjust the appropriate amount of brightness you want in the picture.

 .
.
.
.
.
The Result

2. The Effect
Here is the fun part. It is so easy. Click on "Filter" and choose your film effect. Easy right?

 .
.
.
.
.
.
.
.
.
The Results :

3. Rounded Corner
Rounded corners pictures is cute too. Here's how.


.
.
.
.
.
The Result

 4. Circle Frame

.
.
.
.
.
.
The Result :


Easy right? Photoscape is a Free Downlable software. 
Download it here - CLICK ME
There is more editing features you can find in there. Making collage, some cute stickers, GIF images and more!

What do you think? Hope it helps!
Sabrina
View Post
SHARE:
35 comments
Previous PostOlder Posts Home
CUSTOM BLOGGER TEMPLATES BY pipdig