Sevida Template Discussion Thread

<div><div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr"> <h2 style="text-align: left;"> <span style="color: #3d85c6;">A Thread For Discussion On Issues Related To Sevida Blogspot Template. </span></h2> </div> <div dir="ltr"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwAMXMe0IiIDG_hb-3w4fupWX9B8lqoXpVFPJzrh_41rMSzEL5Eqad8-A2y2x0n7xms6fjj4JoIM3MJN78IMCBRBeva80oN3pErUQ-n9-UtifgNI2TRiJbHox5cV0Fz1vl6oxPSiQrEni/s1600/solution_to_sevida_template.png" imageanchor="1"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwAMXMe0IiIDG_hb-3w4fupWX9B8lqoXpVFPJzrh_41rMSzEL5Eqad8-A2y2x0n7xms6fjj4JoIM3MJN78IMCBRBeva80oN3pErUQ-n9-UtifgNI2TRiJbHox5cV0Fz1vl6oxPSiQrEni/s320/solution_to_sevida_template.png" width="320" /></a></div> Do you know this great blog is currently using sevida 2.5 template (latest and updated version)? Yes, we are. </div> <div dir="ltr"> This article is dedicated only to sevida template users and other bloggers who intend using this theme / template. </div> <div dir="ltr"> It should be noted that most of the issues first review and resolved here will be based on the latest version of this template (Sevida 2.5).<br /> <br /> Therefore, i will urge you all to upgrade your template to the latest version. <br /> - <a href="https://themeforest.net/item/sevida-responsive-magazine-blogger-template/4604301">Click Here To Download Sevida 2.5 Template Official</a></div> <div dir="ltr"> For users new to blogging and using <a href="http://blogger.com/">Blogger.Com</a> as start point, i will encourage you click the link below before proceeding with reading this article. <br /> - <a href="http://247forumtech.blogspot.com/2016/10/installing-custom-blogspot-template-to.html">Learn More About How To Install Custom Template To Your </a><a href="http://247forumtech.blogspot.com/2016/10/installing-custom-blogspot-template-to.html"><u>Blog</u></a>. </div> <div dir="ltr"> Without much stories, i will be providing solutions to common Sevida Template related problems. </div> <div dir="ltr"> <h3 style="text-align: left;"> <u><span style="color: #6fa8dc;"><b>Troubleshooting About </b><b>Sevida</b><b> Template And Solutions To Them</b>. </span></u></h3> <b><u><span style="color: #3d85c6;">1) Users copying your articles. </span></u></b><br /> To prevent your article from been copied by copy and pasters, CSS and Javascript can be employed. But i will advice the use of CSS over Javascript because CSS doesn't affect website load time and unlike Javascript that could be bypassed and disabled, CSS cannot be disabled. <br /> <b><span style="color: red;">Solution</span></b>: search for this code below;<br /> [code type="Code"]]]></b:skin>[/code] </div> <div dir="ltr"> Put this code immediately before that code<br /> [code type="Css Code"]<br /> /*----- <br /> Disable Copy Paste with CSS Code--- <br /> */ <br /> body {<br /> -webkit-user-select: none<br /> !important;<br /> -moz-user-select: -moz-none<br /> !important;<br /> -ms-user-select: none <br /> !important;<br /> user-select: none <br /> !important;<br /> } <br /> [/code] </div> <div dir="ltr"> Your full code should now look like the <u>code</u> below<br /> [code type="Complete Code"]<br /> /*----- Disable Copy Paste with CSS Code---*/ <br /> body {<br /> -webkit-user-select: none<br /> !important;<br /> -moz-user-select: -moz-none<br /> !important;<br /> -ms-user-select: none <br /> !important;<br /> user-select: none <br /> !important;<br /> }<br /> ]]></b:skin><br /> [/code]</div> <div dir="ltr"> <u><b><span style="color: #3d85c6;">2) Theme Option Not Displaying In Admin Layout</span></b></u><br /> Sevida template users using versions as latest as v2.0 and up, you will have noticed that Theme Option Menu disappeared. This menu is the menu that holds most of the template default settings such as google custom search code implementation (cseID), jsonajax and lots more. <br /> To fix and bring back this menu, follow the solution below<br /> <span style="color: red;"><b>Solution</b></span>: search for this code below<br /> [code type="HTML"]<div class='admin row' </div> <div dir="ltr"> style='display:none'>[/code]<br /> Replace the above code with this below<br /> [code type="HTML FIX"]<div class='admin row' </div> <div dir="ltr"> style='display:block'>[/code] </div> <div dir="ltr"> Or better still, from the initial code pasted above, replace "<b>display:none</b>" with "<b>display:block</b>"</div> <div dir="ltr"> <span style="color: #3d85c6;"><b><u>3) Comment Box Not Displaying On Desktop / Computer / Laptop / P.C</u></b></span><br /> This issue is Peculiar mostly to <span style="color: red;"><b>Sevida</b><b> 2.5 template</b></span>. The comment box tend to disappear/missing whenever yourself and your visitors visit your blog. <br /> The funny part of this bug is that, your comment box display on Mobile View. <br /> A big thanks to <a href="http://gupitan.com/">GUPITAN</a> for providing a fix to this bug. <br /> Today, i will be plainly displaying the bug fix to you all. <br /> <b><span style="color: red;">Solution</span></b>: Search for this code below; <br /> [code type="Css"] <br /> [hidden],template,.blogpost-setting{display:none}<br /> [/code]<br /> Replace with this code below;<br /> [code type="Css Refix"] <br /> [hidden],template,.blogpost-setting{display:block}<br /> [/code]<br /> Or better still, after searching for the above buggy code, replace "<b>blogpost</b><b>-setting</b><b>{display:none}</b>" with "<b>blogpost-setting</b><b>{display:block}</b>". <br /> Your comment box should now display </div> <div dir="ltr"> <b><u><span style="color: #3d85c6;">4) More Bugs If discovered</span></u></b><br /> <b><span style="color: red;">Solution</span></b>: Will be dropped as soon a bug is noted. </div> <div dir="ltr"> This article will be updated as much as possible soon a bug 🐛 is discovered. </div> <div dir="ltr"> Thank you for reading. Your comments will be welcomed and contributions by various visitors and readers will be a great help to this thread. </div> <div class="separator" style="clear: both; text-align: center;"> </div> </div> <b><b><b><b></b></b></b></b></div> </div>

Installing Custom Blogspot Template To Your Blog

<div><div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;"><span style="color: #3d85c6;"><b>How To Install Template To Your Blogspot</b>. </span></h2><div dir="ltr">Are you a newbie to blogging and you want an outstanding and responsive blog interface?<br>Are you new to blogger and you don't like your current blogspot template? </div><div dir="ltr">Congratulations, this article will guide you on every steps on how to beautify and redesign your blog to make it look astonishing. </div><div dir="ltr">In this tutorial, i will be covering areas as;</div><ul style="text-align: left;"><li> how to backup your Blogspot Template. </li><li> how to upload custom template to your dashboard. </li><li> how to restore / revert back to previous template.</li></ul><br><div dir="ltr">Before proceeding to further steps of this tutorial, its <b><span style="color: red;">important</span></b> you have the <b>latest</b> backup of your "<span style="color: red;">CURRENT TEMPLATE</span>" just incase anything goes <span style="color: red;">wrong</span>. </div><div dir="ltr"></div><h3 style="text-align: left;"><span style="color: #3d85c6;"><u><b>How to backup you </b><b>BlogSpot</b><b> current Template</b>. </u></span></h3>1) Login to your blogspot dashboard by following this link <a href="http://draft.blogger.com/">http://</a><a href="http://draft.blogger.com/">draft.blogger.com</a>. <br>2) After successful login, head straight to the left PANEL of your dashboard metromenu and click "<b><span style="color: red;">TEMPLATE</span></b>". <br>[img]. <br>3) In the <b><span style="color: red;">template</span></b> menu, select "<b><span style="color: red;">BACKUP/RESTORE</span></b>" situated at the top most right side of your dashboard. <br>[img]<br>4) After clicking "<span style="color: red;">BACKUP/RESTORE</span>" button, you will be presented with a pop-up dialog box as shown in the image below <br>[img] <br>5) From the pop-up box, select <b><span style="color: red;">DOWNLOAD THE FULL TEMPLATE</span></b> and your download file should be set for download. <br>6) After complete file downloading processes, a download pop-up will be displayed prompting to <b>save</b> or <b>open</b> file. <br>Choose <b><span style="color: red;">SAVE FILE</span></b> and download should start immediately. The file name of this downloaded file should have template_<b>xxxxxxxxxxxx.xml</b> where <b>xxxxxx</b> are random digits generated by Google Blogger (example is <b>template6061288766868825291.xml</b>). <br>Ensure you note down the directory this template is stored just incase you think you want to upload back to override other one. <br><div dir="ltr">That's all about backing-up your template. <br>Now, let's see how to install template to Blogspot. </div><div dir="ltr"><h3 style="text-align: left;"><span style="color: #3d85c6;"><u><b>Complete Steps And Guides On How To Install Template To Your Blogspot</b>. </u></span></h3>1) Having known how to backup your template, kindly proceed to step 2. If you skim through without reading this article from the very 1st start, i will suggest you start all over from the the beginning before jumping to step 2.<br>2) Download your preferred template which you intend to install. <br>3) Go to TEMPLATE tab of your dashboard and hit it. <br>4) Select "BACKUP/RESTORE" button and a pop-up box will be displayed. <br>5) From the pop up box, click the <b>upload</b> button and the <b>file manager</b> of your computer or mobile phone will be launched. <br>6) Navigate through to the directory where your downloaded custom template you want to upload was <b>saved</b> and select it. <br>7) Finally, click "SAVE" and your template will be uploaded and this new template will override the previous one. <br>8) Enjoy your new blog interface. Any query or challenges, feel free to contact me or drop your comments. </div><div dir="ltr"><br></div><div dir="ltr"><br></div><div dir="ltr">Alternative Method On How To Install Template To Your Blogger Dashboard Using Copy And Paste<br>Do you know that when you use the 1st method discussed above, there is this high tendency of having numerous gadgets in your <b>layout</b> and by so doing, you actually don't know which gadget is active for modification. <br>The copy and paste method involves overriding the whole previous template gadgets and coding, and now replacing them only with the new template version. Thereby making your admin layout neat and organized. <br><h4 style="text-align: left;"><b><u><span style="color: #3d85c6;">Steps</span></u></b>. </h4>Always <span style="color: red;">ensure to backup</span> your current template by following the guide above before proceeding to any step of this tutorial. <br>1) Login your blogger dashboard. <br>2) Navigate to Template Tab at the left menu of your dashboard and click it. <br>3) On the next displayed page, click <b>EDIT HTML</b> and you will be presented with the whole xml, Javascript, css, html source code of your current template. <br>4) Place your cursor on any part of the working area (code textarea) and highlight the whole code by pressing <b>CTRL+A</b> on your keyboard. <br>5) Now that the whole code has been highlighted, its time to CUT(remove/delete) them off. Ensure the whole codes are still highlighted and then press <b>CTRL+X</b> or <b>DEL</b> to <b>CUT</b> or <b>DELETE</b> the whole respectively. <br>Your template working area should be empty and contain no text or code. <br>6) Minimize your browser and Now navigate to the template you wish to install from your PC file manager and open it by double clicking the template file name. <br>7) You might be prompted with an option as to which application you want to use to view, read and edit the file. <br>Choose <b>NOTEPAD</b>. <br>I believe you already know how to use notepad to read and edit texts. <br>8) Now, in your notepad , you're already presented with the code. Highlight the whole text by pressing <b>CTRL+A</b> and copy it by pressing <b>CTRL+C</b>. <br>9) Restore or maximize your browser and paste the copied code to your empty work area by pressing <b>CTRL+V</b>. <br>Your working area should now contain codes of your new template. <br>10) Click <b>SAVE</b>. </div><div dir="ltr">You have now successfully installed template using copy and paste. Launch your blog and preview its new look. </div><div dir="ltr"><h3 style="text-align: left;"><u><span style="color: #3d85c6;"><b>How To Restore Back Blogger Template</b>. </span></u></h3>Did you modify your code and noticed code syntax error? Or are you confused as to where an error is displaying? <br>Then reverting back to any error free template is best way out. <br><b>Reverting</b> your template to error free type is same as how to install template. <br>All you need do is install the template using any of the above two listed methods and you are done. </div><div dir="ltr">Thank You. <br>Comment, drop contributions and don't forget to subscribe to our newsletter. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHhsOAYnovHxiRZkBfi3SGRu3MbOdYWspyen-weOmli4sxxq3vxZ_NwAF7-Zk6DUaOMgYmcAP8MtOckX-H_F6a8sb-bhHQ-OVUYp3ybgDXDVbVHBdpYsOB6XhuXrJGGsTKENy189H6YW0/s1600/PicsArt_10-07-08.56.30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHhsOAYnovHxiRZkBfi3SGRu3MbOdYWspyen-weOmli4sxxq3vxZ_NwAF7-Zk6DUaOMgYmcAP8MtOckX-H_F6a8sb-bhHQ-OVUYp3ybgDXDVbVHBdpYsOB6XhuXrJGGsTKENy189H6YW0/s640/PicsArt_10-07-08.56.30.jpg"> </a> </div></div></div>