How To Create Phone Specification Table for Mobile Review Site?

How can I convert my Blogger template into a Phone review template? This tutorial will help you to make Smartphone Specification table where you can share latest phone specifications data. And be a proud owner of phone review site on Blogger Platform.

There are most demandable niche in Blogging is Phone review site. You can make your Blog site popular within shortest period of time by providing phone review. But most of the newbie blogger don’t get any suitable Blogger template for creating a Phone review site.

There are very simple tricks that you can apply to convert your Blog site into Phone review site. First of all we should know what is requiring for creating a phone review site?
  • Latest Phone release information
  • Talk about phone design, display and hardware
  • And finally we need a Smartphone Specification table.

Latest Technology News, Reviews & Comparisons, Mobile Phones

That’s it. But the main important component is Smartphone Specification table. Most of the newbie don’t believe that in Blogger platform Phone review site can create. 

Creating a Smartphone Specification table is bit hard to create on Blogger platform. As a result most of the Blogger switch to WordPress platform and spend big amount of money on Domain and Hosting.

But luckily Blogger support Smartphone Specification table. But you have to add the code manually. To add the Smartphone Specification table just follow the below steps-

Step #1 Go to your Blogger site and Sign in to your account

Step #2: From Blogger Dashboard click on ->Theme ->Edit HTML 

Step #3: And locate the]]></b:skin> by pressing Ctrl+F (Windows) or CMD+F (Mac)

Step #4: Finally copy following line of table script and paste it before/above ]]></b:skin>

/* Post Table by */
.post-body table {width:100%;}
.post-body table td, .post-body table caption{border:1px solid #F1F1F1;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body th{background:#059FD8; color:#181818;}
.post-body th:hover{background:#2AA4D1;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#FEFEFE;}
.post-body td {border:none;padding:8px;}
.post-body, .post-body img, .post-body img {max-width:100%;height:auto;}
.post-body {color:#666;font-size:80%;padding:0px 8px 8px !important;}


  • To change the Table header color please alter #059FD8 with different color code.
  • To change the Table header font color please alters #181818 with different color code.
  • To change the table border thickness and color please alter 1px solid #F1F1F1; with different code.
Note that those who are using my designed template then you don’t need to add this above table code. Because I have already added the specification table script in my all latest templates.

Step #5: Now Save your template

The above CSS code has added for designing the Phone specification table. Now this time we will add the table structure code. And this code you have to use every time while creating a phone specification data table in post.

Step #6: Create a New post from and from Post editor switch to HTML view. Now paste the below script for adding table frame.

<table class="full">
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">
Samsung Galaxy Phone Specification</span></th></tr>
<td>Network</td><td>GSM / HSPA / LTE</td></tr>
<tr><td>2G bands</td><td>GSM 850 / 900 / 1800 / 1900 - SIM 1 &amp; SIM 2</td></tr>
<tr><td>3G bands</td><td>HSDPA 850 / 900 / 1900 / 2100</td></tr><tr><td>4G bands</td><td>LTE band 1(2100), 3(1800), 7(2600), 38(2600), 39(1900), 40(2300), 41(2500) - SM-J7008</td></tr>
<tr><td>Speed</td><td>HSPA 21.1/5.76 Mbps</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">OS And Hardware</span></th></tr>
<tr><td>OS</td><td>Android OS, v5.1.1 (Lollipop) || Custom UI</td></tr>
<tr><td>Processor</td><td><span style="text-align: justify;">Quad-core 1.5 GHz Cortex-A53</span></td></tr>
<tr><td>Chipset</td><td>Qualcomm MSM8916 Snapdragon 410</td></tr>
<tr><td>GPU</td><td>Adreno 306</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Body</span></th></tr>
<tr><td>Dimensions</td><td>134.5 x 65.2 x 7.3 mm (5.30 x 2.57 x 0.29 in)</td></tr>
<tr><td>Weight</td><td>132 g (4.66 oz)</td></tr>
<tr><td>Colors</td><td>White, Black, Gold</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Display</span></th></tr>
<tr><td>Type</td><td>Super AMOLED capacitive touchscreen, 16M colors</td></tr>
<tr><td>Screen Size</td><td>4.7 inches (~69.4% screen-to-body ratio)</td></tr>
<tr><td>Resolution</td><td>720 x 1280 pixels (~312 ppi pixel density)</td></tr>
<tr><td>Protection</td><td>Corning Gorilla Glass 4</td></tr>
<tr><td>Sensors</td><td>Accelerometer, Proximity, Compass</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Memory</span></th></tr>
<tr bgcolor="#ffffff" class="config_table"><td>Card slot</td><td>microSD, up to 128 GB</td></tr>
<tr bgcolor="#FFFFFF" class="config_table"><td>Internal</td><td>16 GB</td></tr>
<tr bgcolor="#ffffff" class="config_table"><td>RAM</td><td>1.5 GB</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Camera</span></th></tr>
<tr><td>Primary</td><td>13 MP, 4128 x 3096 pixels, autofocus, LED flash</td></tr>
<tr><td>Features</td><td>Geo-tagging, touch focus, face detection, panorama</td></tr>
<tr><td>Secondary</td><td>5 MP</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Multimedia</span></th></tr>
<tr><td>Music play</td><td>Yes</td></tr>
<tr><td>Radio</td><td>FM Radio</td></tr>
<tr><td>Alert types</td><td>Vibration; MP3, WAV ringtones</td></tr>
<tr bgcolor="#ffffff" class="config_table"><td>Loudspeaker</td><td>Yes</td></tr>
<tr bgcolor="#ffffff" class="config_table"><td>3.5mm jack</td><td>Yes</td></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Battery and Power</span></th></tr>
<tr><td>Type</td><td>Removable Li-Ion 3000 mAh battery</td></tr>
<tr><td>Stand-by</td><td>42 Hours</td></tr>
<tr><td>Talk time</td><td>12 Hours</td></tr>
<tr bgcolor="#ffffff" class="config_table"></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Releasing Date</span></th></tr>
<tr><td>Announced</td><td>2015, December</td></tr>
<tr><td>Status</td><td>Releasing on 2015, December </td></tr>
<tr bgcolor="#ffffff" class="config_table"></tr>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Expected Price</span></th></tr>
<tr><td>US Dollor</td><td>$200</td></tr>
<tr><td>Bangladeshi Taka</td><td>BDT15,000</td></tr>
<tr><td>Indian Rs.</td><td>Rs. 13,000</td></tr>

Step 7 After that switch to Compose view and publish your Post. That’s it. You can now see Smartphone specification within a beautiful table.

Latest Technology News, Reviews & Comparisons, Mobile Phones
Phone Specification Table

You can see the above Demo. However the code is bit messy. You can use my HTML Editor to edit the code and change the data.

How to Add Phone specification code automatically on Blog Post?

However you may think manually adding table code is irritating. But Blogger has a smart feature where we can set the Table frame code permanently, but you can change the code later. The feature is called Post Template. So we will set the table frame code as Post Template. To add the code on Blogger Post Template you can follow my another tutorial by visiting below link

I hope you are now able to create your Smartphone review Blog successfully. 

If you face any trouble to implement the code then feel free to leave a comment below. And let me know what do you think about this tutorial? Thank you. 
Shibam Kar says: 12/17/2015

আপনি এখন যে টেম্পলেট টা ব্যাবহার করছেন সেটা কোথায় পাবো?

BloggerSpice says: ADMIN 12/17/2015

Shibam Kar, Ata ami nijei design koreci..Onno kothao paya jabe na.

Unknown says: 1/20/2016

পোস্টটি চমত্কার |আপনি কি সবার আগে আপডেট খবর জানতে জানতে চান |তাহলে ক্লিক করুন Bd news |

BloggerSpice says: ADMIN 1/20/2016

Lion bro..Commenting is good but :w if you are trying to spam in this site then you are just wasting your time. Your Blog link won't visible, if you share URL with hidden link.

ocit says: 4/25/2016

hello, thanks for this content...this html give a lot inspiration to build some niche to my many niche...thanks a lot.i want it

BloggerSpice says: ADMIN 4/26/2016

Hi Ocit, I hope this will help you to create Smartphone Review and specification site. :sp

Shibam Kar says: 5/03/2016

Vai table er code ta kaj korche na. Plese help.

BloggerSpice says: ADMIN 5/03/2016

I think your template already has table code. So it conflict with the above code. This script will work 100%. You can test it in my HTML Editor.

Shibam Kar says: 5/11/2016

Table er code ta vul ache vai. ami blogger e check korechi. apni blogger e check kore dakhen sudhu first heading ta thik ache baki sobgula 1 line e chole jae. ami eta thik kore use korechi. apnio check kore dakhen blogger e.

BloggerSpice says: ADMIN 5/11/2016

Hi Shibam...thanks for the comment. I will fix it soon...but in my template it is working perfectly.

Mun Gerald says: 8/31/2016
This comment has been removed by the author.
BloggerSpice says: ADMIN 8/31/2016

Hi Mun Gerald,
This table is 100% mobile responsive. You can test this post on a responsive testing tool and you would see the table will adjust the smart device.

I have used all percentage so table width and height is automatically adjustable. ^_^

Mun Gerald says: 9/01/2016

I have got issues with implementing the post template code. I tried this but the template code showed plain HTML code page without CSS style. See screenshot
Is the template code structure supposed to be like that in the screenshot or something else? Please if possible, kindly mail me the post template code of this particular template on my email Thank you!

BloggerSpice says: ADMIN 9/01/2016

Hi Mun Gerald,

you have to add the table code in HTML view not in Compose view and publish your Post. That’s it. You can now see Smartphone specification within a beautiful table. If you add code in Compose or writing panel then it will display plain HTML.


Abeer Chawake says: 9/23/2016

My table is being shown in plain HTML text...I have followed all the steps but it seems that ur code doesnt work..Any solution?

BloggerSpice says: ADMIN 9/24/2016

Hi Abeer Chawke,
I think your Blogger template already have custom script for table. First you have to remove the previous script and after that add my script. You will find table script like below--


and for make the table script work always paste the table script in "HTML" View. :up says: 11/14/2016

thanks man,i was looking for something like this

BloggerSpice says: ADMIN 11/14/2016

Welcome Richard, Hope now you can turn your Blogger Blog to a Phone specification site. :up

Unknown says: 12/13/2016

OMG! You're the best...I followed your guide and it's working on my blog at techviola

BloggerSpice says: ADMIN 12/14/2016

Hi Henry Emmanuel. I'm very glade to hear that. Thanks for visiting this Blog. :-bd says: 1/30/2017

You're the best, i Used your table Code on my Blog

thanks for this

BloggerSpice says: ADMIN 1/30/2017

Welcome DingDroid, Nice to see the table.. I have used blue color for table header. for best match the table header you can use your own logo color code. I have used

Blue color code #059FD8 just replace this color code by below code.

Orange Color Code #FF7F00

Thank you. :-bd

Dan says: 7/19/2017

this code is not working. thank

BloggerSpice says: ADMIN 7/20/2017

Hi Dan,
To make the table script work always paste the table script in "HTML" View from Blogger post editor. This is working 100%.

TutorialBros says: 8/30/2017

Thanks man...
Its actually Amazing for blogspot blog, I was in search of this for a while and thanks to Bloggerspice I finally got it, Working perfectly..

BloggerSpice says: ADMIN 8/31/2017

Hi Rholex Haris, :)
Thanks for your comment. I hope it will help to create your Phone specification Blog in Blogger platform.

TutorialBros says: 8/31/2017

Yea very helpful inded...
Thanks once more again.
Am really your blog fan intisipeting and surfing this blog for cool blogger widgets. Commenting From Virgintech

BloggerSpice says: ADMIN 9/09/2017

Thanks Rholex Haris :up

Unknown says: 9/29/2017

Thanks for this article author i applied it to my blogs and it works

BloggerSpice says: ADMIN 11/13/2017

Hi Pinoy Tut
WOW! Its looking good. :)

Unknown says: 1/31/2018

Can I just make a table with just 2-3 specs like Display Camera Ram Rom? Plz help me out

BloggerSpice says: ADMIN 2/03/2018

Hi Robin Rounder
Yes you can. This is very simple step. Just look at the script.. for 1 row and column the script is like below:

<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">
Samsung Galaxy Phone Specification</span></th></tr>

For creating 2 column and 1 row the script is like below

<tr><td>Network</td><td>GSM / HSPA / LTE</td></tr>

I hope now it is clear to you. :up

Anonymous 2/12/2018

how to use this code in wordpress please help

BloggerSpice says: ADMIN 2/13/2018

You have to Edit the CSS script of the WordPress theme and add the table script. After that when you will make post then 2nd part of the script Simply use in HTML view. It will start display.

Unknown says: 3/04/2018

I most confess your blog post was helpful but i am not using blogger i am using wordpress so how can i add post template for wordpress.

also to add code more code like:

WIRELESS COMM then below it leave 6 column

OTHER FEATURES then below it leave 6 colunm

BloggerSpice says: ADMIN 3/20/2018

Hi Aminu Umar, ^_^
Post template will help to get ride from copying the script every time while you make post. Simple you can add the CSS script in your WordPress CSS section. And HTML script in your post editor but in HTML view. It will work 100%.

M Jahanzaib says: 10/08/2018

Thanks A lot, We Can use This Form in Many Ways like as in Cricket Table and Schedule, Please Check This PSL Schedule

BloggerSpice says: ADMIN 10/09/2018

You are most welcome! :up

Admin says: 10/15/2018

waoooo.... sir awesome . what a lovely blog after long time i m searched you . how to add bulb icon for note . please suggest the best blogger theme All of which . which theme do you use?

BloggerSpice says: ADMIN 10/16/2018

Hi Ashutosh Kumar :)
This is very easy to show icons beside of text. Just add FontAwesome code before the text in HTML view. And publish it to see icons. That's it.

Manoj Choudhary says: 10/23/2018

Worked like charm. Kindly visit the url and please help me to remove the navbar(in which sports, fashion are listed)

Deadly says: 11/12/2018

Bro how to create compare mobile specification comparision in blogger

Contact Form


Email *

Message *