0 Cara membuat tampilan Blog Archive berbeda dan lebih keren

Cara membuat tampilan Blog Archive berbeda dan lebih keren jangan basabasi lagi langsum saja

Dan Cara Masangnya
1.  Seperti biasanya Log In Blog dulu
2.  Klik Rancangan
3.  Klik Edit HMTL
4.  Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>

#BlogArchive1 ul.posts a:link{font-family:Arial;font-size:10px;color:#edb98d;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGclWG3xwQbBWw5I12RNT8q0Nb38DwSVZj92pz8knnGxEvWj4SJFUcEXTx2-42_YqbcXuu2tQS2eeRaKXddeqbK8stHicHednWAJdeJUDlXLb2dhsUkhi14Ko7DQGChdIxUmEUqlqGWv0/s400/CircleBlueArrow.png) no-repeat 0 50%;padding-left:20px;margin-left:-20px;} #BlogArchive1 ul.posts a:link:hover{color:red;transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-transform:translate(-12px, 0) scale(1.1);o-transform:translate(-12px, 0) scale(1.1);-moz-transform:translate(-12px, 0) scale(1.1);-webkit-transform:translate(-12px, 0) scale(1.1);-ms-transform:translate(-12px, 0) scale(1.1);} #BlogArchive1 a:visited{font-family:Arial;font-size:10px;color:#777;} #BlogArchive1 a:hover{font-family:Arial;font-size:10px;font-style:normal;} #BlogArchive1 h2{color:transparent;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZ7ObfO2hpgSLWNM1MHAjtzyAd-XGuUYDiCi9xS40TRWjJcFl9R6d1aXtWGjxZjfsuL9cYaGxdIDFyGVitUk79G_RMNfivtM3nLR5sGWYHJRZGk_l9JP_YC7Ic5OmPJoK2l4fz3bU9HU/s400/GoldPostingListV16H129.gif) no-repeat 10px 50%;} #ArchiveList a.toggle, #ArchiveList a.toggle:link{color:yellow;background:#714e26;background:-moz-linear-gradient(top, #6D6801, #9999FF);background:-webkit-gradient(linear, left top, left bottom, from(#6D6801), to(#9999FF));border:1px solid #a9937b;padding-left:4px;margin-right:5px;font-size:9px;border-radius:2px;transition:all 1s ease-in;-o-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-ms-transition:all 1s ease-in;} #ArchiveList a.toggle:hover, #ArchiveList a.toggle:link:hover{background:#777;background: #6d6801;background:-moz-linear-gradient(top, #6d6801 0%, #9ce1e4 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6801), color-stop(100%,#9ce1e4));background:-webkit-linear-gradient(top, #6d6801 0%,#9ce1e4 100%);background:-o-linear-gradient(top, #6d6801 0%,#9ce1e4 100%);background:-ms-linear-gradient(top, #6d6801 0%,#9ce1e4 100%);background:linear-gradient(top, #6d6801 0%,#9ce1e4 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6801', endColorstr='#9ce1e4',GradientType=0 );margin-right:20px;border-radius:20px;transition:all 1.5s ease-in 0.3s;-o-transition:all 1.5s ease-in 0.3s;-moz-transition:all 1.5s ease-in 0.3s;-webkit-transition:all 1.5s ease-in 0.3s;-ms-transition:all 1.5s ease-in 0.3s;}#ArchiveList a.toggle:active, #ArchiveList a.toggle:link:active{background: #ffffcc;background:-moz-linear-gradient(top, #ffffcc 0%, #6d6801 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffcc), color-stop(100%,#6d6801));background:-webkit-linear-gradient(top, #ffffcc 0%,#6d6801 100%);background:-o-linear-gradient(top, #ffffcc 0%,#6d6801 100%);background:-ms-linear-gradient(top, #ffffcc 0%,#6d6801 100%);background:linear-gradient(top, #ffffcc 0%,#6d6801 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#6d6801',GradientType=0 );border-radius:4px;transition:all ease-out 10ms;-o-transition:all ease-out 10ms;-moz-transition:all ease-out 10ms;-webkit-transition:all ease-out 10ms;-ms-transition:all ease-out 10ms;}#Label1 h2{color:transparent;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDugy7mGPF_Li1oiVQbSuWc0VX2fq-qaurL5wKUMcHZLXDq2x9BQrdKDZL3Oc50dt0hgO8k9k92EyL5mkAk5A5zUMjN0B2T4l7a6HwpSPrmkMMHdJje5RWPw7gupOsMN2tfK_aCd69LXg/s400/GRgoldCategoriesV17H116.gif) no-repeat 10px 50%;}#Label1 .widget-content li{list-style:none;padding-left:25px;margin-left:-20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHh-HLFNiLGEmtsmtnYClxcK0fKGzpYc3L1GeQIRryL335otzoNTlB6yVPGcIHDS_d-MsmQQtc7OOixfP3juh6ZP2m1QlIvsAXa_RTs_k_JgwdeLtvfa1P-DkM_PQrcGyTjquw8xy6w9k/s1600/yellowArrowAnima.gif) no-repeat 0 50%;}#CustomSearch1 h2{color:transparent;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspjagkeJnRY4qubqazXRle6pGRCzJOI6QDMrD3i_LalDgGW-Zgy33pQor8rqyvvgiDTX937o4-S0QOk78NqNR7G1kWVPipyOw8EPSpiOZ6UviAPFNhpAxxCwg3nq7FOFg-1sCld2-kO8/s400/goldSearch.gif) no-repeat 10px 50%;}#CustomSearch1 h4{font-family:Cataneo BT;font-size:12px;color:#edb98d;margin-left:20px;font-weight:normal;}.pos-header{min-height:80px;border-top:2px solid #999;border-bottom:2px solid #999;margin:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0nojDNxCU-zN4c4N76EbeOmWR-xioqR79qOSb0qyoDfJMS0F1Q-l3Z7RGr1VAZFPsOS6HOt3afmfVPuek5N7aDZLnZCv9Qoi1MZJYo0ZtKoP-eVwoSknyVDsdZxTaR24NWICmrpRmG0/s400/GRbgV40H1.png) top repeat-x;padding:3px;}.post-header-line-1{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEbIXCwRVlVTbuuKNB4aP0mUZu6mkieuZWSfbo3b7h5U4TCDMOpuxWOM_SLpjpkfvfc56ZcZO3kY34oF2ScosLgsDAr8_Xag8FdMjCbdVktDatXbb7HCJe6lFNQ7WsI0IKyEbjAamVPms/s1600/WrittenByAnima.gif) no-repeat 20px 50%;margin-left:60px;color:transparent;}span.post-author{font-family:Times;font-size:13px;color:transparent;}span.fn{font-family:Monotype Corsiva;font-size:13px;color:#edb98d;padding-left:30px;}#fecha{display:block;float:left;margin-left:2px;padding-right:2px;width:60px;height:70px;line-height:0.6em;border:1px solid #666;background:#0b1f24;margin-right:10px;opacity:0.6;filter:alpha(opacity=60);}.fecha_dia{display:block;color:#555;font-size:50%;text-align:center;clear:both;padding-top:6px;}.fecha_mes{display:block;font-size:32px;color:#888;font-weight:bold;padding:14px 0 8px 8px;font-family:Times New Roman;}.fecha_anio{display:block;text-align:center;font-size:50%;line-height:0.3em;margin-top:5px;color:#555;}#fecha:hover{opacity:0.9;filter:alpha(opacity=90);border:1px solid red;background:#000;}.clear,.clr,.clr20{clear:both;margin:0;padding:0;line-height:0;}.clr20{height:20px;}#Followers1{height:50px;overflow:scroll;}#Followers1{overflow:auto;background:#aaa;margin-top:30px;} #HTML3 h2.title, #HTML4 h2.title, #HTML8 h2.title, #HTML9 h2.title, #HTML11 h2.title, #HTML12 h2.title, #Followers1 h2.title{display:none;height:0;width:0;} #HTML10 h2.title{color:transparent;font-size:14px;paddding:0;margin-top:10px;}img.bgs1GRemo{width:24px;height:16px;padding:1px;border:1px solid #2a97e3;background:#fff;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);margin:1px;}img.bgs1GRemo:hover{width:24px;height:16px;border:1px solid red;background:#fdfa00;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);margin:1px;}.bgsGRemo{width:385px;border:2px solid #9f7ab0;background:#444;padding:5px;opacity:0.5;filter:alpha(opacity=50);-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;}.bgsGRemo:hover{border:2px solid #cc904f;background:#000;opacity:1.0;filter:alpha(opacity=100);}a.toggle{outline:none;}span.zippy{color:#fff;background:#341e06;background:rgba(0,0,0, 0.2);padding-left:3px;padding-right:30px;margin-right:40px;border-bottom-right-radius:8px;border:1px solid #444;-o-transition:all 0.6s ease-in;-moz-transition:all 0.6s ease-in;-webkit-transition:all 0.6s ease-in;}span.zippy:hover{color:red;background:#57534e;background:rgba(0,0,0, 0.4);margin-right:60px;padding-right:20px;}span.zippy:active{color:blue;background:#CCCCCC;transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;}*, * focus{outline:none;}div#energysaving p span.esm2{display:block;text-align:center;width:200px;margin:-10px auto;}div#energysaving p span.esm3{ margin:10px auto;line-height:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnIuWIzcaz1MW5JFaVZw8-hfy5qG433QmeSo8UsBuPu06Fw1RiOSED7bshEzeBT0YP6hUrHwdUf8kA0ZqJl_kU5zFis64K4-WxdpHkzrhnQmOJQGeyQkFNJZlmGqjExq_ePOBmRfsaxfw/s400/ESM3H2V70.png) left center repeat-x;background:-moz-linear-gradient(top,#666,#111);background:-webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));}.tooltip{display:none;border:5px solid #2379d7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBH5fB1Iqv4jKI7JOIc3auRf-2ZflioWZXL5YcV__hD3KCvHUztdOMF_vAnfyk_vzlMLuJtfxw_PNUJcRPg01W-Mvqx2ZEnyvyZ2WxPi29SAhyphenhyphenc2ONhhyc7XiXNHV-DRWVOksTEheT1sU/s1600/bluegradV358H3.png) top left repeat-x;font-size:12px;width:200px;padding:10px;color:#fff;outline:1px solid #777;outline-offset:0px;border-radius:10px;box-shadow:0px 0px 20px rgba(125,124,250,.9);filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=7);font:12px Georgia;font-weight:bold;text-shadow:.2em .2em 0.2em #000000;}pre.pelangi{margin:20px 0;padding:18px 8px;font-size:12px;font-family:Arial;font-weight:normal;border:2px solid #666;width:auto;overflow:auto;border-radius:4px;background:#333333;line-height:15px;}.post-footer .left{width:305px;padding:5px;border:1px solid #222;font-family:Arial Narrow;font-weight:normal;}span.post-timestamp{display:block;text-align:center;float:right;padding:4px;width:90px;background:#444;border-radius:6px;}.post a.download{display:block;height:35px;width:105px;padding:2px;margin:15px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoR0BM3pxar1iCpOko46ue_-iKWJFP_tcQIb6YNjSmSO4b5vN2n0BXc2SGfcbtVbk0sPRK9y7aeSz69ZAyPk6zPMj9VTxx7gOCQxSHvPrUha8VGDvbk8DBKfvNNelVgfsqTJkwY8s-g_Y/s320/DownLOAD-GR.gif) center center no-repeat;border:1px solid #aaa;border-radius:6px;-o-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out;}