Since I received a question from an anon about how I upload my gifs to the google site, you can find the answer here. This is my first tutorial, and english is not my native language, but I hope it will be understandable and sorry if I wrote something wrong in english. I hope it's understandable and good luck, feel free to write if you have any questions and I'll try to help.
First of all, I always create the gif pack page on tumblr, it's easier to see the code there, it's easier for me to change things, because there is more space. And there I can see if everything is okay. However, it is important that there is a few code that works here, but not on the google site. When I find everything in perfect, I copy the code of the gif page and paste it to the google site page.
So I always open the google site page (You must log in with your gmail account to be able to use it.) : https://sites.google.com
When you open it, it will be a blank page, but there will be that colored plus sign at the bottom right. You can create a new page with it. I already have several, I tried to organize things there.
4. If you click on the plus sign, it brings up this, I don't usually change anything here. In the right-hand bar, there is "pages" (marked in green in the picture), you have to select it.
5. If you have selected the pages menu, you will see a plus sign again in the lower right corner. Click on it and select "full page embed". (I circled it in red in the second picture)
6. If you selected this, it will ask you to name the page. Enter the name you want. I usually include the name of the actor/actress + the name of the series and the episode in various formats. (Since I create the page both here and on the tumblr page, sometimes I copy the name given on the tumblr page.) When you press done, you will see what is in the second picture.
7. If you move the mouse over the part marked in green, i.e. on the name of the created page, 3 small dots will appear on the far right. Click on it and select "hide from navigation". If this was the case, then the small sign will be crossed out in front of the page name in the right side bar and there will be no menu bar at the top of the
displayed page.
After that, all that's left is to paste the code of the gif page, i.e. the gifs. You have to click on the "Add Embed" , which is in the middle and can be clearly seen in the picture. And choose "Embed code" and copy the cod / gif link here. [second picture]
8. I have marked on the picture where you can find after this, the edit button [in red], if you want to delete the page [in blue], or if you would like to preview it. [with purple color in the picture]
9. If you find everything OK, then all that's left is to press the "publish" button in the upper right corner. The previous picture shows where you can find it. Then it will ask you to enter a name for your web adress. Name it whatever you want, think of it as the name of a main tumblr page where you can always create gif packs. This only needs to be entered once, unless you want several main pages, as I have several (as can be seen in the very first picture). Eg: I named the current one gifsbymel2024.
10. I marked the paper clip / chain (?) icon in green on the picture, you have to click on it and then the link of the created page will pop up and you can share it with whoever you want.
11. If you always want to upload a new gif pack to your page after that, all you have to do is open the Google site page, select your page from the already created "recent sites" section and then go to the "pages" tab on the right side and repeat the steps as before featured. Only the name of the "recent site" will be omitted if you add the gif packs to an existing one.
hi ellen! would you be able to find a tutorial on how to upload gifs once you've made them to a gif page? i'm not entirely sure what to search! thanks x
Hi! I can’t find a tutorial, but check under the cut for a tutorial on how I do this! If you have any questions feel free to message me again.
how to upload gifs to a gif page!
i personally use tumblr to upload my gifs, so what i do is open up a text post and upload the gifs i’ve made onto it. i recommend uploading 50 at a time, as sometimes when you upload too many at once you come across some errors.
these three dots will appear until it’s loaded, don’t touch it until this is gone!
once it has loaded, scroll down to the bottom and change post to either post privately or save draft. i personally prefer to post privately.
go onto your blog page and click the pencil to edit the post
now click the cogwheel and click on the rich text pop down
click on html, scroll back up and hit markdown, and then go back to html. this is what shortens the links down! from there, the code should look like this
copy everything from the in between the first <p> to the last </p>, you don’t need to copy the <p> and </p>.
from there, go onto your blog and edit, make a new page as normal and change to custom layout and upload your code into the box !
