Blog Divider - Splinterlands Guild

<p dir="auto"><span>Today I'm going to explain how to make a horizontal blog divider with <a href="/@splinterlands">@Splinterlands Guild as the theme. I have made and use this divider for a long time, but I decided to show you how it's made, so you can make something your own. Let's start! <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 2x" /> <h1>ACQUIRING THE GUILD ICON <p dir="auto">Click on <code>GUILDS section on top left of your <a href="https://splinterlands.com?ref=tedus" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Splinterlands webpage.<br /> Then click on one of the buildings, and click on <code>INFO button (see blue circles below). <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/Eo6Cjbp12jGzonodzvCshD15FBfjkhr11wovBaAZyreW34nrrh45DraD6XWht1qBpRB.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/Eo6Cjbp12jGzonodzvCshD15FBfjkhr11wovBaAZyreW34nrrh45DraD6XWht1qBpRB.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/Eo6Cjbp12jGzonodzvCshD15FBfjkhr11wovBaAZyreW34nrrh45DraD6XWht1qBpRB.png 2x" /> <p dir="auto">Right click on the building's icon, then you can save it by choosing <code>Save image as.... <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tbJtVzFD4Rgtv5GA4en5s3itNB3TsmKgFkuBWuMHTqX22r21wQ3srax8Ej6nEySnwFM.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tbJtVzFD4Rgtv5GA4en5s3itNB3TsmKgFkuBWuMHTqX22r21wQ3srax8Ej6nEySnwFM.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23tbJtVzFD4Rgtv5GA4en5s3itNB3TsmKgFkuBWuMHTqX22r21wQ3srax8Ej6nEySnwFM.png 2x" /> <p dir="auto">Repeat this process for all of the guild buildings. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 2x" /> <h1>ACQUIRING & MERGING ELEMENTS <p dir="auto">I was using <a href="https://www.canva.com/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Canva to find some free shapes to merge become a new abstract shape.<br /> In Canva, make a new workspace and click on <code>Elements then you can search with whatever keyword you want.<br /> In this case, I only use 2 different elements as shown below. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tSuc6xbqrSFZP68Ew2E7R7yRehi4Mziz4vpEaTGJSJEQTfonibNQQPWCWXmTptjxfPv.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tSuc6xbqrSFZP68Ew2E7R7yRehi4Mziz4vpEaTGJSJEQTfonibNQQPWCWXmTptjxfPv.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23tSuc6xbqrSFZP68Ew2E7R7yRehi4Mziz4vpEaTGJSJEQTfonibNQQPWCWXmTptjxfPv.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 2x" /> <p dir="auto">Then it's time to pour your creativity to merge these elements.<br /> I copied the first element and resize it a bit. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23y9HNKif92yJbQh5sy67w2eZ6QiKsUMoh9QLNrRqE4qBBSiWgVvbZqgvnfPVwNPzo1ww.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23y9HNKif92yJbQh5sy67w2eZ6QiKsUMoh9QLNrRqE4qBBSiWgVvbZqgvnfPVwNPzo1ww.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23y9HNKif92yJbQh5sy67w2eZ6QiKsUMoh9QLNrRqE4qBBSiWgVvbZqgvnfPVwNPzo1ww.png 2x" /> <p dir="auto">Filled the smaller one with white color, and overlap the two together.<br /> Then I added a white circle at the center. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23x1aTwJ2xE4zn2s1Fiu4UTcn7pnuTY2FXYNrTbLW5jMse2HUEsd4TZwSqVD3yvZR4CVT.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23x1aTwJ2xE4zn2s1Fiu4UTcn7pnuTY2FXYNrTbLW5jMse2HUEsd4TZwSqVD3yvZR4CVT.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23x1aTwJ2xE4zn2s1Fiu4UTcn7pnuTY2FXYNrTbLW5jMse2HUEsd4TZwSqVD3yvZR4CVT.png 2x" /><br /> <center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23xLN1ExotcyXtrCgPCPzxPBQjDkAjzRsbsGPnzYBgM2vrqtKieciwe1QsD9nqjNmDbYb.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23xLN1ExotcyXtrCgPCPzxPBQjDkAjzRsbsGPnzYBgM2vrqtKieciwe1QsD9nqjNmDbYb.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23xLN1ExotcyXtrCgPCPzxPBQjDkAjzRsbsGPnzYBgM2vrqtKieciwe1QsD9nqjNmDbYb.png 2x" /> <p dir="auto">Decided to use the right shape as left, and the left one as right.<br /> And moved them together closer. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23yJhkuawRHqgBQZ6Ks1UPZ2dXWeoh6YuatQXhgWMm8LoNKJ6xc8Mwnv8cZzehM41ka9j.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23yJhkuawRHqgBQZ6Ks1UPZ2dXWeoh6YuatQXhgWMm8LoNKJ6xc8Mwnv8cZzehM41ka9j.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23yJhkuawRHqgBQZ6Ks1UPZ2dXWeoh6YuatQXhgWMm8LoNKJ6xc8Mwnv8cZzehM41ka9j.png 2x" /><br /> <center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23zH1zvmFUPqPPctM7ikyETR1hFYYhoJMWC8LkAZhSSzp18Yxi8qGJxZ6zrmPNuJoC8HJ.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23zH1zvmFUPqPPctM7ikyETR1hFYYhoJMWC8LkAZhSSzp18Yxi8qGJxZ6zrmPNuJoC8HJ.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23zH1zvmFUPqPPctM7ikyETR1hFYYhoJMWC8LkAZhSSzp18Yxi8qGJxZ6zrmPNuJoC8HJ.png 2x" /> <p dir="auto">Almost there, then again I added white circle at the center, and the second arrow shape on the left and right side. Voila! <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23yU4s488kfgofEaLZpuVFnjEiczFBT7L25emjUitMHzak4TRj2DsUKnRQonXC2QbE5RS.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23yU4s488kfgofEaLZpuVFnjEiczFBT7L25emjUitMHzak4TRj2DsUKnRQonXC2QbE5RS.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23yU4s488kfgofEaLZpuVFnjEiczFBT7L25emjUitMHzak4TRj2DsUKnRQonXC2QbE5RS.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/EoAT3p5L8aEzYJGYHLaDNgUDM1ayKenWQLGE7eJ18DXy5AyS6u9ttVUoB7fKqYnHaDd.png 2x" /> <h1>FINAL TOUCH <p dir="auto">After adding the guild icons to the elements above, last step is to fill in gradient colors according to the guild icon. <p dir="auto">Here are the final results: <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t7AxvFzqCkGzKH45YsxAFXrgc6icfyjpF4L3hkUaRpzHQ8b6vbegd6hzkJFtj1aEAER.png" alt="Guild Arena Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t7AxvFzqCkGzKH45YsxAFXrgc6icfyjpF4L3hkUaRpzHQ8b6vbegd6hzkJFtj1aEAER.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23t7AxvFzqCkGzKH45YsxAFXrgc6icfyjpF4L3hkUaRpzHQ8b6vbegd6hzkJFtj1aEAER.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t72fSsgUZ9ZHWD9dLq66qSuCqy9KMe6wgi7Ae3hMPSzrquUW6kwiywhxDmizVibHhXA.png" alt="Guild Barrack Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t72fSsgUZ9ZHWD9dLq66qSuCqy9KMe6wgi7Ae3hMPSzrquUW6kwiywhxDmizVibHhXA.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23t72fSsgUZ9ZHWD9dLq66qSuCqy9KMe6wgi7Ae3hMPSzrquUW6kwiywhxDmizVibHhXA.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tGRUVHhAwcnfNnG1ZX34ih7DddPVdZZ2RU4fDtxa2eLE2qaobEWWvhmt1dP62ixK2Zt.png" alt="Guild Hall Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tGRUVHhAwcnfNnG1ZX34ih7DddPVdZZ2RU4fDtxa2eLE2qaobEWWvhmt1dP62ixK2Zt.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23tGRUVHhAwcnfNnG1ZX34ih7DddPVdZZ2RU4fDtxa2eLE2qaobEWWvhmt1dP62ixK2Zt.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t773LfXAns1iGGqVRLKyLGpYjMUDtKnULv8kmHcEYAVv2vrfEqewX1RSV1Q5DcsrYUL.png" alt="Guild Lodge Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t773LfXAns1iGGqVRLKyLGpYjMUDtKnULv8kmHcEYAVv2vrfEqewX1RSV1Q5DcsrYUL.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23t773LfXAns1iGGqVRLKyLGpYjMUDtKnULv8kmHcEYAVv2vrfEqewX1RSV1Q5DcsrYUL.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t75BUFRaBeDsem9e3TXGCnrwvX4BKZBiAVqvNhpKgcPpxFCaygu98KVXGkmX6vqqwSL.png" alt="Guild Store Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23t75BUFRaBeDsem9e3TXGCnrwvX4BKZBiAVqvNhpKgcPpxFCaygu98KVXGkmX6vqqwSL.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23t75BUFRaBeDsem9e3TXGCnrwvX4BKZBiAVqvNhpKgcPpxFCaygu98KVXGkmX6vqqwSL.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tkdYxVm2c1s9rcKXFhMnFGXNe8Gvm8Zw4KDtvGtsbRpFSUYfUJGoAuLyYQ836yFTGgG.png" alt="TJ Logo Divider" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23tkdYxVm2c1s9rcKXFhMnFGXNe8Gvm8Zw4KDtvGtsbRpFSUYfUJGoAuLyYQ836yFTGgG.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23tkdYxVm2c1s9rcKXFhMnFGXNe8Gvm8Zw4KDtvGtsbRpFSUYfUJGoAuLyYQ836yFTGgG.png 2x" /> <p dir="auto">All of the above dividers are free to use.<br /> Just please credit me in when using those divider.<br /> Thanks a lot. <hr /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 2x" /> <p dir="auto"><center><h1><strong>OUTRO <p dir="auto"><a href="https://splinterlands.com?ref=tedus" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">HERE.<span>Signup to <a href="/trending/splinterlands"> #Splinterlands and start your <a href="/trending/play2earn"> #Play2Earn journey if you haven't, using the link <p dir="auto">Don't worry about not having good cards and losing your first few battles.<br /> The whole Splinterlands community will help you up and boost you through your newbie life. 😁 <p dir="auto">If you happened to be a fellow Indonesian, you can join below Discord Server, we are more than happy to lend you some cards: <ul> <li><a href="https://discord.gg/fVb3gTrpXW" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SPL-Indonesia<span> owned by <a href="/@cicisaja">@cicisaja <li><a href="https://discord.gg/ZWbCS9Uv8V" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">CryptoWatch<span> co-founded by <a href="/@christahir">@christahir <p dir="auto"><span>If you're not from <a href="/trending/indonesia"> #Indonesia, feel free to join anyway. Just be aware that we use Indonesian language inside. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://files.peakd.com/file/peakd-hive/tedus/23tbH2XfEqZJAFKMvoBTZG6B1pBkH9XJz79EpLXCGCCHvNVgeBbigFfqAtfmeowZ49T85.gif" /> <p dir="auto"><center><h1>CREDITS <p dir="auto"><center><span><a href="/@splinterlands">@Splinterlands - Waka Divider <p dir="auto"><center><span><a href="/@freeztag">@freeztag - Death Divider <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/tedus/23vsEA1Bkff9zXZpD2nBe4SBtZuZ1QfNqu8e2f1zDv4i4PzNdQ5czE55kDxADhWpu1bxL.png 2x" /> <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://files.peakd.com/file/peakd-hive/tedus/23swXdDw8uGggKH9R2h6juJfyvcWgB8vbMJT7k3keQd2SpDfuevrBMaUP7mFzYnJEJePq.gif" />