Widget of Links to Nogizaka46 Members Blog

So I recently tried to mimic Nogizaka46 Official Website Blog right sidebar. I thought it was as simple as copy-paste some HTML codes, but it turned out to be hard for a blogging beginner, because it included some CSS and a method called image sprite. So, I think it's noteworthy and let me show you the result first.

Akimoto Manatsu

Ikuta Erika

Saito Asuka

Saito Chiharu

Saito Yuuri

Sakurai Reika

Shiraishi Mai

Takayama Kazumi

Nakada Kana

Nakamoto Himeka

Nishino Nanase

Ikoma Rina

Noujo Ami

Hashimoto Nanami

Ito Marika

Inoue Sayuri

Eto Misa

Kawago Hina

Kawamura Mahiro

Higuchi Hina

Kitano Hinako

Hori Miona

Itou Karin

Terada Ranze

Sasaki Kotoko

Yamazaki Rena

Itou Junna

Suzuki Ayane

Sagara Iori

Hoshino Minami

Matsumura Sayuri

Wakatsuki Yumi

Wada Maaya

Watanabe Miria

Shinuchi Mai

If you want to deploy this on your blogger, please don't hesitate. For those who are already familiar, here are the CSS code and HTML code. For others, here's the instruction.

I. Instructions for putting the CSS in.

1. First, copy all text here.
2. Visit Blogger
3. Make sure you're already logged in to your account. 
4. Click Template, it's on the left sidebar.
5. Click Customize, it's below your blog preview, obviously.
6. Click Advanced, and a list will show up (Page Text, Backgrounds, Links, etc.).
7. Scroll down to the bottom of the list and click Add CSS.
8. Paste the text that you've copied in Step 1 above into the Add custom CSS textbox.
9. Lastly, click Apply to Blog. It's on the right top corner.

II. Instructions for putting the HTML in.

1. First, copy all the text here.
2. Visit Blogger
3. Make sure you're already logged in to your account. 
4. Click Layout, it's on the left sidebar.
5. Look for Add a Gadget link and click the one you want it to be.
6. Find HTML/Javascript, and click the "+" button.
7. Paste the text that you've copied in Step 1 above into the Content textbox.
8. Click Save where you're done.

And that's it! Thanks for dropping by!