It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://jayaputrablog.blogspot.com/

  1. <!DOCTYPE html>
  2. <HTML dir='ltr'>
  3. <head>
  4. <link href='https://www.blogger.com/static/v1/widgets/55013136-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
  5. <meta charset='utf-8'/>
  6. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  7. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  8. <link href='http://fonts.googleapis.com/css?family=Skranji' rel='stylesheet' type='text/css'/>
  9. <title>
  10. Jaya Putra
  11.          | Your Blog Description
  12.        </title>
  13. <meta content='Your Blog Description here!' name='description'/>
  14. <meta content='Your Keywords here!' name='keywords'/>
  15. <meta content='Author Name here!' name='Author'/>
  16. <meta content='general' name='rating'/>
  17. <meta content='all' name='robots'/>
  18. <meta content='index, follow' name='robots'/>
  19. <meta content='id' name='geo.country'/>
  20. <meta content='1 days' name='revisit-after'/>
  21. <meta content='Indonesia' name='geo.placename'/>
  22. <style id='page-skin-1' type='text/css'><!--
  23. /* -----------------------------------------------
  24. Blogger Template Style
  25. Name      : Johny Wusss
  26. Author   : Maskolis
  27. Url           : http://www.maskolis.com/
  28. Updated by: Blogger Team
  29. This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
  30. http://creativecommons.org/licenses/by/3.0/
  31. ----------------------------------------------- */
  32. #navbar-iframe{height:0;visibility:hidden;display:none}
  33. body{background:#f1eeed url(http://3.bp.blogspot.com/-TVSgEiymYKA/UQs6COkgULI/AAAAAAAABik/0djyvpPgHEM/s1600/bg_body.gif);color:#444;height:100%;font-family:Arial, Helvetica, Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0}
  34. a,a:link,a:visited{color:#eb4938;text-decoration:none}
  35. a:hover,a:active{color:#666;text-decoration:none}
  36. h2.date-header{display:none}
  37. .header-wrapper{width:980px;color:#333;min-height:80px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
  38. #header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
  39. #header-inner{margin:10px 0 10px;padding:0}
  40. #header h1,#header p{font:28px Skranji;line-height:24px;color:#eee;text-shadow:2px 2px 1px #000;padding:5px 0;margin:0}
  41. #header h1 a,#header h1.title a:hover{color:#f07468;text-decoration:none}
  42. #header .description{color:#fff;font:14px Oswald;text-shadow:none;}
  43. #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
  44. #menu{background:#222 url(http://3.bp.blogspot.com/-FdgzK6iGL68/U66ZTJUeHYI/AAAAAAAAAC4/h7OKF7GS__g/s1600/index.png) repeat-x scroll top;color:#ddd;height:35px;-webkit-box-shadow:0 1px 5px #aaa;-moz-box-shadow:0 1px 5px #aaa;-ms-box-shadow:0 1px 5px #aaa;-o-box-shadow:0 1px 5px #aaa;box-shadow:0 1px 5px #aaa;border-bottom:1px solid #000;padding-top:8px}
  45. #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
  46. #menu ul{height:35px;width:980px}
  47. #menu li{float:left;display:inline;position:relative;font:14px Skranji;text-transform:uppercase;}
  48. #menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#ddd;}
  49. #menu li a:hover{color:#fff}
  50. #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
  51. #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
  52. #menu label span{font-size:12px;position:absolute;left:35px}
  53. #menu ul.menus{height:auto;overflow:hidden;width:180px;background:#f1eeed url(http://3.bp.blogspot.com/-TVSgEiymYKA/UQs6COkgULI/AAAAAAAABik/0djyvpPgHEM/s1600/bg_body.gif);position:absolute;z-index:99;display:none;}
  54. #menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;text-shadow:none}
  55. #menu ul.menus a{color:#333}
  56. #menu li:hover ul.menus{display:block}
  57. #menu a.prett{padding:0 27px 0 14px}
  58. #menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;top:14px;right:9px}
  59. #menu ul.menus a:hover{background:#ddd;color:#333}
  60. .page-menu{width:70%;margin:18px auto;padding:0;float:right;text-shadow:0 1px 0 rgba(0,0,0,0.7)}
  61. .page-menu ul{list-style:none;color:#ddd;width:700px;margin:0 auto;padding:0}
  62. .page-menu ul li{list-style:none;line-height:32px;display:inline-block}
  63. .page-menu li a{color:#ddd;display:block;font-size:14px;font-family:Arial;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
  64. .page-menu li a:hover,.page-menu .selected{color:#fff;text-decoration:none;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset}
  65. .outerpic-wrapper{width:100%;padding:5px;margin:0 auto;overflow:hidden}
  66. .headerpic-wrapper{background:url(http://2.bp.blogspot.com/--PdqQsVomTo/U66ZTF6V_yI/AAAAAAAAAC0/ggGiu1n9WiY/s1600/index1.png);width:100%;padding:0;margin:0 auto;border-top:8px solid #eb4938;}
  67. .content-wrapper{position:relative;max-width:980px;margin:0 auto}
  68. .outer-wrapper{position:relative;width:100%;padding:0}
  69. .main-wrapper{width:650px;margin:0;float:left;word-wrap:break-word;overflow:hidden;}
  70. #crosscol-wrapper{width:100%;float:left;word-wrap:break-word;overflow:hidden}
  71. #crosscol1-wrapper{width:70%;float:left;word-wrap:break-word;overflow:hidden}
  72. #crosscol2-wrapper{width:29%;float:right;word-wrap:break-word;overflow:hidden}
  73. .crosscol .widget,.crosscol1 .widget,.crosscol2 .widget{margin:10px 3px 3px;padding:5px 5px 0;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff;}
  74. .clr{clear:both;float:none}
  75. h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
  76. h3.date-header{text-transform:none;font:normal 12px Arial;color:#666;line-height:1.2em;margin:.1em 0}
  77. .post{margin:10px 5px;padding:10px 15px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff}
  78. .post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#222;margin:.0em 0 0;padding:4px 0}
  79. .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#222;}
  80. .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#eb4938}
  81. .post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;}
  82. .post-body blockquote{line-height:1.3em}
  83. .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0;}
  84. .comment-link{margin-left:.1em}
  85. .post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px}
  86. .post blockquote p{margin:.75em 0}
  87. .post th{background:#f2f2f2;padding:2px 8px}
  88. .post td{border-top:1px solid #dfdfdf;background:#f9f9f9;padding:2px 8px}
  89. .post table{width:100%;border:1px solid #ccc;margin:10px 0 0;padding:0}
  90. .post img,#header2 img,.sidebar1 img,.sidebar img,.crosscol1 img,.crosscol2 img{max-width:100%;width:auto;-ms-interpolation-mode:bicubic;border:0;}
  91. .video-container { position:relative; margin:0 0 15px 0;padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
  92. .video-container iframe,.video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
  93. #related-posts{float:left;width:100%;border-top:3px solid #ddd;margin:5px 0}
  94. #related-posts .judul{background:none;color:#333;font:16px Oswald;padding:5px 0}
  95. #related-posts .maskolis_img {padding:0 0;width:140px;height:95px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
  96. #related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
  97. #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#eb4938;border:1px solid #d53b2b}
  98. .blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
  99. .showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #ddd}
  100. .showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#eb4938;border:1px solid #d53b2b}
  101. .showpageOf{display:none;margin:0}
  102. .showpagePoint{color:#fff;text-decoration:none;background-color:#eb4938;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #d53b2b}
  103. .feed-links{clear:both;line-height:2.5em}
  104. #viewers{float:left;width:100%;font:12px Arial;padding-top:3px;border-top:1px solid #bbb;margin:0;background:#eee}
  105. .readmorecontent{float:right;margin:0;padding:3px 10px;0}
  106. .post-snippet:before{content:attr(data-snippet);}
  107. #twit_fb{background-clip:padding-box;box-shadow:0 14px 2px -10px #CCC;cursor:pointer;display:inline-block;vertical-align:top;width:100%;margin:0 11px 30px 0;padding:0}
  108. #twit_fb .none-efect{border:3px solid #EEE;position:relative;margin:0;padding:0}
  109. ul.twit_fbpanjang{clear:both;float:left;list-style:none outside none;position:absolute;z-index:10;margin:0;padding:5px 0 0 5px}
  110. ul.twit_fbpanjang li{-moz-transition:opacity 300ms ease 0;-ms-transition:opacity 300ms ease 0;-o-transition:opacity 300ms ease 0;-webkit-transition:opacity 300ms ease 0;transition:opacity 300ms ease 0;margin-bottom:10px;opacity:0}
  111. #twit_fb:hover .twit_fbpanjang li{opacity:1}
  112. ul.twit_fbpanjang li a:before{-moz-transition:all 300ms ease-out 100ms;-ms-transition:all 300ms ease-out 100ms;-o-transition:all 300ms ease-out 100ms;-webkit-transition:all 300ms ease-out 100ms;transition:all 300ms ease-out 100ms;background-image:url(https://lh4.googleusercontent.com/-3Z1qvJaBuAE/UEEKEt987PI/AAAAAAAACnY/i0cYpWewGMU/h120/icon-roll.png);background-color:transparent;background-repeat:no-repeat;content:"";display:inline-block;height:25px;position:absolute;width:25px}
  113. ul.twit_fbpanjang li a.f-like:hover:before{background-position:-31px -47px}
  114. ul.twit_fbpanjang li a.f-like span{color:#5974FF}
  115. ul.twit_fbpanjang li a.t-share span{color:#00aced}
  116. ul.twit_fbpanjang li a.t-share:hover:before{background-position:0 -48px}
  117. ul.twit_fbpanjang li a.t-share:before{background-position:0 0;left:2px;top:2px}
  118. ul.twit_fbpanjang li a.f-like:before{background-position:-31px 0;left:4px;top:2px}
  119. ul.twit_fbpanjang li a{-moz-transition:width 300ms ease-out 100ms;-ms-transition:width 300ms ease-out 100ms;-o-transition:width 300ms ease-out 100ms;-webkit-transition:width 300ms ease-out 100ms;transition:width 300ms ease-out 100ms;background-clip:padding-box;background-color:#fff;background-repeat:no-repeat;border-radius:4px 4px 4px 4px;display:block;opacity:0.6;overflow:hidden;text-align:center;text-transform:uppercase;white-space:nowrap;width:0;position:relative;margin:3px;padding:8px 0 5px 33px}
  120. ul.twit_fbpanjang li a:hover{width:75px;opacity:1}
  121. ul.twit_fbpanjang li a span{display:block;font-weight:700;vertical-align:baseline}
  122. .post-labels{position:relative;margin:0;padding:0}
  123. .post-labels a{float:left;height:18px;line-height:18px;position:relative;font-size:11px;margin-top:4px;margin-left:15px;background:#eb4938;color:#fff;text-decoration:none;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;padding:0 10px}
  124. .post-labels a:before{content:"";float:left;position:absolute;top:0;left:-9px;width:0;height:0;border-color:transparent #eb4938 transparent transparent;border-style:solid;border-width:9px 9px 9px 0}
  125. .post-labels a:after{content:"";position:absolute;top:7px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #666;-webkit-box-shadow:-1px -1px 2px #666;box-shadow:-1px -1px 2px #666}
  126. .post-labels a:hover{background:#555}
  127. .post-labels a:hover:before{border-color:transparent #555 transparent transparent}
  128. .menusearch{width:200px;float:right;margin:0 auto;padding:4px 15px 0 0}
  129. .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #111}
  130. .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
  131. .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
  132. .searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}
  133. .sidebar-wrapper,.sidebar1-wrapper{width:320px;float:right;word-wrap:break-word;overflow:hidden;}
  134. .sidebar h2{color:#333;font:16px Oswald;margin:0 10px;padding:5px 0 13px;text-transform:uppercase;background:url(http://4.bp.blogspot.com/-afaG1ycTu2A/U66udmepvVI/AAAAAAAAAFM/ODZEAMwNPJw/s1600/sprite.png) repeat-x scroll bottom;}
  135. .sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
  136. .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd}
  137. .sidebar .widget,.sidebar1 .widget{margin:10px 3px 10px 1px;padding:0;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff;}
  138. .sidebar .widget-content{margin:0 auto;padding:0 10px}
  139. .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
  140. .sidebar li a:hover{color:#eb4938}
  141. .sidebar ul{list-style:none;margin:0;padding:5px 0}
  142. .sidebar1 ul{list-style:none;padding:0;margin:0;}
  143. .sidebar1 .widget-content{margin:0 auto;padding:10px 10px 5px;}
  144. #footer{background:url(http://1.bp.blogspot.com/--PdqQsVomTo/U66ZTF6V_yI/AAAAAAAAAC8/M1zi63mT5C0/s1600/index1.png);border-top:4px solid #000;width:100%;padding:0;}
  145. .footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0}
  146. .footer{float:left;width:31%;margin:10px}
  147. .footer .widget{margin-bottom:30px}
  148. .footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
  149. .footer .widget-content{line-height:17px}
  150. .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
  151. .footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
  152. .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
  153. .footer li a:hover{color:#fff}
  154. #credit{background:#222 url(http://3.bp.blogspot.com/-FdgzK6iGL68/U66ZTJUeHYI/AAAAAAAAADA/JN-Y2EK-qXo/s1600/index.png) repeat-x scroll top;font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:15px 0 10px;line-height:18px}
  155. #credit .left{float:left;text-align:left;margin-left:10px}
  156. #credit .right{float:right;text-align:right;margin-right:10px}
  157. #credit a{color:#eee;text-decoration:none}
  158. #credit a:hover{color:#fc0;text-decoration:none}
  159. .PopularPosts .item-thumbnail img{width:72px;height:72px;padding:4px;margin:0;border:1px solid #ddd}
  160. .comments {margin:5px;padding:10px 15px; line-height:1em;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff}
  161. .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; }
  162. .comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
  163. .comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; }
  164. .comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; }
  165. .comments .comments-content .inline-thread { padding:0.5em 1em; }
  166. .comments .comments-content .comment-thread { margin:8px 0; }
  167. .comments .comments-content .comment-thread:empty { display:none; }
  168. .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; }
  169. .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
  170. .comments .comments-content .comment:first-child { padding-top:16px; }
  171. .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; }
  172. .comments .comments-content .comment-body { position:relative; }
  173. .comments .comments-content .user { font-style:normal; font-weight:bold; }
  174. .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; }
  175. .comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; }
  176. .comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; }
  177. .comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; }
  178. .comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; }
  179. .comments .comments-content .comment-content { text-align:none; }
  180. .comments .comments-content .owner-actions { position:absolute; right:0; top:0; }
  181. .comments .comments-replybox { border:none; height:250px; width:100%; }
  182. .comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
  183. .comments .comment-replybox-thread { margin-top:5px; }
  184. .comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; }
  185. .comments .thread-toggle { cursor:pointer; display:inline-block; }
  186. .comments .continue { cursor:pointer; }
  187. .comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
  188. .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; }
  189. .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; }
  190. .comments .thread-chrome.thread-collapsed { display:none; }
  191. .comments .thread-toggle { display:inline-block; }
  192. .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; }
  193. .comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; }
  194. .comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; }
  195. .comments .avatar-image-container { background-image:url(http://4.bp.blogspot.com/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; }
  196. .comments .avatar-image-container img { width:36px; }
  197. .comments .comment-block { margin-left:48px; position:relative; }
  198. .social-buttons{position:fixed;top:150px;width:45px;z-index:9999}
  199. .button-left{left:0}
  200. .button-right{right:0}
  201. .social-buttons #twitter-btn .social-icon,.social-buttons #facebook-btn .social-icon,.social-buttons #google-btn .social-icon,.social-buttons #rss-btn .social-icon,.social-buttons #pinterest-btn .social-icon,.social-buttons #youtube-btn .social-icon{background-color:#33353B;background-image:url(http://1.bp.blogspot.com/-zt3csy2DqGo/U661h1iTakI/AAAAAAAAAFc/v5tUjZIJDHs/s1600/mas-icons.png)}
  202. .button-left #facebook-btn span{background-position:right 10px}
  203. .button-left #twitter-btn span{background-position:right -35px}
  204. .button-left #google-btn span{background-position:right -127px}
  205. .button-left #rss-btn span{background-position:right -80px}
  206. .button-right #facebook-btn span{background-position:12px 10px}
  207. .button-right #twitter-btn span{background-position:11px -35px}
  208. .button-right #google-btn span{background-position:10px -127px}
  209. .button-right #rss-btn span{background-position:11px -80px}
  210. .social-buttons #facebook-btn:hover .social-icon{background-color:#3B5998}
  211. .social-buttons #twitter-btn:hover .social-icon{background-color:#62BDB2}
  212. .social-buttons #google-btn:hover .social-icon{background-color:#DB4A39}
  213. .social-buttons #rss-btn:hover .social-icon{background-color:#FF8B0F}
  214. .social-buttons #pinterest-btn:hover .social-icon{background-color:#D43638}
  215. .social-buttons #youtube-btn:hover .social-icon{background-color:#C4302B}
  216. .social-buttons a:hover .social-text{display:block}
  217. .button-left .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:left;height:43px;margin-bottom:2px;width:43px}
  218. .button-left .social-text{display:none;float:right;font-size:1em;font-weight:700;white-space:nowrap;margin:11px 40px 11px 0}
  219. .button-right .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:right;height:43px;margin-bottom:2px;width:43px}
  220. .button-right .social-text{display:none;float:left;font-size:80%;font-weight:700;white-space:nowrap;margin:11px 0 11px 40px}
  221. .social-buttons .social-text{color:#FFF}
  222. .button-left #pinterest-btn span,.button-right #pinterest-btn span{background-position:11px -177px}
  223. .button-left #youtube-btn span,.button-right #youtube-btn span{background-position:11px -223px}
  224. @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
  225. @media screen and (max-width: 980px) {
  226. #header{float:none;max-width:none;text-align:center;margin-top:10px}
  227. #header-inner{margin-bottom:0}
  228. #header h1,#header p{margin-right:0}
  229. #header .description{margin:0}
  230. .menusearch{float:none;padding:5px 0 10px}
  231. .main-wrapper{margin-right:0;width:66.5%;}
  232. .sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto;padding:0 10px;}
  233. .credit{padding:20px!important}
  234. #credit .left,#credit .right{float:none;text-align:center;margin:0}
  235. .outerpic-wrapper,.content-wrapper{padding:0}
  236. #header2,.page-menu ul{text-align:center;width:100%}
  237. }
  238. @media screen and (max-width: 800px){
  239. .header-wrapper{margin-right:0;min-height:0;width:100%}
  240. #header{text-align:center;width:100%;max-width:none}
  241. #header-inner{margin:10px 0}
  242. .main-wrapper{width:55.4%;}
  243. #menu{position:relative}
  244. #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  245. #menu ul.menus{width:100%;position:static;padding-left:20px}
  246. #menu li{display:block;float:none;width:auto}
  247. #menu input,#menu label{position:absolute;top:7px;left:0;display:block}
  248. #menu input{z-index:4}
  249. #menu input:checked + label{color:white}
  250. #menu input:checked ~ ul{display:block}
  251. .page-menu li a{border-right:0}
  252. .page-menu{margin:0;width:100%}
  253. }
  254. @media screen and (max-width: 760px){
  255. .outer-wrapper{padding:0}
  256. .main-wrapper{margin-right:0;width:100%;min-height:0}
  257. .sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;}
  258. #comment-editor{margin:10px}
  259. .footer{width:auto;margin:15px}
  260. #relpost_img_sum .news-text {display:none}
  261. }
  262. @media screen and (max-width: 480px){
  263. #header img{width:100%}
  264. #relpost_img_sum .news-title {font: 11px Arial}
  265. .post-comment-link{display:none}
  266. }
  267. @media screen and (max-width: 320px){
  268. .comments .comments-content .datetime{display:block;float:none}
  269. .comments .comments-content .comment-header{height:70px}
  270. }
  271. @media screen and (max-width: 240px){
  272. .header-wrapper{margin-right:0;min-height:0;width:100%}
  273. #header{text-align:center;width:100%;max-width:none;}
  274. #header-inner{margin:10px 0}
  275. #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
  276. .comments .comments-content .comment-replies{margin-left:0}
  277. }
  278.  
  279. --></style>
  280. <style type='text/css'>
  281.          .post-timestamp,.feed-links {display:none}
  282.          .blog-pager,#blog-pager{text-align:left}
  283.          .post{float:left;margin:10px 15px 8px 2px;overflow:hidden;padding:0px 0px 10px;positon:relative;width:47%;height:312px;background:#fff}
  284.          .post h1,.post h2{line-height:0.5em;margin:8px 0;padding:0 10px;font:bold 16px Arial;height:35px;}
  285.          .post-body{font:12px arial;color:#111;border-top:none;background:none;padding:0px 10px;margin:0;text-align:left;line-height:15px;height:60px}
  286.          h3.date-header{font-size:11px;margin:0 0 .5em;color:#999}
  287.          .cutter{width:100%;max-height:170px;overflow:hidden;margin:0;padding:0}
  288.          .postthumb{width:auto;margin-bottom:-45px;padding:0}
  289.          .post img{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out; }
  290.          .post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
  291.          .camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.camera_wrap tr,.camera_wrap th,.camera_wrap td
  292.          .camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thumbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
  293.          .camera_wrap{display:none;float:left;position:relative;z-index:0;width:96%;padding:4px;background:#f3f3f3;border:1px solid #fff;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;margin:10px 0 0 2px}
  294.          .camera_wrap img{max-width:none!important}
  295.          .camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-index:1}
  296.          .camera_src{display:none}
  297.          .cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1}
  298.          .cameraContents{position: relative;height: 100%;-webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);}
  299.          .cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
  300.          .cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%}
  301.          .camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0}
  302.          .camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}
  303.          .camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}
  304.          .camera_target_content .camera_link{background:url(http://1.bp.blogspot.com/-HVkOhvZvPWE/UQlkh-TuJsI/AAAAAAAAIEI/3OoSgPgTtvk/s1600/blank.gif);display:block;height:100%;text-decoration:none}
  305.          .camera_loader{background:url(http://1.bp.blogspot.com/-mkdSwR1OUmk/U66lTH3dCII/AAAAAAAAADc/jTDJaT4nalw/s1600/camera-loader.gif) no-repeat center;background:rgba(255,255,255,0.9) url(http://1.bp.blogspot.com/-mkdSwR1OUmk/U66lTH3dCII/AAAAAAAAADc/jTDJaT4nalw/s1600/camera-loader.gif) no-repeat center;border:1px solid #fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}
  306.          .camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}
  307.          .camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto}
  308.          .camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%}
  309.          .camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}
  310.          .camera_caption{bottom: 0;display: block;position: absolute;width: 100%;}
  311.          .camera_caption > div{max-width:450px;font-size:16px;line-height:23px;margin-bottom:50px;background: #333;background: rgba(51, 51, 51, 0.65);-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
  312.          .camera_caption a{color:#fff;font:bold 18px Arial;margin:0 0px 10px 0;padding:5px 10px;display:block;background:#eb4938;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
  313.          .camera_caption a:hover{color:#ccc}
  314.          .camera_caption .comt{font:11px Tahoma;margin:5px 0 0;color:#ccc;padding:0 10px}
  315.          .camera_caption p{font:12px Arial;margin:5px 0 0;padding:0 10px 10px}
  316.          .camerarelative{overflow:hidden;position:relative}
  317.          .imgFake{cursor:pointer}
  318.          .camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10}
  319.          .camera_prevThumbs div{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -160px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
  320.          .camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;visibility:hidden;width:30px;z-index:10}
  321.          .camera_nextThumbs div{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -190px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
  322.          .camera_command_wrap .hideNav{display:none}
  323.          .camera_command_wrap{left:0;position:relative;right:0;z-index:4}
  324.          .camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:center;}
  325.          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}
  326.          .camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
  327.          .camera_wrap .camera_pag .camera_pag_ul li > span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px}
  328.          .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
  329.          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0}
  330.          .camera_pag_ul li img{display:none;position:absolute}
  331.          .camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute}
  332.          .camera_prev,.camera_next,.camera_commands{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2}
  333.          .camera_prev{left:0}
  334.          .camera_prev > span{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat 0 0;display:block;height:40px;width:40px}
  335.          .camera_next{right:0}
  336.          .camera_next > span{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -40px 0;display:block;height:40px;width:40px}
  337.          .camera_commands{right:41px}
  338.          .camera_commands > .camera_play{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -80px 0;height:40px;width:40px}
  339.          .camera_commands > .camera_stop{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -120px 0;display:block;height:40px;width:40px}
  340.          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:13px 5px 0;position:relative;text-indent:-9999px;width:16px;}
  341.          .camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;position:relative;width:100%}
  342.          .camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
  343.          .camera_thumbs_cont > div{float:left;width:100%}
  344.          .camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;text-align:center}
  345.          .camera_thumbs_cont ul li{display:inline;padding:0 4px}
  346.          .camera_thumbs_cont ul li > img{border:1px solid;cursor:pointer;margin-top:5px;vertical-align:bottom}
  347.          .camera_clear{display:block;clear:both}
  348.          .showIt{display:none}
  349.          .camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}
  350.          .pattern_1 .camera_overlayer{background:url(http://1.bp.blogspot.com/-UE3SGU33G4M/U66mWWtSHAI/AAAAAAAAADo/pZ8snDYdFpw/s1600/overlay1.png) repeat}
  351.          .pattern_2 .camera_overlayer{background:url(http://4.bp.blogspot.com/-p17Uc2lSmJU/U66mWRTjWHI/AAAAAAAAADs/EvGwbLZgw48/s1600/overlay2.png) repeat}
  352.          .pattern_3 .camera_overlayer{background:url(http://3.bp.blogspot.com/-CfNEZfxer9w/U66mW_3QscI/AAAAAAAAAD4/YljZIuJEFfk/s1600/overlay3.png) repeat}
  353.          .pattern_4 .camera_overlayer{background:url(http://1.bp.blogspot.com/-jBKnSSBy7Es/U66mXKhtBKI/AAAAAAAAAD8/hqFZPMDlTaY/s1600/overlay4.png) repeat}
  354.          .pattern_5 .camera_overlayer{background:url(http://3.bp.blogspot.com/-0c_un9-iZhc/U66mXupBnII/AAAAAAAAAEo/GPU_csW_ihc/s1600/overlay5.png) repeat}
  355.          .pattern_6 .camera_overlayer{background:url(http://3.bp.blogspot.com/-9ABOatpfB7g/U66mXqukW7I/AAAAAAAAAEI/Db_bCYNmYWU/s1600/overlay6.png) repeat}
  356.          .pattern_7 .camera_overlayer{background:url(http://2.bp.blogspot.com/-xmxLvymATEM/U66mXyZIjPI/AAAAAAAAAEQ/PnEVnZqpwIs/s1600/overlay7.png) repeat}
  357.          .pattern_8 .camera_overlayer{background:url(http://4.bp.blogspot.com/-mLEw8aJUoag/U66mYRSAWxI/AAAAAAAAAEY/2n0K9vA9zwo/s1600/overlay8.png) repeat}
  358.          .pattern_9 .camera_overlayer{background:url(http://3.bp.blogspot.com/-YEa5CZOboVc/U66mYrQ6aoI/AAAAAAAAAEg/q_enLliSb24/s1600/overlay9.png) repeat}
  359.          .pattern_10 .camera_overlayer{background:url(http://3.bp.blogspot.com/-Jwjb2Uifs9g/U66mWRrmZyI/AAAAAAAAADw/B8c3osuainE/s1600/overlay10.png) repeat}
  360.          .camera_caption{color:#fff}
  361.          .camera_caption > div{background:(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
  362.          .camera_wrap .camera_pag .camera_pag_ul li{background:#8cd700}
  363.          .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:#8cd700}
  364.          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#eb4938}
  365.          .camera_pag_ul li img{border:3px solid #fff;-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5)}
  366.          .camera_pag_ul .thumb_arrow{border-top-color:#fff}
  367.          .camera_prevThumbs,.camera_nextThumbs,.camera_prev,.camera_next,.camera_commands,.camera_thumbs_cont{background:#fff;background:rgba(216,216,216,0.85)}
  368.          .camera_wrap .camera_pag .camera_pag_ul li{background:#fff;box-shadow:0 1px 3px #c3c3c3; -moz-box-shadow:0 1px 3px #c3c3c3; -webkit-box-shadow:0 1px 3px #c3c3c3}
  369.          .camera_thumbs_cont ul li > img{border-color:1px solid #000}
  370.          /*ORANGE SKIN*/
  371.          .camera_orange_skin .camera_prevThumbs div {
  372.            background-position: -160px -920px;
  373.          }
  374.          .camera_orange_skin .camera_nextThumbs div {
  375.            background-position: -190px -920px;
  376.          }
  377.          .camera_orange_skin .camera_prev > span {
  378.            background-position: 0 -920px;
  379.          }
  380.          .camera_orange_skin .camera_next > span {
  381.            background-position: -40px -920px;
  382.          }
  383.          .camera_orange_skin .camera_commands > .camera_play {
  384.            background-position: -80px -920px;
  385.          }
  386.          .camera_orange_skin .camera_commands > .camera_stop {
  387.            background-position: -120px -920px ;
  388.          }
  389.          @media screen and (max-width:980px) {
  390.            .post{margin:5px 9px 5px 5px;width:28%;padding:10px;height:auto;}
  391.            .post h1,.post h2{font:14px Oswald;}
  392.            .post-body{font:11px tahoma;height:auto}
  393.          }
  394.          @media screen and (max-width:800px) {
  395.            .post{margin:5px 0 5px 5px;width:45.8%;padding:5px;}
  396.          }
  397.          @media screen and (max-width:620px) {
  398.            .post{width:46%}
  399.          }
  400.          @media screen and (max-width:460px){
  401.            .post{margin:14px 12px 0;width:auto;padding:10px}
  402.            .cutter{max-height:120px}
  403.            .camera_caption p{display:none}
  404.          }
  405.          @media screen and (max-width:310px){
  406.            .post{width:86%;margin:10px;padding:8px}
  407.          }
  408.        </style>
  409. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
  410. <script src='http://yourjavascript.com/11325639179/camera-slider.js' type='text/javascript'></script>
  411. <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'></script>
  412. <script>
  413.    $(window).load(function(){
  414.        $('.social-buttons .social-icon').mouseenter(function(){
  415.            $(this).stop();
  416.            $(this).animate({width:'160'}, 500, 'easeOutBounce',function(){});  
  417.        });
  418.        $('.social-buttons .social-icon').mouseleave(function(){
  419.            $(this).stop();
  420.            $(this).animate({width:'43'}, 500, 'easeOutBounce',function(){});
  421.        });
  422.    });
  423. </script>
  424. <link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7815116757884357206&amp;zx=02da32a7-4c72-43b7-9053-c06afa142dfe' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7815116757884357206&amp;zx=02da32a7-4c72-43b7-9053-c06afa142dfe' rel='stylesheet'/></noscript>
  425. <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
  426. <meta name='google-adsense-platform-domain' content='blogspot.com'/>
  427.  
  428. </head>
  429. <body>
  430. <div class='headerpic-wrapper'>
  431. <div class='header-wrapper'>
  432. <div class='header section' id='header'><div class='widget Header' data-version='1' id='Header1'>
  433. <div id='header-inner'>
  434. <a href='http://jayaputrablog.blogspot.com/' style='display: block'>
  435. <img alt='Jaya Putra' id='Header1_headerimg' src='http://4.bp.blogspot.com/-cMu-IIhXN2g/Udt4v-P3xbI/AAAAAAAAAAs/4572QLZV7Nc/s1600/JayaPutra.png' style='display: block'/>
  436. </a>
  437. </div>
  438. </div></div>
  439. <div class='page-menu'>
  440. <div class='page section' id='page'><div class='widget PageList' data-version='1' id='PageList1'>
  441. <div class='widget-content'>
  442. <ul>
  443. <li class='selected'>
  444. <a href='http://jayaputrablog.blogspot.com/'>
  445. Home
  446. </a>
  447. </li>
  448. <div class='menusearch'>
  449. <form action='/search' class='searchform' method='get'>
  450. <input class='searchfield' id='q' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;' type='text' value='Search here....'/>
  451. <input class='searchbutton' src='http://1.bp.blogspot.com/-N_4TWVUmXv4/UDdKJf5NwCI/AAAAAAAAIgY/AGrKXgwkrTo/s1600/tombolcari.gif' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
  452. </form>
  453. </div>
  454. </ul>
  455. </div>
  456. </div></div>
  457. </div>
  458. </div>
  459. </div>
  460. <!-- /header-wrapper -->
  461. <nav id='menu'>
  462. <input type='checkbox'/>
  463. <label>
  464.        &#8801;
  465.        <span>
  466.          Navigation
  467.        </span>
  468. </label>
  469. <ul>
  470. <li>
  471. <a href='/'>
  472.            Home
  473.          </a>
  474. </li>
  475. <li>
  476. <a href='#'>
  477.            Menu 1
  478.          </a>
  479. </li>
  480. <li>
  481. <a class='prett' href='#'>
  482.            Drop Menu
  483.          </a>
  484. <ul class='menus'>
  485. <li>
  486. <a href='#'>
  487.                Drop Menu 1
  488.              </a>
  489. </li>
  490. <li>
  491. <a href='#'>
  492.                Drop Menu 2
  493.              </a>
  494. </li>
  495. <li>
  496. <a href='#'>
  497.                Drop Menu 3
  498.              </a>
  499. </li>
  500. </ul>
  501. </li>
  502. <li>
  503. <a href='#'>
  504.            Menu 2
  505.          </a>
  506. </li>
  507. <li>
  508. <a class='prett' href='#'>
  509.            Drop Menu 1
  510.          </a>
  511. <ul class='menus'>
  512. <li>
  513. <a href='#'>
  514.                Drop Menu 1
  515.              </a>
  516. </li>
  517. <li>
  518. <a href='#'>
  519.                Drop Menu 2
  520.              </a>
  521. </li>
  522. <li>
  523. <a href='#'>
  524.                Drop Menu 3
  525.              </a>
  526. </li>
  527. </ul>
  528. </li>
  529. </ul>
  530. </nav>
  531. <div class='content-wrapper'>
  532. <div class='outerpic-wrapper'>
  533. <div id='crosscol-wrapper' style='text-align:center'>
  534. <div class='crosscol no-items section' id='crosscol'></div>
  535. <div id='crosscol1-wrapper'>
  536. <div class='crosscol1 section' id='crosscol1'><div class='widget HTML' data-version='1' id='HTML2'>
  537. <div class='widget-content'>
  538. <a img src="hhttp://4.bp.blogspot.com/-DY6CVQ5J9MQ/U669f7Hbg7I/AAAAAAAAAFs/bPvzbOcHdLU/s1600/advertise+pakdhe.png"/></a>
  539.  
  540. <a width="280" href=/ target="_blank" hight="300"><img border="0" alt="Link Banner" src="http://4.bp.blogspot.com/-DY6CVQ5J9MQ/U669f7Hbg7I/AAAAAAAAAFs/bPvzbOcHdLU/s1600/advertise+pakdhe.png"/></a>
  541. </div>
  542. <div class='clear'></div>
  543. </div></div>
  544. </div>
  545. <div id='crosscol2-wrapper'>
  546. <div class='crosscol2 section' id='crosscol2'><div class='widget HTML' data-version='1' id='HTML3'>
  547. <div class='widget-content'>
  548. <img src="http://2.bp.blogspot.com/-CZ6f4IVUEQM/U66-pq_ibiI/AAAAAAAAAF4/f-p0ghwPmRE/s1600/facebook-pakdhe.png" />
  549. </div>
  550. <div class='clear'></div>
  551. </div></div>
  552. </div>
  553. </div>
  554. <div class='outer-wrapper'>
  555. <div class='main-wrapper'>
  556. <div id='randompost'></div>
  557. <script type='text/javascript'>
  558.                //<![CDATA[
  559.                $(document).ready(function () {
  560.                  CameraSlider({
  561.                    blogURL:'http://pakdhejohnydemo.blogspot.com/',
  562.                    idcontaint:"#randompost",
  563.                    NumCharacter: 160,
  564.                  });
  565.                });
  566.                //]]>
  567.              </script>
  568. <div class='clear'></div>
  569. <div class='main section' id='main'><div class='widget Blog' data-version='1' id='Blog1'>
  570. <div class='blog-posts hfeed'>
  571. <div>
  572. </div>
  573. <div style='clear: both;'></div>
  574. <!--Can't find substitution for tag [defaultAdStart]-->
  575. <!--Can't find substitution for tag [adEnd]-->
  576. </div>
  577. <div class='blog-pager' id='blog-pager'>
  578. <a class='home-link' href='http://jayaputrablog.blogspot.com/'>
  579. Beranda
  580. </a>
  581. </div>
  582. <div class='clear'></div>
  583. <div class='blog-feeds'>
  584. </div>
  585. </div></div>
  586. <script type='text/javascript'>
  587.              var postperpage=6;
  588.              var numshowpage=4;
  589.              var upPageWord ='&#171; Previous ';
  590.              var downPageWord ='Next &#187;';
  591.              var urlactivepage=location.href;
  592.              var home_page="/";
  593.            </script>
  594. <script src='http://yourjavascript.com/218437119/halamanav.js' type='text/javascript'></script>
  595. </div>
  596. </div>
  597. <div class='sidebar1-wrapper'>
  598. <div class='sidebar1 section' id='sidebar1'><div class='widget HTML' data-version='1' id='HTML5'>
  599. <div class='widget-content'>
  600. <a href="http://www.easyhits4u.com/?ref=jayafree"><img src="http://static.easyhits4u.com/img/banners/300x250_2.gif" width="300" height="250" alt="The Most Popular Traffic Exchange" border="0" /></a>
  601. </div>
  602. <div class='clear'></div>
  603. </div></div>
  604. </div>
  605. <div class='sidebar-wrapper'>
  606. <div class='sidebar section' id='sidebar'>
  607. <div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
  608. <h2>
  609. Popular Posts
  610. </h2>
  611. <div class='widget-content popular-posts'>
  612. <ul>
  613. </ul>
  614. <div class='clear'></div>
  615. </div>
  616. </div></div>
  617. </div>
  618. <div class='clr'></div>
  619. </div>
  620. </div>
  621. <div id='footer'>
  622. <div class='content-wrapper'>
  623. <div class='footer-wrapper'>
  624. <div class='footer section' id='footer1'><div class='widget HTML' data-version='1' id='HTML1'>
  625. <h2 class='title'>
  626. adf.ly
  627. </h2>
  628. <div class='widget-content'>
  629. <div style="overflow:auto;width:300px;height:250px;padding:10px;border:1px solid #eee">
  630. <!-- Start of adf.ly banner code --><a href="http://adf.ly/?id=4558200"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.300x250.1.gif" width="300" height="250" title="AdF.ly - shorten links and earn money!" /></a>
  631. <!-- End of adf.ly banner code --></div>
  632. </div>
  633. <div class='clear'></div>
  634. </div></div>
  635. <div class='footer no-items section' id='footer2'></div>
  636. <div class='footer no-items section' id='footer4'></div>
  637. <div class='clr'></div>
  638. </div>
  639. </div>
  640. <div id='credit'>
  641. <div class='content-wrapper'>
  642. <div class='left'>
  643. <strong>
  644.              Support :
  645.            </strong>
  646. <a href='#'>
  647.              Your Link
  648.            </a>
  649.            |
  650.            <a href='#'>
  651.              Your Link
  652.            </a>
  653.            |
  654.            <a href='#'>
  655.              Your Link
  656.            </a>
  657. <br/>
  658.            Copyright &#169; 2013.
  659.            <a class='sitename' href='http://jayaputrablog.blogspot.com/' title='Jaya Putra'>
  660. Jaya Putra
  661. </a>
  662.            - All Rights Reserved
  663.          </div>
  664. <div class='right'>
  665.            Template Created by
  666.            <a href='http://www.maskolis.com/'>
  667.              Creating Website
  668.            </a>
  669.            Published by
  670.            <a href='http://www.mastemplate.com/'>
  671.              Mas Template
  672.            </a>
  673. <br/>
  674.            Proudly powered by
  675.            <a href='http://www.blogger.com'>
  676.              Blogger
  677.            </a>
  678. </div>
  679. </div>
  680. </div>
  681. </div>
  682. <div class='social-buttons button-right hidden-phone hidden-tablet'>
  683. <a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
  684. <a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
  685. <a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
  686. <a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
  687. <span class='social-text'>Follow via Pinterest</span></span></a>
  688. <a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
  689. <a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
  690. </div>
  691.  
  692. <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script>
  693. <script type='text/javascript'>
  694. window['__wavt'] = 'AOuZoY7u1IfyccMrgtrLmNW2yso8IgLPLw:1713253139439';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7815116757884357206','//jayaputrablog.blogspot.com/','7815116757884357206');
  695. _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7815116757884357206', 'title': 'Jaya Putra', 'url': 'http://jayaputrablog.blogspot.com/', 'canonicalUrl': 'http://jayaputrablog.blogspot.com/', 'homepageUrl': 'http://jayaputrablog.blogspot.com/', 'searchUrl': 'http://jayaputrablog.blogspot.com/search', 'canonicalHomepageUrl': 'http://jayaputrablog.blogspot.com/', 'blogspotFaviconUrl': 'http://jayaputrablog.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Jaya Putra - Atom\x22 href\x3d\x22http://jayaputrablog.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Jaya Putra - RSS\x22 href\x3d\x22http://jayaputrablog.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Jaya Putra - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7815116757884357206/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/00768931530569171883\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/2409974e622e3273', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Jaya Putra'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Jaya Putra', 'description': 'Tips Trick,Games,SN,Mod,Blog,Musik,DLL', 'url': 'http://jayaputrablog.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
  696. _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
  697. _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'page', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': true, 'href': 'http://jayaputrablog.blogspot.com/', 'title': 'Home'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': true}, 'displayModeFull'));
  698. _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'crosscol1', document.getElementById('HTML2'), {}, 'displayModeFull'));
  699. _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'crosscol2', document.getElementById('HTML3'), {}, 'displayModeFull'));
  700. _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Tidak ada postingan.', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3624384598-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
  701. _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar1', document.getElementById('HTML5'), {}, 'displayModeFull'));
  702. _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
  703. _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer1', document.getElementById('HTML1'), {}, 'displayModeFull'));
  704. </script>
  705. </body>
  706. </HTML>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda