 |
| Halaman Postingan Product Plus UI 2.6 |
Halaman Postingan Product Plus UI 2.6
Cara membuat halaman postingan product di tema Plus UI, sebagai berikut.
Tahapan
1. Buat halaman postingan di Blogger
2. Editor halaman dalam Mode Tulisan HTML
3. Setelan postingan - Label - isi dengan nama Product.
4. Kemudian copy script di bawah ini, dan paste di halaman postingannya.
5. Edit kata-kata nya sesuai kebutuhan
6. Pratinjau
7. Publikasikan
<div class='separator'><img alt='HP Pavilion' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3TWnokyfAdQL4JoSjuGIRRVXz83jiXtZswsRMpcaUw5eAFqZ93wn9r6rRddPRM5IVB8r0vR-bYyMxsX6LomiFszSgsPatb-cCYxHp8oGgxlEWVyo2Tzn-HExpfgec6V4F9ithavfZk8xTq2aydf59O9KRgO2c1mGbmOJesVPghTTDLpeTAMKWZpe0/s1280/HP_Pavilion.webp' />
</div>
<!--[ Price to show in homepage ]-->
<div class='pPric pPad' data-text='Harga'>550.000,-</div>
<!--more-->
<!--[ Post Snippet ]-->
<div class='hidden'>Specifications, Design, Performance, Battery</div>
<style>/*<![CDATA[*/
/* To change Header Subtitle */
.headH .headSub{max-width:none}
.headH .headSub::before{content:"Product Post"}
/*]]>*/</style>
<div class='pInfo pPad'>
<div class='L'><small>Series</small><span>HP Pavilion Laptop 15-eh1101AU</span></div>
<div class='R'><small>Brand</small><span>HP</span></div>
</div>
<div class='pInfo pPad'>
<div class='L'><small>Specific Uses For Product</small><span>Multimedia</span></div>
<div class='R'><small>Screen Size</small><span>15.6 Inches</span></div>
</div>
<div class='pInfo pPad'>
<div class='L'><small>Operating System</small><span>Windows 10 Home</span></div>
<div class='R'><small>Human Interface Input</small><span>Touchscreen</span></div>
</div>
<div class='pInfo pPad'>
<div class='L'><small>CPU Manufacturer</small><span>AMD</span></div>
<div class='R'><small>Graphics Card Description</small><span>Integrated</span></div>
</div>
<div class='pInfo pPad'>
<div class='L'><small>Processor</small><span>AMD Ryzen 5 5500U</span></div>
<div class='R'><small>Storage</small><span>512 GB SSD</span></div>
</div>
<div class='pInfo pPad'>
<div class='L'><small>Memory</small><span>8 GB DDR4-3200 MHz</span></div>
<div class='L'><small>Special Feature</small><span>Micro-Edge Display, Thin</span></div>
</div>
<div class='pInfo pPad'>
<div class='R'><small>Colour</small><span>Silver</span></div>
</div>
<div class='pInfo o pPad'><small>What is in the Box?</small><span>HP Laptop, 65 W Smart AC power adapter, user manuals</span></div>
<div class='pMart'>
<small>or Shop through your favorite '<b>Market Place</b>' :</small>
<!--[ Change attribute href='#' to add url ]-->
<a title='antena uhf' href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW--DsXzdt_j67i6sqCpYhku4dLP7vhfbSRSwLqegmatavRRLwOnUCVkVeV1WRqg0GZdfs7xm0wkL1UFM_subB8MO8aNRraUralg-WDdfkIH4AAQvSMQIIYbI28INpfjfCvZdfFtUZPHXYGYaaTnkdiAnw-AIIDxe3BRtQvErs9OLLiJlnDhTXMvk2/s756/antena20x20.jpg.webp' target='_blank' rel='noopener'>
<img class="lazy" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW--DsXzdt_j67i6sqCpYhku4dLP7vhfbSRSwLqegmatavRRLwOnUCVkVeV1WRqg0GZdfs7xm0wkL1UFM_subB8MO8aNRraUralg-WDdfkIH4AAQvSMQIIYbI28INpfjfCvZdfFtUZPHXYGYaaTnkdiAnw-AIIDxe3BRtQvErs9OLLiJlnDhTXMvk2/s756/antena20x20.jpg.webp" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=">
</a>
<a title='Flipkart' href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh0z-tIbVFHN8O_LPQmQnmyAzJ6ZyHp3Ghmh3J1WybPgPPo1hdGHJxce80sliZ4cQTJyzAqhXHFjORHgDNhATHbMUT7nzbowdWYgBU34ybRHtNtYnqXHqF0OGaBC0VEyfI08JJEJ9wsDpyZNFYBVGveAodwmfCE0iIaqFR9RjzslM_rMet36OSPZ4/s756/stb20x20.jpg.webp' target='_blank' rel='noopener'>
<img class="lazy" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh0z-tIbVFHN8O_LPQmQnmyAzJ6ZyHp3Ghmh3J1WybPgPPo1hdGHJxce80sliZ4cQTJyzAqhXHFjORHgDNhATHbMUT7nzbowdWYgBU34ybRHtNtYnqXHqF0OGaBC0VEyfI08JJEJ9wsDpyZNFYBVGveAodwmfCE0iIaqFR9RjzslM_rMet36OSPZ4/s756/stb20x20.jpg.webp" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=">
</a>
</div>
<!--[ Active function ]-->
<input class='tbIn hidden' id='fTabs-1' type='radio' name='postTabs' checked>
<input class='tbIn hidden' id='fTabs-2' type='radio' name='postTabs'>
<input class='tbIn hidden' id='fTabs-3' type='radio' name='postTabs'>
<input class='tbIn hidden' id='fTabs-4' type='radio' name='postTabs'>
<!--[ Tabs header/title, replace class attribute to class='tbHd scrlH stick' if you want to create a floating tab title ]-->
<div class='tbHd scrlH'>
<!--[ Change atribute data-text='...' to replace tabs title ]-->
<label for='fTabs-1' data-text='Processor'></label>
<label for='fTabs-2' data-text='Display'></label>
<label for='fTabs-3' data-text='Audio'></label>
<label for='fTabs-4' data-text='Battery'></label>
</div>
<div class='tbCn'>
<!--[ Tabs content ]-->
<div class='tbText-1'>
<p>AMD Ryzen 5 5500U (up to 4.0 GHz max boost clock, 8 MB L3 cache, 6 cores, 12 threads)</p>
<p>Live life without limits with a laptop that gets things done. Be more productive and prove your worth when you have the latest AMD Ryzen Processors, up to 16GB Dual channel 3200 DDR4 memory, and AMD Raedon graphics to embraces your switches between games, entertainment, and creative work, so seamlessly. Experience powerful performance and seamless computing for your everyday tasks. That includes improved productivity, smooth streaming, and brilliant Full HD entertainment with immersive, anti-glare display. Also, get a huge performance advantage with SSDs — they’re faster to start up, faster to shut down, and faster to transfer data.</p>
</div>
<!--[ Tabs content ]-->
<div class='tbText-2'>
<p>39.6 cm (15.6") diagonal, FHD (1920 x 1080), IPS, micro-edge, BrightView, 250 nits, 45% NTSC</p>
<p>With its superior color ranging capabilities, this laptop ensures stunning display of colors on its FHD IPS display. Ease of access and a completely comfortable design allows you to maximize your machine’s potential. A compact laptop that brings life the visual experience with FHD, and Micro Edge bezel. A laptop with larger screen-to-body ratio, and Micro-edge bezels that maximize your view and make sure that you have crystal clear graphics and also a larger screen to enjoy your favourite videos.</p>
</div>
<!--[ Tabs content ]-->
<div class='tbText-3'>
<p>Experience rich and authentic audio through the Bang & Olufsen Play. Each sound enriched to immerse you in a sound that takes you away. Combining it with the Dual HP Speakers & HP Audio Boost, brings to life each note and sound, be it when you’re listening to music or watching a movie.</p>
</div>
<!--[ Tabs content ]-->
<div class='tbText-4'>
<p>Worried about your power going down while travelling for long hours? Keep your worries aside and get the HP Pavilion laptop that comes with super-fast battery charging. Enjoy a faster, smoother, and amazingly responsive computing experience that lets you do all your tasks on-the-go without any worries. Built with a battery that smartly adapts to the system demands, you are sure to be offered the best possible performance. HP Adaptive Battery Fast Charges in less time w/ 43WH adapter- 50% in 30 min will allows you to get more hours back in less time.</p>
</div>
</div>
Demo
or Shop through your favorite 'Market Place' :
AMD Ryzen 5 5500U (up to 4.0 GHz max boost clock, 8 MB L3 cache, 6 cores, 12 threads)
Live life without limits with a laptop that gets things done. Be more productive and prove your worth when you have the latest AMD Ryzen Processors, up to 16GB Dual channel 3200 DDR4 memory, and AMD Raedon graphics to embraces your switches between games, entertainment, and creative work, so seamlessly. Experience powerful performance and seamless computing for your everyday tasks. That includes improved productivity, smooth streaming, and brilliant Full HD entertainment with immersive, anti-glare display. Also, get a huge performance advantage with SSDs — they’re faster to start up, faster to shut down, and faster to transfer data.
39.6 cm (15.6") diagonal, FHD (1920 x 1080), IPS, micro-edge, BrightView, 250 nits, 45% NTSC
With its superior color ranging capabilities, this laptop ensures stunning display of colors on its FHD IPS display. Ease of access and a completely comfortable design allows you to maximize your machine’s potential. A compact laptop that brings life the visual experience with FHD, and Micro Edge bezel. A laptop with larger screen-to-body ratio, and Micro-edge bezels that maximize your view and make sure that you have crystal clear graphics and also a larger screen to enjoy your favourite videos.
Experience rich and authentic audio through the Bang & Olufsen Play. Each sound enriched to immerse you in a sound that takes you away. Combining it with the Dual HP Speakers & HP Audio Boost, brings to life each note and sound, be it when you’re listening to music or watching a movie.
Worried about your power going down while travelling for long hours? Keep your worries aside and get the HP Pavilion laptop that comes with super-fast battery charging. Enjoy a faster, smoother, and amazingly responsive computing experience that lets you do all your tasks on-the-go without any worries. Built with a battery that smartly adapts to the system demands, you are sure to be offered the best possible performance. HP Adaptive Battery Fast Charges in less time w/ 43WH adapter- 50% in 30 min will allows you to get more hours back in less time.
Demikian semoga bermanfaat.