How to use bloggerpack?

[oasisanurag]

Kindly make a video tutorial for beginners, so that a newbie can learn how to use it.
It's confusing, don't have an idea how to use it.

thank you

[taufik-nurrohman]

The whole project exist as a build tool. But this project also include the generated files. So, if your intention is only to use the theme, you can go to ./starters/*/dist folder and download the theme.xml file.

[oasisanurag]

I meant with the development of theme, not the using only.

many new comers to your page want to know how they can use it to build the theme of their choice.

Can you please make tutorial on that.
For those people who are new & don't know how to use it.

Thank you taufik.

[taufik-nurrohman]

Let’s poke the author @igoynawamreh

[DealsBeam]

The whole project exist as a build tool. But this project also include the generated files. So, if your intention is only to use the theme, you can go to ./starters/*/dist folder and download the theme.xml file.

Only theme that works is the blank theme

Boot strap 4 and create.xml themes don't work

[taufik-nurrohman]

I assume you already have Node.js installed on your computer. Here I will demonstrate it using a terminal via Linux operating system. If you’re using Windows, the process is basically the same (e.g. the cd command is the same, or at least it will have a different name), it’s just that the file path might look a little different.

On Linux, a typical file path to the user’s folder will point to /home/taufik, while on Windows, it will point to C:\Users\taufik.

First, download this project to your computer, either by git clone https://github.com/bloggerpack/bloggerpack.git or by downloading the ZIP file and then extracting it. Navigate to the folder location where you placed this project. Mine is cd Project/Git/GitHub/bloggerpack/bloggerpack.

Then navigate to packages/bloggerpack-create and run npm install.

From there you can run npx bloggerpack-create my-blogger-theme -s npm -t @bloggerpack/starter-blank.

Note: my-blogger-theme is your folder name to store the custom theme and @bloggerpack/starter-blank is the starter theme that will be copied to your theme folder. Other options are @bloggerpack/starter-bootstrap-4 and @bloggerpack/starter-create. See the available options in README.md.

If successful, you should see a folder called my-blogger-theme in ./packages/bloggerpack-create folder.

Navigate to my-blogger-theme and run npm install.

Use your code editor to edit the files in ./packages/bloggerpack-create/my-blogger-theme/src folder. But before that, be sure to edit the data.json file first to define your theme’s attribution. After you finish editing, go back to the terminal and run npm run build to generate the theme.

A ready-to-use theme will be saved in ./packages/bloggerpack-create/my-blogger-theme/dist folder as theme.xml which you can then upload it to Blogger.

---

Note: If somehow you find that ./packages/bloggerpack-create/my-blogger-theme/dist folder is missing after running the npm run build command, it’s probably due to compatibility issues with your version of Node.js. To fix this issue, you can downgrade to Node.js v12.*.* using a tool like NVM. To check your current Node.js version, run command node -v like so:

[DealsBeam]

Thanks for that.

I'm wondering why isn't it as easy as downloading the .xml from github and uploading it?

[igoynawamreh]

@oasisanurag Sorry I can't make a video tutorial right now.

To install and use bloggerpack is actually very easy. The difficult thing is to make an awesome theme 😎

Simple guide:

1. Install the latest LTS version of Node.js on your computer.

   After you install Node.js on your computer you will be able to run the npx command.

2. To use bloggerpack you don't need to download or clone the bloggerpack repo. You just need to download the starter theme you want to use using npx command.

   For example, you want to use the blank starter theme, you just need to run this command on your terminal to download the starter:

   npx bloggerpack-create my-awesome-theme -s npm -t @bloggerpack/starter-blank

   The next step you just need to follow the blank starter docs.

3. Read the bloggerpack docs!

[igoynawamreh]

@taufik-nurrohman thanks for the answer mas.

First, download this project to your computer, either by git clone https://github.com/bloggerpack/bloggerpack.git or by downloading the ZIP file and then extracting it. Navigate to the folder location where you placed this project. Mine is cd Project/Git/GitHub/bloggerpack/bloggerpack.

BTW, we don't need to download or clone the bloggerpack repo to use bloggerpack.

[taufik-nurrohman]

@DealsBeam Maybe the author was confident enough to not test the theme to Blogger, or it is just that Blogger has some updates on their theme engine that breaks the themes, somehow. Such as the recent issue of <b:if cond='data:view.url == data:view.url params { amp: "1" }'> that is no longer works.

[taufik-nurrohman]

BTW, we don't need to download or clone the bloggerpack repo to use bloggerpack.

@igoynawamreh wow, didn’t know about that LOL. So simple.

[igoynawamreh]

@DealsBeam

Only theme that works is the blank theme
Bootstrap 4 and create.xml themes don't work

I think we need to update popper to @popperjs/core in Bootstrap 4.

[DealsBeam]

@taufik-nurrohman thanks for the answer mas.

First, download this project to your computer, either by git clone bloggerpack/bloggerpack.git or by downloading the ZIP file and then extracting it. Navigate to the folder location where you placed this project. Mine is cd Project/Git/GitHub/bloggerpack/bloggerpack.

BTW, we don't need to download or clone the bloggerpack repo to use bloggerpack.

I usually just download the .xml template file and upload it to Blogspot like I've done with these two themes

https://github.com/elhakimyasya/Webium-Blogger-Template

https://github.com/nagahitoyuki/imaginary-liquid

[softwebtuts]

Bloggerpack has issues with latest version of node js as fiber module which is used in the bloggerpack is depriciated.