Showing posts with label custom. Show all posts
Showing posts with label custom. Show all posts
Wednesday, March 15, 2017
Custom Popular Post Widget With Counter Box
Custom Popular Post Widget With Counter Box
This popular post widget will make your blog look nice wed help vistors easily navigate you posts.
Login to your blogger Dashboard>>click on Template>>>Edit Html.
On the blog Template click on it and click ctrl+f on windows and cmd+f on Mac.
First step=Adding javascrip to before </bod> tag.
Copy the code below, and paste it before the </body>tag in your template.
<script src=http://ift.tt/nkWzpa
ajax/libs/jquery/1.7.1/jquery.min.js
type=text/javascript/>
<script type=text/javascript>//<![CDATA[
$(document).ready(function() {
var tbn = 150;
$(#PopularPosts1).find(img).each
(function(n, image){
var image = $(image);
image.attr({src : image.attr(src).replace
(/sBd{2,4}/,s + tbn)});
image.attr(width,tbn);
image.attr(height,tbn);
});
});//]]></script>
Note : Back up your blog template first.
Customizing the thumbnail size. Simply change the highlited digit 150, to any number of your choice.
In this, our thumbnail size will be 150x150px.
Step two adding the css style code.
Simply chose any of your choice style code and paste it before the ]]></b:skin>
ajax/libs/jquery/1.7.1/jquery.min.js
type=text/javascript/>
<script type=text/javascript>//<![CDATA[
$(document).ready(function() {
var tbn = 150;
$(#PopularPosts1).find(img).each
(function(n, image){
var image = $(image);
image.attr({src : image.attr(src).replace
(/sBd{2,4}/,s + tbn)});
image.attr(width,tbn);
image.attr(height,tbn);
});
});//]]></script>
Note : Back up your blog template first.
Customizing the thumbnail size. Simply change the highlited digit 150, to any number of your choice.
In this, our thumbnail size will be 150x150px.
Step two adding the css style code.
Simply chose any of your choice style code and paste it before the ]]></b:skin>
Style One
/* Sidebar Popular Posts */
.sidebar .popular-posts ul {
counter-reset: popcount;
margin: 0;
padding: 0;
}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {
font-family: "Oswald",sans-serif;
height: 130px;
font-weight: bold;
list-style: none !important;
overflow: hidden;
padding: 0px !important;
position: relative;
margin: 2px;
border: 0;
width: 100%;
float: left;
}
.sidebar .PopularPosts .item-thumbnail
{margin: 0; width: 100%;}
.sidebar .PopularPosts ul li img {
display: block;
float: left;
padding: 0;
width: 100%;
height: 130px;
-webkit-transition-duration: 1.0s; /
*Webkit: Animation duration*/
-moz-transition-duration: 1.0s; /*Mozilla
Animation duration*/
-o-transition-duration: 1.0s; /*Opera
Animation duration*/
transition:1.0s;
}
.sidebar .PopularPosts ul li img:hover {
-webkit-transform:scale(1.06); /*Webkit:
0.5 times the original Image size*/
-moz-transform:scale(1.06); /*Mozilla 0.5
times the original Image size*/
-o-transform:scale(1.06); /*Opera 0.5
times the original Image size*/
transform:scale(1.06);
overflow: hidden;
}
.sidebar .PopularPosts .item-title {
bottom:0;
left: 0;
right: 0;
padding-bottom: 0;
position: absolute;
z-index: 999;
}
.sidebar .PopularPosts .item-title a {
background: rgba(32, 32, 32, 0.77);
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
line-height: normal;
font-family: "Oswald",sans-serif;
padding: 10px 0px 5px 10px;
text-transform: capitalize;
transition: all .4s ease-in-out;
}
.sidebar .popular-posts ul li:hover .item-
title a {
color: rgba(255, 255, 255, 1);
background: rgba(231, 76, 60, 0.88);
text-decoration: none;
}
.sidebar .popular-posts ul li:before {
background: rgba(255, 252, 8, 1);
color: #000;
content: counter(popcount, decimal);
counter-increment: popcount;
float: left;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding: 0px 8px 1px 1px;
border-radius: 0px 0px 10px 0px;
position: absolute;
top: 0;
z-index: 4;
border: solid #FFF;border-width: 0px 2px 2px 0px;
Style Two
.sidebar .popular-posts ul {
counter-reset: popcount;
margin: 0;
padding: 0;
}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {
font-family: "Oswald",sans-serif;
height: 130px;
font-weight: bold;
list-style: none !important;
overflow: hidden;
padding: 0px !important;
position: relative;
margin: 2px;
border: 0;
width: 100%;
float: left;
}
.sidebar .PopularPosts .item-thumbnail
{margin: 0; width: 100%;}
.sidebar .PopularPosts ul li img {
display: block;
float: left;
padding: 0;
width: 100%;
height: 130px;
-webkit-transition-duration: 1.0s; /
*Webkit: Animation duration*/
-moz-transition-duration: 1.0s; /*Mozilla
Animation duration*/
-o-transition-duration: 1.0s; /*Opera
Animation duration*/
transition:1.0s;
}
.sidebar .PopularPosts ul li img:hover {
-webkit-transform:scale(1.06); /*Webkit:
0.5 times the original Image size*/
-moz-transform:scale(1.06); /*Mozilla 0.5
times the original Image size*/
-o-transform:scale(1.06); /*Opera 0.5
times the original Image size*/
transform:scale(1.06);
overflow: hidden;
}
.sidebar .PopularPosts .item-title {
bottom:0;
left: 0;
right: 0;
padding-bottom: 0;
position: absolute;
z-index: 999;
}
.sidebar .PopularPosts .item-title a {
background: rgba(32, 32, 32, 0.77);
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
line-height: normal;
font-family: "Oswald",sans-serif;
padding: 10px 0px 5px 10px;
text-transform: capitalize;
transition: all .4s ease-in-out;
}
.sidebar .popular-posts ul li:hover .item-
title a {
color: rgba(255, 255, 255, 1);
background: rgba(231, 76, 60, 0.88);
text-decoration: none;
}
.sidebar .popular-posts ul li:before {
background: rgba(255, 252, 8, 1);
color: #000;
content: counter(popcount, decimal);
counter-increment: popcount;
float: left;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding: 0px 8px 1px 1px;
border-radius: 0px 0px 10px 0px;
position: absolute;
top: 0;
z-index: 4;
border: solid #FFF;border-width: 0px 2px 2px 0px;
Style Two
/* Sidebar Popular Posts - Style 1 */.sidebar .popular-posts ul {
counter-reset: popcount;
margin: 0;
padding: 0;
}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {
font-family:Oswald,Open
Sans,Helvetica Neue,Arial,Tahoma,sans-
serif;
height: 130px;
list-style: none !important;
overflow: hidden;
padding: 0 !important;
position: relative;
margin: 2px;
border: 0;
width: 48%;
float: left;
}
.sidebar .PopularPosts .item-thumbnail
{margin: 0; width: 100%;}
.sidebar .PopularPosts ul li img {
display: block;
float: left;
padding: 0;
width: 100%;
height: 130px;
-webkit-transition-duration: 1.0s; /
*Webkit: Animation duration*/
-moz-transition-duration: 1.0s; /*Mozilla
Animation duration*/
-o-transition-duration: 1.0s; /*Opera
Animation duration*/
transition:1.0s;
}
.sidebar .PopularPosts ul li img:hover {
-webkit-transform:scale(1.06); /*Webkit:
0.5 times the original Image size*/
-moz-transform:scale(1.06); /*Mozilla 0.5
times the original Image size*/
-o-transform:scale(1.06); /*Opera 0.5
times the original Image size*/
transform:scale(1.06);
overflow: hidden;
}
.sidebar .PopularPosts .item-title {
bottom:0;
left: 0;
right: 0;
padding-bottom: 0;
position: absolute;
z-index: 999;
}
.sidebar .PopularPosts .item-title a {
background: rgba(32, 32, 32, 0.77);
color: #FFFFFF;
display: block;
font-size: 12px;
line-height: normal;
padding: 5px 0px 2px 5px;
text-transform: capitalize;
transition: all .4s ease-in-out;
}
.sidebar .popular-posts ul li:hover .item-
title a {
color: rgba(255, 255, 255, 1);
background: rgba(231, 76, 60, 0.88);
text-decoration: none;
}
.sidebar .popular-posts ul li:before {
background: rgba(255, 252, 8, 1);
color: #000;
content: counter(popcount, decimal);
counter-increment: popcount;
float: left;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding: 0px 8px 1px 1px;
border-radius: 0px 0px 10px 0px;
position: absolute;
top: 0;
z-index: 4;
border: solid #FFF;
border-width: 0px 2px 2px 0px;}
Now got to your blog Layout and change you popular post settings according to the Image Below.
posted from Bloggeroid
Available link for download
Thursday, February 2, 2017
Android Custom ROMs A Beginners guide
Android Custom ROMs A Beginners guide
Firstly, let me wish you all a Happy New Year!. Your best of 2014 shall be your worst in 2015. Its my first post this year and today i will be telling you all you need to know about Android Custom ROMs and why you may need one. So, What is a custom ROM?
WHAT IS A CUSTOM ROM?
ROM is an abbreviation for Read Only Memory but in this context it has been modded to mean an actual custom OS image that you install into the ROM area of your phone. A custom ROM is a fully standalone version of the OS, including the kernel (which makes everything run), apps, services, etc - everything you need to operate the device, except its customized by someone in some way. Kernel can be called the heart of the OS.
A Stock ROM is the version of the OS that comes with your phone when you buy it. Since Android is Open Source developers are free to modify the OS in any manner possible. These Modified OS is called a Custom ROM since it has been customised.
NB: Installing a Custom ROM voids the warranty of your device but is reversible by installing the Stock ROM to the device. Installing the wrong Custom ROM on your device may cause a soft/hard brick rendering your device temporary unusable.
WHY SHOULD I INSTALL A CUSTOM ROM?
There are several reasons why you may want to install a Custom ROM. Here are 5 reasons why you should:
=> UPGRADE: Your device may not be a flagship like the Galaxy S5 or Xperia Z which means the update frequency may be minimal or even non existent. Your device may be stuck on version 2.3 (Gingerbread) now that 5.0 (lollipop) is even out. Custom ROMs give you the ability to upgrade your phone to the latest OS free.
=> PERFORMANCE: Stock ROMs come with a bunch of pre-installed apps and processes which may slow down the performance of your device. Custom ROMs come ridded of all those processes and apps to make it faster, more efficient and use less memory because the developer has optimized the kernel for better performance.
=> ADDITIONAL FEATURES: Custom ROMs come installed with additional features like run apps in tablet mode on a phone, disable the volume warning that Android constantly shows when you increase the system volume while headphones are plugged in, easily enable root access by toggling a system setting or hide the bottom navigation bar (on-screen buttons) to get more screen real estate.
=. CUSTOMIZATION: Custom ROMs enables you to fully customize your device. You can install skins to customize how your entire Android operating system looks or customize the quick settings menu Android includes to add your own most-used settings shortcuts.
=.APP PERMISSIONS: Most Custom ROMs come with the ability to help you set app permissions. So you can prevent apps from getting your personal details or knowing your location via GPS.
DANGERS OF INSTALLING CUSTOM ROMs
Installing Custom ROMs come with their own problems (most of which are easily fixable). Some of these problems include:
=> BRICKING: There is a chance you may brick your device making it temporarily useless and unusable while installing a Custom ROM. Therefore always have a backup of your device.
=> BATTERY: If a ROM has not been optimized properly it may cause a battery drain issue with your device.
=> BUGS: Most Custom ROMs have initial bugs in them which are fixed with updates which may be take time before they are released. But these bugs can easily be reported and fixed unlike those found in Stock ROMs.
=> WARRANTY: Installing a Custom ROM in most cases voids the warranty of your device. Note that the benefits of Custom ROMs outweigh the loss of warranty which only comes in place due to physical damage.
=> CORRECT CUSTOM ROM: Getting the right custom ROM for your device can be a huge headache. Also there are multitude of Custom ROMs avalable for a single device. An easy way to find a Custom ROM for your device is by searching on Google "YOUR_PHONE_MODEL ROM" or something similar.
WHICH CUSTOM ROM SHOULD I INSTALL?
There are several custom ROMs available for every range of devices. The most popular Custom ROM maker is Cyanogen Mod who partnered with One Plus to create the first ever Android phone running on a fully customized version. The phone is the One Plus One (Yeah.. Google it!). Another popular Android Custom ROM is the Remix OS.
When selecting a Custom ROM to install, make sure it has a good support team, minimum bugs, easy to use interface and good reviews. Just always have a backup of your device soyou can easily reverse the procedure in case of any problems.
What next? How to install Custom ROMs. Subscribe for our newsletter below to be the first to know when i post it.
Thanks to androidpolice.com for some of the details.
Do you have any questions? Drop a comment below.
Dont forget to share this post on any of the social networks below!! Thank you! -->
Available link for download
Sunday, January 29, 2017
HOW TO INSTALL CUSTOM ROM ON ANY ANDROID DEVICE
HOW TO INSTALL CUSTOM ROM ON ANY ANDROID DEVICE
A few days back, I discussed about Custom ROMs and why you may want one. Today, i will be giving a guide to universal way of installing Custom ROMs on any android device. Keep in mind that rooting and Custom ROMs are different entities. For more on rooting, you can check here. Lets get straight to business....
TOOLS
=> A USB cord
=> A PC (Optional at times)
=> Your rooted Android phone with at least 60% battery charge
=> Custom Recovery image e.g. CWM or TWRP . Read more here.
=>.Full Backup of Your device
=> The Custom ROM in .zip format.
NB: Installing a Custom ROM voids the warranty of your device but is reversible by installing the Stock ROM to the device. Installing the wrong Custom ROM on your device may cause a soft/hard brick rendering your device temporary unusable. Endeavor to always follow the procedures.
PROCEDURE
=> Make a full (Nandroid) Backup of your device ( Download Titanium Backup here)
=> Download the ROM and all indicated .zip on your PC
=>. Connect your handset to your computer
=> Copy the .zip files to the root of your SD card
=> Enable USB debugging on your device
=> Reboot your phone into Recovery mode (you can use MobileUncle or ROM manager)
=> Scroll using your Vol keys and select “wipe data factory reset”, “wipe cache partition” and “wipe dalvick cache”
=> At this point your phone will be completely wiped out thats why a backup is recommended
=> Scroll and select "install zip from sdcard" and then "choose zip from sdcard" and select the ROM in .zip format which you saved.
=> Let the installation complete and then go back and select "reboot system now"
At this point, your phone will reboot. Note that the first booting process may take a while before it completes. When your phone finishes booting, your new ROM will already be installed and ready to use.
Remember to always choose stable and trusted ROMs for your device. This increases the chance of updates and bug fixes.
Do you have a ROM youd like to share or a question? Just drop by the comments box and lets get to know.
Dont forget to please share this post with your friends via any of the social media below!
Available link for download
Subscribe to:
Posts (Atom)