How to add "Official Splinterlands Card Art" to your posts - the super easy way (and it looks good)!

Good morning Splinterfriends,

I am going to write a very short... well for me anyway... blog about how to spice up your posts with "Official Card Art" from Splinterlands!

The reason I am writing this is simple... it took me like 20 minutes to figure out the damn set name for my post $HIVE PUD & March Update!

Anyways... in the process, I figured out the super duper, really easy and time saving way to do it... so I thought I'd share.

Judge me not on the length of this piece... yet judge this piece by the quality and the amount of TIME it will save everyone!!!

Ready? Set - LFG!!!!!!!!!!!

Ok so if you don't know how to add kickass "Official Splinterlands Card Art" to your posts like this:

It's ridiculously simple... I mean I can do it... so it has to be,right?

---

First, save this link in your bookmarks!!

https://hive.blog/splinterlands/@splinterlands/splinterlands-card-images-by-level

That's a fantastic walkthrough post!!

However... it doesn't tell you everything... and you kinda have to figure it out... but I have a few tips for you to make it a more "Complete" guide...

To start, copy/paste any link you want from their list... seriously - any of them...

WHAT?!?! ARE YOU SERIOUS?!? DON'T BE A STUPID JERK - DO NOT START WITH THE GOLD FOIL ONE!!!!

Hahaha you can if you want... but grab a RF one for now please 😄

Like these:

Once you have a link CopyPasta... you can edit it to whichever card you want... but... The entire reason I am writing this post...

YOU HAVE TO KNOW CERTAIN VERY SPECIFIC RULES OR THE LINK BREAKS AND IT GETS SUPER FRUSTRATING!!!!

Ok, let's grab a link to show you...

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Cornealus_lv3.png

I added a "space" after https - that way I could show you the link 😁

To make the image work, you can copy my link... and after you paste it... delete the space after "https"...

Now... you have your link and your ready to edit... but... WHAT can you edit??????

Card Set - how else would you get the different cards?
Card Name - duh 😑
Card Level - important to highlight the various stat changes!!
Regular vs Gold Foil - oooooooooh shiny!

So... now we know what we can edit... HOW do we edit?????????

Just change the "stuff" in the link!!!! But here's where it gets tricky and you gotta know the RULES for these links to actually work after you make your edits... and not show you this instead:

womp womp

---

Rule #1: Set Names

The SET names... ARE. NOT. CAPITALIZED!!!!! GOT IT?????????

Example: "untamed" = correct but "Untamed" = IMAGE NOT FOUND!

Correct:

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Cornealus_lv3.png

INCORRECT:

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/Untamed/Cornealus_lv3.png

A photo for you of the difference and I deleted the "spaces"

Here are the results from doing it those two ways... with the "space" removed from the links:

Correct:

INCORRECT:

Correct = Image
Incorrect, with uppercase "U" in untamed = Broken Image

Never... EVER... use uppercase in "SET NAMES" when pulling card data!

If you think you have everything right... CHECK YOUR SET NAME!!!

The reason I am stressing this sooooooooooo much... is because I have fucked it up SO MANY DAMN TIMES!!!

Rolling on... not caring what stands... or lays in our way...

---

Rule #2: Card Names

Now that "Set Names" are out of the way... the next variable to examine is... The Card Name!!

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Cornealus_lv3.png

Lets use the previous example... look at the Card Name... Cornealus...

Unlike "Set Names"... you ALWAYS Capitalize the first letter of the "Card Name"...

Since we have the concept of "Set Names" figured out now... "Card Names" shouldn't be so difficult...

Except... a lot of Cards have funny names... with a lot of "spaces" in between... in fact... lets look back at the "Source Material":

https://hive.blog/splinterlands/@splinterlands/splinterlands-card-images-by-level

Let's scroll down and nab the photo again...

This time though... let's examine the top link like we did before...

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/alpha/Giant%20Roc_lv9.png

I threw the "space" in after "https" again so we could see the link... for all of you who can code and are really good at Markdown or HTML... you'll notice immediately... but for the rest of us plebs... Since I am absolutely rubbish at code... I'll lay it down in the language I am familiar with...

Here it is... pay attention!!!

"Since you can't use the spacebar for a web address... you must use something to represent a "space" - you need something you can type that when it is "read" by the computer in that particular order... it is recognized and translated as "In place of these characters, please put a "space"..."

So... what magical computer mumbo jumbo are we talking about...?

%20

That's right, every time you see "%20" in a web address... the computer sees "instead of %20, press the spacebar".

That is why it is written: "blahblahblah/Giant%20Roc_lv9.png"

More exmaples:

Shock%20Trooper
Kobold%20Miner
Yodin%20Zaku

Got it? This one is pretty easy and straighforward...

Wait... you know what... whatever... you'll figure it out...

---

Rule #3: Card Level

Look... just change the level at the end and don't be dumb ok...

Ok good... I was worried for a second...

Anyways let's use that previous example... just for good measure:

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/alpha/Giant%20Roc_lv9.png

Here's how that looks with a Lvl 1 Yodin Zaku...

Now... as silly as it sounds... another very common issue... when copy/patsing/editing... ALWAYS CHECK YOUR CARD LEVELS!!!

Let's say I copy/pasted the Giant Roc link, to edit...

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/alpha/Giant%20Roc_lv9.png

But then I changed it, wanting to display Yodin Zaku...

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Yodin%20Zaku_lv9.png

Now... let's delete that "space" and see our Yodin!!!

Well... There is no such thing as a "Level 9" Yodin Zaku - duuuuuuh...

Always check your card levels after editing!!!

Common: Level 1 - 10
Rare: Level 1 - 8
Epic: Level 1 -6
Legendary: Level 1 - 4

I've wasted a lot of time and energy... checking everything only to realize DAMNIT!!! I FORGOT TO CHANGE THE LEVEL OF THE CARD AFTER I PASTED IT!!!

Corrected "Level 4" Yodin Zaku:

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Yodin%20Zaku_lv4.png

Looks like...

FINAL NOTE ON Card Name & Level:

IT IS just the characters lv... NOT... lvl... lv9... not lvl9...

Ask me how I know to make that point... ASK ME... no don't... you already know... le sigh.

Now... the final piece of this is super easy... if you want "Regular Foil" just paste as normal...

If you want to show the GF Version... simply add "_gold" after the "lv4" and before the ".png"

So it will look like this:

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/untamed/Yodin%20Zaku_lv4_gold.png

Which yields...

Oooh... SHINY Splody Cat!!

Yodin IS a Cat-Demon-Hybrid... Thing... Right?

Anyways... back on track for the looming question which you may not know to ask right now... but the answer I discovered just recently is what spurred me to write this...

HOW THE HELL DO I FIGURE OUT WHAT "SET NAME" TO TYPE... ESPECIALLY ON THE NEWER REWARD CARDS!!!!!!

That... THAT... is what took me SO DAMN LONG... to figure out... when trying to post the image of the Shock Trooper previously...

Oh... and no, you can't just "copy paste" the image from Splinterlands Collection tab because it is LAYERED... You know... like an Ogre... that looks like this:

... and when you Paste it... it looks like this...

Yup... tell'em Scooby... "Ruh Roh" right!

That's why I am showing all of you how to do this... with UPDATES and a handy dandy guide!!

Are you ready for the final piece of puzzle??? Are you ready to solve this mystery like Scooby and friends????

That... may be the wrong "Scooby Do" Movie... damn internet... ruins everything...

Wholesome Velma... more like it... ya sinners... lmmaoooooo

Ok... as a reminder... the issue at hand: Finding the "Set Name"... which is easy for early cards...

Alpha
Beta
Untamed

EZ PZ!

The newer ones are tougher and when I went to put Shock Trooper in... It seriously took me like 20 minutes to figure it out!! So I want to share that last little tidbit today... we have reached...

THE MOST IMPORTANT PART OF THE POST

Here's how you do it... and once you know... it's ridiculously simple... lol... like most things... so here you go:

Let us use "Frigid Wolf" from the Rebellion Soulbound Reward Set... So many possible names to choose from...

Step 1: Go to the Splinterlands "Items" Tab (backpack icon)

Step 2: Click on the card you want to find the info on... Frigid Wolf in this case

Step 3: Right click on the card and select "Open Image In New Tab"

Step 4: Click on the new tab in your browser... and look at your "Web Address Bar"...

Step 5: BOOM!!!! GOTCHA!!!!!!!!!!!!!!!!! #CELEBRATE!!!!!!

YOU STOP THAT RIGHT MEOW!!!

Let's test it first... before we have our twerkathon...

Ok... this should be the correct link for a Level 4 Frigid Wolf... 🤞🤞🤞

https ://d36mxiodymuqjm.cloudfront.net/cards_by_level/soulboundrb/Frigid%20Wolf_lv4.png

The moment of truth... as we delete the space... we see...................

SWEET VICTORY!!! DROP THE BASS LADS!!! WE DID IT!!!

---

That's all I have for you today folks!! Thank you for reading and I would LOVE for you to join me in game!!

Naturally, after everything leading up to this moment, I do think Splinterlands and Soulkeep are some of the BEST web3 games out there!

They bring the #play2earn feature to the forefront of development as well as many opportunities for people to earn rewards - whether Player or Investor!!

If you're interested in the future of gaming, it's worth checking out!

You can sign up here: Splinterlands

Cheers 🍻,

• CaptainDingus

#Splinterlands #Hive #Soulkeep #play2earn #web3 #NFTGaming #Rebellion #Conflicts #TowerDefense