├── README.md └── screenshots ├── gif0.gif ├── gif1.gif ├── v3-2.jpg ├── v3-3.jpg ├── v3-4.jpg ├── v3-5.jpg └── v3.jpg /README.md: -------------------------------------------------------------------------------- 1 | [![Github Releases (by Release)](https://img.shields.io/github/downloads/ayaxxchanz/SimpleBloggerTemplate/v3.1.0/total.svg)](https://github.com/ayaxxchanz/SimpleBloggerTemplate/releases/tag/v3.1.0) 2 | [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/paypalme/AliyaHudi) 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | # Simple Blogger Template 13 | A simple template inspired by torrent sites customized from Blogger's default template. 14 | 15 | ## Demo 16 | V3: https://simplecustomv3.blogspot.com/ 17 | 18 | ## Feature 19 | - Simple and minimalist 20 | - Fast loading 21 | - List many blog post in homepage 22 | - Toggle dark mode 23 | 24 | ## Cons 25 | - Messy code 26 | - May contain error but will be improved from time to time 27 | 28 | ## Installation 29 | Blogger > Theme > Restore > Upload .xml file 30 | 31 | ## Important notes 32 | - Make sure to choose **Theme** > **Choose Mobile Theme** > **Desktop** 33 | - Change date format and number of post in **Layout** > **Blog Posts** > **Edit** 34 | - Change navigation link in **Theme** > **Edit HTML** 35 | - Change **JST** (Japan Standard Time) in the template to the timezone you use for your blog 36 | - Use ``` class="btn" ``` and ``` id="download" ``` to display download button. 37 | 38 | Example: ```Download``` 39 | - The download button on the homepage will open the link inside a post that has **id="download"** in the same tab. I want to make it open in a new tab, but most browsers will mark it as untrusted event and block it from opening. So the best way if you want to use this is, use a direct download link in the post. This is because even when the link is open in the same tab, it will just automatically download the file instead of redirecting visitor to other page. If you want to remove the download button on the homepage, just remove this in the template: 40 | 41 | `````` 42 | 43 | ``` 44 | 45 | 52 | 53 | ``` 54 | - There is 2 versions of table. Choose which one you like 55 | - **Version 1** 56 | Instruction: None. You don't need to do anything to use it 57 | ![alt text](https://github.com/ayaxxchanz/SimpleBloggerTemplate/blob/master/screenshots/gif1.gif) 58 | 59 | - **Version 2** 60 | Instruction: Add class ```table-responsive``` to table tag and ```data-label="TH-NAME"``` in table data tag (Replace ```TH-NAME``` with your table heading text). This is for **VERTICAL TABLE ONLY** 61 | Example: 62 | ``` 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 |
TABLE HEADING
Table data
71 | ``` 72 | ![alt text](https://github.com/ayaxxchanz/SimpleBloggerTemplate/blob/master/screenshots/v3-4.jpg) 73 | 74 | - To embed YouTube video, copy embed code and paste inside ```
```. 75 | Example: 76 | ``` 77 |
78 | 79 |
80 | ``` 81 | - You can insert ad at the bottom of each post by replacing the code inside ```