How To Create Phone Specification Table for Mobile Review Site in blogger 2021
How can
someone convert their blogger template into mobile reviews site by creating
a Phone Specification Table with the help of some
code? Is that possible to do so? The answer is yes!
You can
convert your blogger site template into a mobile review template. This tutorial
will help you to create a phone specification review Table in the blogger
template to share the latest phone details with full specification details.
But finding a mobile
reviews template for bloggers is not easy because there is no specific template
that is only made for the mobile review niche. Still, you can customize your
existing template by making some changes to your template.
but before making
changing into a template, we should know what is required for creating a
profitable phone reviews site
this tutorial will
help to create a phone specification table in the blogger
we divided this tutorial into two parts
- Changings in template (CSS Code)
- Changing in post (HTML
FOLLOW THESE SIMPLE STEP TO CREATE PHONE SPECIFICATION TABLE ON BLOGGER
Part 1:
- Go to blogger
dashboard click on THEMES.
- After clicking
on the themes, the tab clicks on 3 dots and hit the Edit HTML tab.
- Now
locate for ]]></b:skin> By
presing Ctrl+F Button
- Copying the following line of code and paste it after/before the ]]></b: skin>
/* Post Table by
www.sananoorzaman.com */
.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
table.tr-caption-container {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:#333CFF; color:#181818;}.post-body
th:hover{background:#2AA4D1;}.post-body td a{color:#444;}.post-body td
a:hover{color:#FEFEFE;}.post-body table.tr-caption-container td {border:none;padding:8px;}.post-body
table.tr-caption-container, .post-body table.tr-caption-container img,
.post-body img {max-width:100%;height:auto;}.post-body td.tr-caption
{color:#666;font-size:80%;padding:0px 8px 8px !important;}
Tips: color customization
you can change table color according to your site color scheme
- To change the table color, please change #333CFF to a different color code chose your desire color code from this site
- To change the deader code, please replace #181818 with your desire code
- To change the Table thickness border, please alter 1px solid #F1F1F1; to your color code.
Now Save the
code
this CSS was code used to design the layout of the table. Now follow Part 2 to add table structure code (HTML)to every phone specification post.
Part 2
Create New post turn post mode into HTML, copy the below code and paste it into the post editor
<table class="full">
<tbody>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">
Samsung Galaxy Phone Specification</span></th></tr>
</tbody>
<tbody>
<td>Network</td><td>GSM / HSPA / LTE</td></tr>
<tr><td>2G bands</td><td>GSM 850 / 900 / 1800 / 1900 - SIM 1 & 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><td>GPRS</td><td>Yes</td></tr><tr><td>EDGE</td><td>Yes</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>Multitouch</td><td>Yes</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>Video</td><td>1080p@30fps</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>Games</td><td>Yes</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>
</tbody></table>