I have been searching around for links that I thought could help me in designing a customized home page for my tumblr, without showing the posts unless a link refers to a tagged page or a permalink page. Unfortunately I have found nothing that works, at least in the sites I've been to. Could someone please assist me on how to make this work?
Is there a certain code (like Javascript) that I have to insert? I'm pretty vague on Javascript except on CSS3 and HTML. Thanks in advance for answering!
Seperate homepage / tagged / permalink pages
It is possible to have different content / visuals for the following pages:
Homepage - http://you.tumblr.com
Tagged Page - http://you.tumblr.com/tagged/yourtag
Permalink Page - http://you.tumblr.com/post/123456/your-post-title
{block: IndexPage}, {block:PermalinkPage} and {block:TagPage} are your friends.
Below is an example of a homepage with no posts, and the tagged / permalink containing posts.
{block:IndexPage}
<h1>Homepage</h1>
<!-- Don't include Post loop here -->
{block:TagPage}
<h1>Tag Page</h1>
<!-- Include Post loop here -->
{block:Posts}
{block:Text}
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}
{/block:Posts}
{/block:TagPage}
{/block:IndexPage}
{block:PermalinkPage}
<h1>Permalink Page</h1>
<!-- Include Post loop here -->
{block:Posts}
{block:Text}
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}
{/block:Posts}
{/block:PermalinkPage}
Inside the Posts loop include what ever post types you need. More information can be found here: http://www.tumblr.com/docs/en/custom_themes#basic_variables & http://www.tumblr.com/docs/en/custom_themes#tag-pages
Well, you have three choices:
Work within tumblr, and do your CSS/JS on there (though I believe it's very limited) through the "Customize" feature (or, you can get a theme that does what you want).
Route all of your tumblr posts through a custom domain name (so your blog shows up as a different domain name instead of yourblog.tumblr.com).
Make your own custom website, on your own custom webspace, and pull your blogs RSS feed (yourblog.tumblr.com/rss), and then format it however you want.
Related
I'm using Blogger and trying to make a Blogger speed and SEO friendly template from scratch but I have a problem with the blogposts pagination:-
I want to display all the posts in the same grid with load more posts button but without that big load slowing javascripts so the type of load more posts button that I want is just like mogu template.
No need for links Google it and you'll find it because it's the only blogger template with that name and they have it on the template's home page.
My question here is that any chance to get all posts to display as a grid with a functional load more posts pagination button like the one on mogu template and how to do it without getting big javascripts to slow my blog down ?
Sorry in advance for disturbing because I'm totally a newbie to blogger.
PS: for the Blog1 widget I'm using the default generated code once we type this:-
<b:section id='example'>
<b:widget type='Blog' id='Blog1'/>
</b:section>
Any help would be highly appreciated and thank you for reading
I have tried to use mogu template's Blog1 widget code entirely using the necessary <b:defaultmarkups> to work and it worked except for the load more posts pagination button and after a couple of tests it turns out that the pagination is connected to a hidden javascripts from the template's owners outside the given template's code.
( expected but I just checked it as I thought maybe the load more pagination javascript was there some where in the template). So I don't want to have that slow speed as it's really important for me to make it fast and seo friendly as much as possible and also according to my blog design to make my project works
I want to create a universal header (and footer) using HTML/CSS/Javascript so that if I update it to one page, it automatically updates on the rest. I also want to be able to choose which link is showing up with the active class on it. Also, I am using bootstrap. Here are some criteria I need to meet:
No PHP
No Server side (must work on github pages)
Thank you in advance,
Albert
You can use jQuery to .load a HTML file:
HTML
<div id="header"></div>
jQuery
$('#header').load('static.html');
Alternatively, you could use iframe to load your static header. See this answer for more information regarding the available techniques.
Maybe try Jekyll, this is a tool to generate static pages, also this is how the githup page handles your own personal page. You just follow the file structure and set the layout properties in your files, then you can use the universal layout (including header, footer etc.) in your page.
Here is a link to Jekyll.Jekyll
I'm looking to make a small static html site with a top navigation menu for the dozen of static html pages that will be the core of the site, something very basic and easy to do...but I would like to add a static blog/news section that will be updated on a daily/weekly basis with several categories within the blog/news section like:
-http://example.com/blog/category1/page1.html
-http://example.com/blog/category2/page2.html
etc..
the blog posts would be simple static html pages uploaded to the server via ftp/sftp.
What I need is a dynamic (auto updating) link list of the blog section of the site to be placed on all the blog posts/pages similar to a Wordpress "latest posts" list and separated from the top navigation menu like:
Recent posts:
post1
post2
etc...
and
Categories:
category1
category2.
I have done this before with a small javascript snippet but it was some time ago and I can't find the script anymore :(
The script fetches all the pages and folders within the blog folder makes links of these pages and than displays them on either side of a blog page with different possible configurations like last ten pages uploaded, one list of links per category...there's jquery script out there, it's quiet old (2008) but shows somthing close to what I'm looking for: jQuery File Tree
Thanks in advance for your help and if anyone knows what script I referred to that would be great!
I'm a total newbie who is starting to work on jQuery and have minimum knowledge on the subject matter.
I'm working on translating my entire website to another language from English to Spanish, etc. I don't want to burden the site and put all of the translation into 1 js file so I'm thinking if its possible to put a separate file for each translation like english.js, spanish.js, japanese.js and call the specific file when needed and unload others that are not needed. Please if anyone know any existing plugin to use for this approach please tell me.
For moving to one language to another I will be using a dropdown list.
No JavaScript required
Based on your comments, it seems like you have static HTML files, so this should be a breeze
<!-- example.com/en/index.html -->
<nav>
Home
About
<a href="/es/index.html>Español</a>
</nav>
<p>
Hello World
</p>
Then you could write the Spanish page like this
<!-- example.com/es/index.html -->
<nav>
Inicio
<a href="/es/about/index.html">Quienes Somos<a>
English
</nav>
<p>
¡Hola Mundo!
</p>
The basic idea is you will have a separate version of each page of the site. If you have
/en/index.html
/en/foo.html
/en/about/index.html
/en/about/contact.html
Then you will also need
/es/index.html
/es/foo.html
/es/about/index.html
/es/about/contact.html
English files should have links relative to the English root /en and Spanish files should have all links relative to the the Spanish root /es
To make page switching easier on the user, the nav could have the language switcher keep the user on the same page, but just change the language
<!-- example.com/en/some/deep/page.html -->
<nav>
<!-- ... -->
<a href="/es/some/deep/page.html>Español</a>
</nav>
If the user is viewing /en/some/deep/page.html in English and they click the Español link, they will see /es/some/deep/page.html in Spanish without having to re-navigate back to the page.
Specifically to answer your question on loading and unloading JavaScript files, there is a brilliant response already on StackOverflow: Best way to load and unload JS file via JQuery by Chris Pratt
But fundimentially you can't unload a JS once it's been loaded.
Maybe what you should look at is implementing language configuration on the server end, so when outputting the HTML it looks at a language file. If you are using PHP+Smarty for example it is made very easy.
I have a client that would like to put a "back to blog homepage" link on their Tumblr posts. The issue is that using the standard Tumblr framework, that button will appear on permalink posts (where it should be) but also on the index page. Obviously I don't need a link on the homepage pointing TO the homepage. Any ideas on how to specify here? Your help is greatly appreciated!
Link to blog: http://blog.molliestones.com/
If you only want it to appear on Posts (ie, not appear on Pages) then you can use this little tweak to #stevether's answer:
{block:PermalinkPage}{block:Date}
<a />
{/block:Date}{/block:PermalinkPage}
This means if the page being rendered as a date attached to it, which all blog posts do, then it will show. If there is no date attached to it, like all static pages, the link will not show.
{block:permalinkpage}
<a />
{/block:permalinkpage}