[SteemitBoard] - How to create an awesome footer with your awards
8 years ago by arcange (73)
$16.96
- Past Payouts $16.96
- - Author $13.49
- - Curators $3.48
256 votes
- + tombstone: $7.424 (100%)
- + transisto: $3.210 (100%)
- + jaewoocho: $1.300 (100%)
- + clayop: $0.634 (100%)
- + knozaki2015: $0.338 (100%)
- + wang: $0.324 (63%)
- + twinner: $0.295 (82.29%)
- + hipster: $0.271 (100%)
- + aizensou: $0.247 (100%)
- + shaka: $0.240 (100%)
- + cryptoctopus: $0.217 (75%)
- + helikopterben: $0.189 (100%)
- + roelandp: $0.161 (100%)
- + nxtblg: $0.156 (100%)
- + thylbom: $0.115 (100%)
- + neptun: $0.115 (100%)
- + exyle: $0.106 (100%)
- + ats-david: $0.089 (100%)
- + badassmother: $0.088 (75%)
- + tarekadam: $0.070 (100%)
- … and 236 more
I like these footers, it's small and classy. (unlike others which take half a page)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you! And with this post, you learned how to define the size that best fit your wish.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
great updates and guide. keep it up brother!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excellent work dear friend @arcange, I have already entered the page and it is very useful
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Cool. Glad you like it!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
That's so awesome! I think I'll be
stealingcopying this beautiful footer for my next posts :DDownvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Go! Go! Go! That why I made this post =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
awesome @arcange
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks a lot =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
thank you very much gonna use it
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you .... Well written an so easy to follow. Looks like the laptop is coming out tomorrow.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Tell me please. My banner of awards is not updated. What am I doing wrong?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice! It's very cool but now I have to make a choice between your badges and other provide by @elyaque :p
The advantage of yours is that they are dynamics BUT with a lot of html strings.
The advantage of elyaque badges is a picture I made with only one link BUT I have to change the picture regulary..
This is just my way of seeing things.. what do you think?
Anyway big thanks for your work ^^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for your comment. It looks like the perfect world doesn't exist ... yet =)
Once you have created you SteemitBoard footer, it's just a matter of copy/paste.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Like this :
I will make a mix of both :) Thanks!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I don't understand how to find @elyaque badges, I clicked on the profile but it links to a non-existing site. Or did I do something wrong?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for your colaborations, Are really helpful! I Follow you!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Already vote
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for this great information :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I got to see this after 4 months of this post. I wish there was more love for such quality posts. Bookmarked it in browser - it is shareworthy!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for this. I think it is an amazing idea. I just showed my 5 year old and he told me mummy we need to unlock all the other awards! I think that we all have a child inside and having a prizing system work. It is not about money or other material things but about achievement and fullfilment. love your work )
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
great info :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excellent info, thanks @arcange.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for your feedback!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I like this footer but it seems my images are not updating as I gain higher levels. Is the automatic update not working?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@arcange Hey mate, hope you are well. I cant seem to get my pictures to update. Am I doing something wrong? Please help!
<center>[![](https://steemitimages.com/50x60/http://steemitboard.com/@scrooger/commented.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/60x70/http://steemitboard.com/@scrooger/votes.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/70x80/http://steemitboard.com/@scrooger/posts.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/100x80/http://steemitboard.com/@scrooger/level.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/70x80/http://steemitboard.com/@scrooger/comments.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/60x70/http://steemitboard.com/@scrooger/voted.png)](http://steemitboard.com/board.html?user=scrooger) [![](https://steemitimages.com/50x60/http://steemitboard.com/@scrooger/payout.png)](http://steemitboard.com/board.html?user=scrooger)</center>
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey @scrooger,
The problem comes from steemit using an image proxy cache.
As the URL of the image does not change, steemit.com use the image stored in its cache to speed up display.
I already opened an issue on github to have the dev implement a way to bypass the proxy but hadn't get any reaction.
Meantime, you can manually create new images with your footer when your awards get updated and use it in your post.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Understood, thanks a lot!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This part in your links: board.html?user=@scrooger should be board.html?user=scrooger instead. But yes, the database is slow with updating the pictures too.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nope, the @ is out. still no change. Ah but it's ok. Not going to struggle with it now. Thanks for checking though. Will just manually make one and update one a week or so.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
The problem comes from steemit using an image proxy cache.
As the URL of the image does not change, steemit.com use the image stored in its cache to speed up display.
I already opened an issue on github to have the dev implement a way to bypass the proxy but hadn't get any reaction.
Meantime, you can manually create new images with your footer when your awards get updated and use it in your post.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I found a way around it. add .png?update=true
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey brother... I'm guessing you would have to add this on the end of every line yes?
So instead of:
()]
It would be:
()]
Well never mind; there's your answer!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I am truing this but it doesn't work
http://steemitboard.com/@elmetro/upvotes.png
How do you know the name of the badge?
thank you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
upvoted, resteemed and followed.Just like @good-karma said, keep it up. @arcange
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
That's really cool.
thanks for sharing with us .
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
i just test the html code and here are my resualts.
don't forget i'm new here ^_^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hiya, I know this post is months old, but I just got some badges finally, and am wondering how to post the birthday one in the footer? Is there a list of the titles for the links of all the awards? Thanks!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Woo hoo! Thanks!!! How come it doesn't work when I use it for a blog post? I've been trying like mad to figure it out for the last half an hour haha
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I don't know, maybe it has something to do with markdown language, which @steemitboard mentioned?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I always wondered how these things were done! Thanks for a pretty easy tutorial! Will continue to read and follow :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks @arcange
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
The awards are not updating for me. I did exactly as described here. When I check the URL's it show thats Steemit is automatically changing the URL to some internal Steemit URL. I did not upload them here or anywhere else. My fault or a change of Steemit works since you posted this?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Steemit has implemented image cache to speed up image retrieval and display.
Unfortunately, this cache mechanism prevent the images to be dynamically updated.
I opened a github issue to ask Steemit's devs to implement a cache bypass, but didn't get any response up to now :(
Meantime, you have to manually build your own footer
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for the info, @arcange. I wonder if I should continue to use the correct links after all and not build another footer. The info might be incorrect now but probably corrects itself later if they ever change it. But then I cannot go back anymore and change my footers in older posts.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Awesome thanks ... Its all a learning curve and posts like this make it just that little bit easier . Thank You
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks friend @arcange
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great thanx!! @arcange
upvoted!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks =)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey @steemitboard can you also use this technique for making other images smaller? Could you write a topic about that?
Like could you use this to avoid this:
https://steemit.com/faq.html#Is_there_a_way_I_can_make_my_images_smaller
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Good very
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
great post! Thank you for the help, now i can use that in posts!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
useful thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I tried it and it works. Thank you for this helpful posts, keep them coming. I need to follow you!!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hi @steemitboard
When I use the formula mentioned it does not update the amount of posts/comments/up-votes compared to what I can have done/received.
If I click on the image for example posts written it takes you to the board that is correct number but the image still shows the wrong numbers...
Please Help :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Wow, looks amazing! Will be using this in my future posts! Thank you much for showing us all! Really great to have. UPVOTED!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@arcange What is the script for adding Personal page Happy Birthday badge into the footer? If I want to exchange it for the level.png ? Thanks Also How about placing a backdrop banner behind the badges? If you look close, you can see the numbers show a glare with white as backdrop?
(((((()
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@arcange NEVER MIND ON BIRTHDAY. HOW ABOUT A BACKDROP BANNER?
((((((()
If you like this post, Please UpVote and Follow me...
steemit board & animation
created by @arcange
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
(((((((()
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for the help!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I'm going to use this in my blog posts
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I love this and have saved it as part of my "signature" BUT I have noticed mine is not updating... is there something I can do? Or doing wrong?
@arcange...
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is because of image cache "feature" implemented by steemit.com.
@steemitboard will soon publish a post on how to bypass it ;)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit