Rain Water Waves Effect on Photoshop
Photoshop is a powerful graphics software that have ability in the process of making pixels effect in detail. On this occasion I will show you how to create the effect of water waves caused by fall of rain on the water surface of the green pool water and makes water waves like the picture above.
Local Area Network Configuration to Build Internet Cafe
Once the network is completed and utp lan cable has been installed on each PC unit, but it does not end here. You need to setup the LAN network configuration so that each unit is connected and can communicate with each other into one unified network. To setup the LAN Network Configuration you have to adjust IP Gateway given by ISP to every PC unit of the network.
Understanding Clients Server of the Internet Cafe Network System
On this occasion I would like to explain about how to create the Internet cafe network in the small scale. What is needed here is 1. UTP Cables and UTP Connector; 2. Crimping tools for connecting the cables with the UTP connector; 3. LAN Cable Tester, to test the connection between both end edge of LAN cable connector, If you do not have it, make sure the connection of the connector of LAN Cable plugged or connected as well. Of course you have to consider the distance required for the LAN cable before connecting the cable into the UTP connector.
Basic Concept in Building Internet Cafe Network
Basically to make an internet café is to build a LAN (Local Area Network) which will be given Internet connection so that Local Area Network (LAN) to be Internet network which in business terms is called internet café, in Indonesia more familiar called WARNET. In order to build an internet café, it requires the computer server and some computers for clients, the number of computer clients depend on your needs. For that I will give you the concept of building an internet café for those of you who want to make an internet café to be your own business, or just want to know the technical about how to make a internet cafe network.
Scans Viruses to the Harddisk without Disassemble
HardDisk is one of the computer part to store the data files and included the operation systems file in large capacity. Harddisk (Hard Drive) as the storage of main data files is potentially happen a problem in it. The Problems which may occur depends on the environment of your computer and the treatment when you use that computer.
Vector Design of Balinese Carving
 |
| Bali Carving Vector : Maduwe Karang Temple Relief |
Bali has style of the carving that is very unique and attract all who are concerned and love about Bali. The motif Style of Balinese Carving can be found at many building in region of Bali, decorations of the rooftops of balinese houses, and many various kinds of balinese cloths and especially for the temple buildings and facilities of the religious and tradition ceremony in Bali, etc. I do not have expertise in sculpting Balinese Carving, by the way I am so fascinated with the soul in cultural heritage reflected through character of carving style in Bali which still exist until this day.
I do love the style of Bali Carving. For that I want to pour it in the vector design that still rarely found on the graphic design works collection, especially in the form of the vector design. Graphic design works now is more modern nuances. On this time I will give you any collection of graphic design vector that may useful and sometime needed, or you can use a part of the element to your graphic design work with the ethnic Bali impression that may make your design looks more attracted with the special ethnic Bali.
In the process to make a graphic design works with special ethnic Bali that somethings we have to consider about the ethnic character that strongly correlated with the local culture of Bali. Bali carving have any style that reflect about the local character and the values of Balinese culture that still existed. This album is the vector collection of Bali Carving Style to express my love with the ethnic Bali and practice my skill to create the arch curves of Bali Carving Style that fully with arch curves. And also I will give you the link to download for the vector design for free. So you can use to make a graphic design with ethnic Vector Bali Carving that match to your graphic design that you needed. I hope it can be useful for you to make a great graphic design work.
This is the Album of the Vector of Bali Carving will be updated at time and adde gradually to test and improve the skill to make a vector design. In the making vector design you must often to practice to find the way that more effective to create a complex of the object vector design, the skill will be improve with the practice. I hope it can inspire you to make an object vector using Corel Draw, Freehand or Adobe Illustrator, to test the skill to create the path. Surely you must be patience in order to make a vector graphic design work so that the result is not disappointed. If you have any skill to drawing manually, it makes easier and maybe you more than i am in order to make a Vector design as your own.
I hope this album collection can be useful to you all is about Vector of Bali Carving and can help you manifest your desires to make a vector graphic design that more unique and interesting. If the password needed to open the vector files, please subscribe and send a mail, i will send you the password, Good Luck!
Album of Bali Carving Vector
The source vector of Maduwe Karang of Balinese Temple Decoration is available on shutterstock.com portfolio and also my photograph. I happy and welcome you as a professional and creative worker on shutterstock with fresh update of my works.
Cause of Damaged the Computer Memory
Random Access Memory (RAM) or familiarly known as Memory, is a computer component as a determinant of the speed of the computer after the processor. Memory plays a very active when you're using your computer. It's so easy in the installation of memory in a personal computer in particular, so that at any time you would like to add another memory on your personal computer that may work slowly. Desire to increase the performance of your computer by adding additional memory in your computer should not brings a problem on the future.
The development of memory type production line with the development of computer hardware. About the types of memory you can see more fully here. Memory that usually used now is kind of DDR, DDR2, DDR3 which have different slots or pin according to the type of computer processor that you have. For example, DDR type that i use on the Pentium IV of computer there are different types of memory issued from different manufacturers in the market.
Pictured above are two types of memory DDR, with different types and manufacturers. As seen on the picture above, type 1 have memory chips on both sides, whereas type 2 only have a memory chip on one side. Type 2 is not so clearly seen about the type and original manufacturers. Both type of memory all can be used and match in the memory slot contained on my CPU. First time I just use one memory in my computer that is type 1.
Then I get the computer memory of my friend that had broken on the mainboard. I use both of the memory on my computer, the result the computer runs as it should with speed increases. A long as 6 months of usage the problem was occurred. The computer runs but hangs, and sometimes restarts byself. At last can not loading windows operation system in it. Then I remove type 2 of the memory and not use it any more, the computer can run properly even though a little bit slow. After a few weeks the same problem happens again.
I have done on two computers with different types in different periods. The result is the same thing finally the both memory being unusable or damaged. Then unfortunately, i have to replace with a new 1 GB memory. The result my computer working well until now.
Here I got the conclusion on each type of memory has a different beat or pulse when the computer in operating. So if you use different type into memory slot of your CPU although have same in DDR memory but different type anda manufacture will work with a different rhythm (not synchronized). What happens is the pulse noise in your memory cause each other uncomfortable. And for a long time will cause damage to both of the memory.
This is the case that sometimes we do not realize the cause why memory was damaged. You like to hire employees who do not match both your employees and ultimately working to unsettle you. Of course you have to fix the mistakes that you've been going on and not repeat it.
My conclusion is reinforced by looking at the case of a laptop and netbook. Laptop or netbook has memory SO DIM DDR type. It never happens in the problem of damage memory on laptop or netbook. The most common problem is damage at the mainboard, Graphic Displayer (VGA/GPU). Memory by the same type and manufacturer cause there was never any problem with damage at the memory of the laptops or netbooks all a long.
Therefore, I suggest you do not use different types of memory in your computer or if you want to prove it. That was all and good luck!
Optimizing Blogspot with Thumbnail Readmore Summary
It is not efficient to show a full view of the articles on the homepage, label and some kind like that into your blog. There is any choise by making readmore every time you write an article post, but making readmore manually it possible sometime left from your attention. while you have forgot to make it, your homepage will be very long. It could be a something less when we make readmore manually. For that we are going to make the style of summary articles with the image thumbnail so that your homepage looks more beautiful and arranged consistently.
Small but Important Tricks for Blogger
In the process of creating a blog, there are something that can not be ignored. For the optimizing and get the blog display as you wish and according with your needs. This is something that was i called small but important tricks for Blogger. The tricks that needed to be noted a long as my experience about to begin in the process of building a blog and complete my blog notes and i hope can be inspired you to setup your blog by a little tricks that most useful.
Google CSE on Static Page with Search Form Style
Google CSE (Custom Search Engine) is one of the Google facility to search your internal content on the site or blog url. With google CSE you can also find out which articles are indexed by google. Google CSE being a widget that support for those of you who want your blog or site is accepted by google adsense, although it is not an absolute thing.
Styling Most Popular Articles Widget on your Blog
Most Popular is the important gadget of the blog component. As a gadget blog that is generally placed on the sidebar. Most popular allows you to see and analyze which ones are most preferred articles on your blog. As the picture above you will make the Most Popular Blog so it looks more elegant appearance and make your blog more impressive.
Styling Label Cloud Bloggger
Label is one of the navigation part on your blog. When you have a lot of the content post on each categories of your blog, label as categories of the post content will look so crowded. Blogger have provided an options to label on the basic widget. In the label configuration, there are two types of the style label that was provided, such as list display and cloud display. The display of the labels cloud arranged according to the width of sidebar on your template that you use.
Styling Newer Home Older of the Blog Navigation
After creating Pagenumber Navigation on the blog, then we shall create Icon Style of Newer Older Home Navigation. At the beginning you click on any label on your blog or you open in full view an article on navigation at the bottom still any Navigation that signed by Newer Post, Older Post, and Home. This is a little bit different in the pagination system if you ever use joomla as your site. Newer Older Home Navigation by default only appear as text links. We will change the style became more attractive with the icon.
Styling Pagenumber of the Blog Navigation
In order to display the contents or the articles of a blog especially if you have the content in a large number, surely you can not display all them at once. That is only make the performance of your blog to be slow, because when users visit at the homepage of your blog, the content will displayed with all contained articles of your blog. Therefore you have to limit the whole of articles on the homepage of your blog, let's see the following picture below!
At Show at most, fill it with the number of articles that you want to show on every page. By default blogger only provide navigation newer and older articles in the navigation of the contents with the style still very simple. Here you need Pagenumber Navigation that allows the users to view the entire content in a better way and looks more elegant.
I'll show you how to create a Pagenumber Navigation or usually known as pagination with the style that can be design by yourself. You can it later on your blog, so you can gives the impression of your blog more attractive for the users. Something that required in the process of creating the Pagenumber Navigation that is "Js script" (Javascript) Pagenumber, and "CSS script" Pagenumber to make an appearance that more beautiful.
1. Login to the blogger dashboard and click on Template>Edit HTML. You need to put Javascript of pagenumber below!
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=8;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7 L;7 j;7 h;7 v;1A();H 1z(1d){7 6=\'\';M=K(12/2);5(M==12-M){12=M*2+1}C=h-M;5(C<1)C=1;e=K(1d/m)+1;5(e-1==1d/m)e=e-1;D=C+12-1;5(D>e)D=e;6+="<4 9=\'1M\'>1L "+h+\' 1Y \'+e+"</4>";7 17=K(h)-1;5(h>1){5(h==2){5(j=="u"){6+=\'<4 9="1Z"><a b="\'+B+\'">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">\'+S+\'</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+17+\');x w">\'+S+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+17+\');x w">\'+S+\'</a></4>\'}}}5(C>1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}5(C>2){6+=\' ... \'}1s(7 k=C;k<=D;k++){5(h==k){6+=\'<4 9="24">\'+k+\'</4>\'}c 5(k==1){5(j=="u"){6+=\'<4 9="g"><a b="\'+B+\'">1</a></4>\'}c{6+=\'<4 9="g"><a b="/r/s/\'+v+\'?&d-l=\'+m+\'">1</a></4>\'}}c{5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+k+\');x w">\'+k+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+k+\');x w">\'+k+\'</a></4>\'}}}5(D<e-1){6+=\'...\'}5(D<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+e+\');x w">\'+e+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+e+\');x w">\'+e+\'</a></4>\'}}7 16=K(h)+1;5(h<e){5(j=="u"){6+=\'<4 9="g"><a b="#" y="N(\'+16+\');x w">\'+1l+\'</a></4>\'}c{6+=\'<4 9="g"><a b="#" y="O(\'+16+\');x w">\'+1l+\'</a></4>\'}}6+=\'<1q><a b="1n://1O.1K.1m" 1R="1Q 1S" 1D="1E-1F: 1I; 1G: 1H; 1N: 2d;" 28="27"><1o 26="0" J="1n://2a.2b.1m/1o/2f.2e" 1T="3" 2c="3" /></a></1q>\';7 E=z.1W("E");7 18=z.1V("1U-1X");1s(7 p=0;p<E.Q;p++){E[p].1i=6}5(E&&E.Q>0){6=\'\'}5(18){18.1i=6}}H 1f(X){7 Y=X.Y;7 1C=K(Y.22$21.$t,10);1z(1C)}H 1A(){7 i=o;5(i.f("/r/s/")!=-1){5(i.f("?V-d")!=-1){v=i.I(i.f("/r/s/")+14,i.f("?V-d"))}c{v=i.I(i.f("/r/s/")+14,i.f("?&d"))}}5(i.f("?q=")==-1&&i.f(".6")==-1){5(i.f("/r/s/")==-1){j="u";5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p("<n J=\\""+B+"P/R/U?d-l=1&13=15-Z-n&T=1f\\"><\\/n>")}c{j="s";5(i.f("&d-l=")==-1){m=20}5(o.f("#G=")!=-1){h=o.I(o.f("#G=")+8,o.Q)}c{h=1}z.1p(\'<n J="\'+B+\'P/R/U/-/\'+v+\'?13=15-Z-n&T=1f&d-l=1" ><\\/n>\')}}}H N(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H O(F){11=(F-1)*m;L=F;7 W=z.1r(\'1g\')[0];7 A=z.1w(\'n\');A.1t=\'1v/1u\';A.1y("J",B+"P/R/U/-/"+v+"?1B-1j="+11+"&d-l=1&13=15-Z-n&T=1e");W.1h(A)}H 1e(X){1c=X.Y.25[0];7 1x=1c.1k.$t.I(0,19)+1c.1k.$t.I(23,29);7 1a=1P(1x);5(j=="u"){7 1b="/r?V-d="+1a+"&d-l="+m+"#G="+L}c{7 1b="/r/s/"+v+"?V-d="+1a+"&d-l="+m+"#G="+L}1J.b=1b}',62,140,'||||span|if|html|var||class||href|else|max|maksimal|indexOf|showpageNum|nomerhal|thisUrl|jenis|jj|results|postperpage|script|urlactivepage|||search|label||page|lblname1|false|return|onclick|document|newInclude|home_page|mulai|akhir|pageArea|numberpage|PageNo|function|substring|src|parseInt|nopage|nomerkiri|redirectpage|redirectlabel|feeds|length|posts|upPageWord|callback|summary|updated|nBody|root|feed|in||jsonstart|numshowpage|alt||json|nextnomer|prevnomer|blogPager||timestamp|alamat|post|banyakdata|finddatepost|hitungtotaldata|head|appendChild|innerHTML|index|published|downPageWord|com|http|img|write|div|getElementsByTagName|for|type|javascript|text|createElement|timestamp1|setAttribute|loophalaman|halamanblogger|start|totaldata|style|font|size|float|right|7pt|location|blogspot|Page|showpageOf|padding|24work|encodeURIComponent|Blogger|title|Templates|width|blog|getElementById|getElementsByName|pager|of|showpage||totalResults|openSearch||showpagePoint|entry|border|_blank|target||img1|blogblog|height|2px|gif|blank'.split('|'),0,{}))
//]]>
</script>
On the script code template, press Ctrl+F and find this code <b:include name='nextprev'/> just put the javascript above below this tag <b:include name='nextprev'/> on the script code template
2. Create the CSS Style Script for Pagenumber Navigation. I have provided two css style color Pagenumber Navigation that will be displayed like the picture above.
Pagenumber Black-Gold Style
#blog-pager {
width : 588px;
height : 45px;
text-align: center;
vertical-align: middle;
margin: auto;
padding:8px 8px 0px 8px;
border: 1px solid rgb(204, 204, 204);
background-color: rgb(238, 238, 238);
}
.showpageNum a:link,
.showpageNum a:visited{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #ffffff;
}
.showpageNum a {
background: #2E2E2E;
background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -webkit-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -moz-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -o-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -ms-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
-svg-background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #DAECFB;
padding:7px;
margin:0 4px 0 auto;
position:relative;
display:inline-block;
margin-left: 0;
}
.showpageOf {
background: #2E2E2E;
background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -webkit-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -moz-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -o-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: -ms-linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
-svg-background: linear-gradient(top, #595959 0, #3D3D3D 50%, #141414 50%, #303030 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #DAECFB;
padding:7px;
margin:0 4px 0 auto;
position:relative;
display:inline-block;
margin-left: 0;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FFFFFF;
}
.showpageNum a:hover {
background: #642A29;
background: linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
background: -webkit-linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
background: -moz-linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
background: -o-linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
background: -ms-linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
background: linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
-svg-background: linear-gradient(top, #A34443 0, #7B3332 50%, #411B1B 50%, #692C2B 100%) no-repeat;
border:1px solid #FFDEB3;
padding:7px;
margin:0 4px 0 auto;
}
.showpagePoint {
background: #84633E;
background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
background: -webkit-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
background: -moz-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
background: -o-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
background: -ms-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
-svg-background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat;
border:1px solid #FFFFFF;
padding:7px;
margin:0 4px 0 auto;
color: #FFFFFF
}
Pagenumber Blue-Orange Style
#blog-pager {
width : 588px;
height : 45px;
text-align: center;
vertical-align: middle;
margin: auto;
padding:8px 8px 0px 8px;
border: 1px solid rgb(204, 204, 204);
background-color: #d1e8ff;
}
.showpageNum a:link,
.showpageNum a:visited {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #ffffff;
}
.showpageNum a {
background: #00366B;
background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -webkit-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -moz-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -o-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -ms-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
-svg-background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #DAECFB;
padding:7px;
margin:0 4px 0 auto;
position:relative;
display:inline-block;
margin-left: 0;
}
.showpageOf {
background: #00366B;
background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -webkit-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -moz-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -o-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: -ms-linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
-svg-background: linear-gradient(top, #0061C2 0, #00458A 50%, #001C38 50%, #003870 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #DAECFB;
padding:7px;
margin:0 4px 0 auto;
position:relative;
display:inline-block;
margin-left: 0;
text-decoration: none;
color: #FFFFFF;
}
.showpageNum a:hover {
background: #FFAD42;
background: linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
background: -webkit-linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
background: -moz-linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
background: -o-linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
background: -ms-linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
background: linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
-svg-background: linear-gradient(top, #FFD399 0, #FFBA61 50%, #FF970F 50%, #FFAF47 100%) no-repeat;
border:1px solid #FFDEB3;
padding:7px;
margin:0 4px 0 auto;
}
.showpagePoint {
background: #EE7320;
background: linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
background: -webkit-linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
background: -moz-linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
background: -o-linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
background: -ms-linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
background: linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
-svg-background: linear-gradient(top, #F4A571 0, #F0843D 50%, #ED6A12 50%, #CC5B0F 50%, #ED6A12 82%, #EF7625 100%) no-repeat;
border:1px solid #FFDEB3;
padding:7px;
margin:0 4px 0 auto;
color: #FFFFFF;
}
Use one of the css styles above, or you can change the color by yourself. The css style should be placed into the skin of the template. Press Ctrl+F on the template html and type ]]></b:skin>, just put the css style above this code ]]></b:skin>
In other way you can the css style by click on Template>Customize. And then click Advanced, and put the css style here, the next click Apply to blog. You can see the complete Pagenumber Navigation on the main page. Related with Pagenumber Navigation, the next we shall create the style of Newer Home Older Navigation.
Creating Image Sexy Lightbox for Blogger
Perhaps if you have thought, if an article that consist with a lots of pictures, certainly make your blog take a long time for loading relatively by user. If all images shown with full-size, certainly you can think of what happened. Creating Image Lightbox is a solution of the problem, but existing lightbox on the default blog gives the impression that is less attractive to the user to view an image in full size. Therefore, we will make a lightbox that gives the impression that more interesting is what I call Image Sexy Lightbox.
Project Hosting Files using TortoiseSVN Google Code
Google Code is one of the google services for free to use as a storage to place any script code projects that you have ( Javascript, PHP, Ajax, CSS and others). The script code projects that you have can be used to make lighten of your website or blog because google code has a high capacity and bandwidth to place such a script code projects, you no need to worry about it. By the way, what is can not be done for the master code. Google code that used as the storage to save script code project, for now is not just limited only for that purpose, adding config code that allow you to use google code to save many kind of extensions files. So Google Code is not only to be storage of your script code, but you can use Google Code as files hosting in the various extensions of files that you need.
Install and Customizing Template Blog by Artisteer
The first step in the process of creating a blog is how to create a template as appearance all of article as the content of our blog that you will make. Fundamentally to design a blog template you need to understand the HTML, CSS and other supporting knowledge such as Javascript, JQuery, etc. HTML, CSS, Javascript, JQuery and others contained in an xml template format.
1 comment :
Post a Comment