Page 3 of 3 FirstFirst 123
Results 31 to 40 of 40
http://idgs.in/185999
  1. #31
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Quote Originally Posted by 2easy4insane View Post
    om kurt cara bikin readmore pake templates magazine r.1.3 gimana??

    gak ngerti gw caranya.

    liat di http://juni0rzone.blogspot.com. kalau bisa saya share id sama pass buat bikinin readmore.
    Coba pake cara Boss Black Zero, Waduh Jangan Sampe di Share ID nya, ntar ada gimana2 loh...
    For Fun
    www.R-L.me

  2. Hot Ad
  3. #32
    2easy4insane's Avatar
    Join Date
    Aug 2007
    Location
    Bandung
    Posts
    2,416
    Points
    1.82
    Thanks: 1 / 1 / 1

    Default

    Mending gw kasih code htmlnya aj yah ke sini, mungkin ada code yang salah.
    klo bisa kasih tau di mana harus ngegantinya.
    Spoiler untuk Code html :
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
    ============================
    Blogger Template Style
    Name: Magazine Template R.1.3
    Designer: Rohman Abdul Manap
    URL: blogtemplate4u.com
    blogspottutorial.com
    Date: 13 April 2009
    ============================
    */

    /* Variable definitions

    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#000000">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#a9501b">
    <Variable name="linkhovercolor" description="Link Hover Color"
    type="color" default="#58a" value="#cc0000">
    <Variable name="pagetitlecolor" description="Blog Title Color"
    type="color" default="#666" value="#ffffff">
    <Variable name="descriptioncolor" description="Blog Description Color"
    type="color" default="#999" value="#ffff66">
    <Variable name="titlecolor" description="Post Title Color"
    type="color" default="#c60" value="#191919">
    <Variable name="titlehovercolor" description="Post Title Hover Color"
    type="color" default="#c60" value="#11593C">
    <Variable name="bordercolor" description="Border Color"
    type="color" default="#ccc" value="#e6e6e6">
    <Variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#999" value="#333333">
    <Variable name="bgwidgetcolor" description="Widget Background Color"
    type="color" default="#fff" value="#f7f7f7">
    <Variable name="navcolor" description="Navigation text Color"
    type="color" default="#fff" value="#cccccc">
    <Variable name="commentcolor" description="Comment text Color"
    type="color" default="#fff" value="#000000">
    <Variable name="footercolor" description="Footer text Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="bgwrapcolor" description="Wrapper background Color"
    type="color" default="#fff" value="#f7f7f7">
    <Variable name="pagetitlefont" description="Blog Title Font"
    type="font" default="normal normal 350% Georgia, Times New Roman" value="normal normal 350% Georgia, Times New Roman">


    <Variable name="headerfont" description="Sidebar Title Font"
    type="font" default="normal normal 85% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 93% Arial, sans-serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 100% Arial, sans-serif">

    <Variable name="startSide" description="Side where text starts in blog language"
    type="automatic" default="left" value="left">
    <Variable name="endSide" description="Side where text ends in blog language"
    type="automatic" default="right" value="right">
    */


    *{
    margin:0;
    padding:0;
    }


    /* remove this line to appear blogger navbar */

    /* hide navbar start */

    #navbar-iframe {
    display : none;
    height : 0;
    visibility : hidden;
    }

    /* hide navbar end */

    body {
    background:$bgcolor url(http://lh4.ggpht.com/_pt7i0nbIOCY/Se...gif?imgmax=800) no-repeat left top;
    width: 100%;
    color: $textcolor;
    font-family: Arial, Tahoma, Verdana;
    font-size:12px;
    margin: 0;
    padding: 0;
    }

    a, a:visited {
    color: $linkcolor;
    text-decoration: none;
    }

    a:hover {
    color: $linkhovercolor;
    text-decoration: underline;
    }

    a img {
    border-width: 0;
    }

    #wrap {
    width: 960px;
    margin: 40px auto 20px;
    padding: 0;
    line-height: 18px;
    word-wrap: break-word;
    font-family: Arial, Tahoma, Verdana;
    font-size:12px;
    overflow: hidden;
    background:#fff;
    border-right:1px solid #221717;
    border-left:1px solid #221717;
    }

    #NavbarMenu {
    background:#1d1313 url(http://lh6.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) repeat-x center;
    width: 960px;
    height: 35px;
    color: $navcolor;
    margin: 0 auto;
    padding: 0;
    font: bold 8px Arial, Tahoma, Verdana;
    }

    #NavbarMenuleft {
    width: 650px;
    float: left;
    margin: 0;
    padding: 0;
    }

    #search {
    width: 240px;
    font-size: 11px;
    float: right;
    margin: 0;
    padding:0;
    }

    #nav {
    margin: 0;
    padding: 0;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #nav li a, #nav li a:link, #nav li a:visited {
    color: $navcolor;
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 9px 15px 8px;
    font: bold 11px arial, verdana, Times New Roman;
    border-right:1px solid #000;
    }

    #nav li a:hover, #nav li a:active {
    background:#000 url(http://lh6.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) repeat-x;
    color: #e6e1e1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
    }

    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background:#000;
    width: 150px;
    color: #fff;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    font: normal 13px arial, verdana, Times New Roman;
    }

    #nav li li a:hover, #nav li li a:active {
    color: #e0dbdb;
    padding: 7px 10px;
    background:#5c5858;
    }

    #nav li {
    float: left;
    padding: 0;
    }

    #nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding:10px;
    background:#000;
    border-bottom:3px solid #c30606;
    }

    #nav li ul a {
    width: 140px;
    }

    #nav li ul ul {
    margin: -32px 0 0 171px;
    padding:10px;
    background:#000;
    border-bottom:3px solid #c30606;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    }

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    #searchform {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    }

    #searchbox {
    padding:0;
    margin:0;
    }

    #search input{
    background: transparent;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 7px 0 0 10px;
    width: 178px;
    padding:3px 7px;
    border: 1px solid #605151;
    font: normal 10px arial, verdana, Times New Roman;
    }

    #search .btn{
    margin: 7px 0 0;
    padding: 0;
    width: auto;
    border:0;
    }


    /* header */

    #header-wrapper {
    background:#140d0d url(http://i41.tinypic.com/2zizvj8.jpg) no-repeat center top;
    width: 960px;
    font-size: 12px;
    margin: 0 auto 0;
    padding: 0;
    overflow: hidden;
    }

    #head-inner {
    width:400px;
    background-position: left;
    margin-left:0;
    margin-right: auto;
    padding-top:5px;
    float:$startSide;
    }

    #header {
    margin: 0;
    text-align: left;
    color: $pagetitlecolor;
    }

    #header h1 {
    color: $pagetitlecolor;
    margin: 0;
    padding: 25px 0 0 20px;
    text-decoration: none;
    font: $pagetitlefont;
    }

    #header h1 a, #header h1 a:visited {
    color: $pagetitlecolor;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

    #header h1 a:hover {
    color: $pagetitlecolor;
    }

    #header .description {
    color: $descriptioncolor;
    margin:0;
    padding: 7px 0 45px 30px;
    font: $descriptionfont;
    }

    #header img {
    margin-left:auto;
    margin-right: auto;
    }

    #headerright{
    width:480px;
    height:90px;
    float: $endSide;
    padding-top:7px;
    margin:0;
    text-align:left;
    font-size:12px;
    }

    #headerright a,
    #headerright a:hover,
    #headerright a:visited{
    color:$linkcolor;
    }


    /* ads bar for adsense and rss */

    #adsbar {
    background:#1d1313;
    width:960px;
    color: #fff;
    margin: 0 auto 0;
    padding: 0;
    height:32px;
    }

    #adsbar a,
    #adsbar a:visited {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    }

    #adsbar a:hover {
    text-decoration: underline;
    }

    .adslink {
    width: 750px;
    float: left;
    margin: 0;
    padding:4px 10px 6px 10px;
    }

    .rssbar {
    width: 150px;
    float: right;
    margin: 0;
    padding: 3px 10px 0 0;
    text-transform: capitalize;
    text-align: right;
    }

    .rssbar a img {
    border: 0;
    margin: 0 3px 3px 0;
    padding: 0;
    }


    /* adsense and featured columns */

    #featured {
    background:$bgwidgetcolor;
    margin:10px auto 0;
    padding:10px;
    width:918px;
    border:1px solid $bordercolor;
    word-wrap: break-word;
    overflow: hidden;
    font-size:13px;
    }

    #featured a,
    #featured a:visited {
    font-weight: normal;
    color: #000;
    text-decoration: none;
    }

    #featured a:hover {
    text-decoration: underline;
    }

    #featured p {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    }

    .featuredleft {
    width: 304px;
    float: left;
    margin: 0;
    padding:0;
    }

    .featuredleft img a, .featuredleft img {
    border:1px solid $bordercolor;
    margin: 0;
    padding: 1px;
    }

    .featuredright {
    width: 600px;
    float: right;
    margin: 0;
    padding:0;
    text-transform: capitalize;
    text-align: right;
    }

    .featuredright img a{
    margin: 0 3px 3px 0;
    padding: 0;
    }

    /* Slide Show tab View */

    #tabslide{
    width:600px;
    text-align:left;
    padding:0;
    margin:0;
    height:220px;
    }

    #tabslide h3,
    #tabslide h3 a{
    font-size:23px;
    padding:0;
    margin:0 0 10px;
    letter-spacing:.1em;
    }


    .tabslide blockquote {
    background: #e4e3e3 url(http://lh5.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat top left;
    margin: 0 25px 15px;
    padding: 40px 15px 10px 80px;
    }

    .tabslide blockquote p {
    margin: 0;
    padding: 0 0 15px;
    }

    .tabslide ol {
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 10px 0px;
    }

    .tabslide ol li {
    margin: 0px 0px 0px 27px;
    padding: 0px 0px 5px 0px;
    }

    .tabslide ul {
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 10px 0px;
    }

    .tabslide ul li{
    list-style-type: square;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 5px 25px;
    }

    .tabslide img{
    border:0;
    }

    .indentmenu{
    font: bold 11px Arial;
    width: 100%;
    color:#140d0d;
    background:transparent;
    text-align:right;
    }

    .indentmenu ul{
    margin: 2px;
    padding: 0;
    float: right;
    }

    .indentmenu ul li{
    display: inline;
    }

    .indentmenu ul li a{
    float: left;
    margin: 2px;
    color: #fff;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid #ccc;
    }

    .indentmenu ul li a:hover{
    background:#140d0d;
    }

    .indentmenu ul li a:visited{
    color: #fff;
    }

    .indentmenu ul li a.selected{
    color: #fff !important;
    padding-top: 6px;
    padding-bottom: 4px;
    border: 1px solid #000;
    background:#140d0d;
    }

    .tabcontentstyle{
    width: 450px;
    margin-bottom: 1em;
    padding:0;
    }

    .tabcontent{
    display:none;
    }


    @media print {
    .tabcontent {
    display:block !important;
    }
    }


    #empty {
    height:10px;
    clear:both;
    }

    /* main column or posting column */

    #main-wrapper {
    width: 670px;
    float: $endSide;
    word-wrap: break-word;
    overflow: hidden;
    }

    .main .widget {
    margin: 0 0 1.5em;
    padding: 0 0 1.5em;
    }

    .main .Blog {
    border-bottom-width: 0;
    }

    #datebar {
    width: 100%;
    height:35px;
    color: #000;
    margin: 0;
    padding: 0;
    }

    #datebar a,
    #datebar a:visited {
    text-decoration: none;
    color:#000;
    }

    #datebar a:hover {
    text-decoration: underline;
    }

    #datebarleft {
    width: 180px;
    float: left;
    margin: 0;
    padding:0;
    }

    #datebarright {
    width: 110px;
    float: right;
    margin: 10px 0 0 0;
    padding:0;
    text-align: right;
    }

    h2.date-header{
    margin:0;
    padding:9px 0 0;
    font-size:10px;
    font-family: Arial, Tahoma, Verdana;
    }

    .blog-title{
    margin: 0 0 5px;
    padding-left: 20px;
    }

    .breadcrumbs {
    padding:5px 5px 5px 0;
    margin: 0 0 5px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:4px double $bordercolor;
    }

    .post {
    background:$bgwidgetcolor;
    width: 630px;
    float: $endSide;
    margin: 0 8px 10px;
    padding: 10px;
    border: 1px solid $bordercolor;
    }

    .post h3, .post h3 a, .post h3 a:visited {
    color: $titlecolor;
    margin: 0;
    text-transform:capitalize;
    text-align:left;
    font: normal 26px Times, Tahoma, Verdana;
    }

    .post h3 a:hover {
    color: $titlehovercolor;
    text-decoration: none;
    }

    .post-body {
    margin: 0 0 .75em;
    line-height: 1.6em;
    }

    .post-timestamp{
    margin:0;
    padding:9px 0 0 26px;
    font-size:10px;
    font-family: Arial, Tahoma, Verdana;
    background:transparent url(http://lh4.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat left;
    }

    .comment-link {
    padding:9px 0 0 26px;
    margin:10px 0 0 0;
    font-size:10px;
    font-family: Arial, Tahoma, Verdana;
    text-transform: capitalize;
    background:transparent url(http://lh5.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat left;
    }

    .post img {
    padding: 10px;
    }

    .post blockquote {
    background: #e4e3e3 url(http://lh5.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat top left;
    margin: 0 25px 15px;
    padding: 40px 15px 10px 80px;
    }

    .post blockquote p {
    margin: 0;
    padding: 0 0 15px;
    }

    .post-body ol {
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 10px 0px;
    }

    .post-body ol li {
    margin: 0px 0px 0px 27px;
    padding: 0px 0px 5px 0px;
    }

    .post-body ul {
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 10px 0px;
    }

    .post-body ul li{
    list-style-type: square;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 5px 25px;
    }

    .comments {
    background:$bgwidgetcolor;
    float: $endSide;
    width: 630px;
    margin: 0 8px 10px 3px;
    padding: 10px;
    border: 1px solid $bordercolor;
    }

    #comments h4 {
    margin:0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    color: $commentcolor;
    padding-left:5px;
    font-size:13px;
    }

    #commentblock {
    width: 575px;
    background:#e4e3e3;
    text-align:left;
    padding: 15px 25px 10px 20px;
    margin: 10px 5px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    }

    #commentblock ol {
    list-style-type: square;
    margin: 0 0 10px 10px;
    padding: 0 0 10px 0;
    }

    .commentdate {
    font-size: 12px;
    padding-left: 0;
    }

    #commentlist li p {
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0;
    }

    .commentname {
    color: #333;
    margin: 10px 0;
    padding: 5px 5px 5px 0;
    }

    .commentinfo{
    clear: both;
    }

    .commenttext {
    background: #fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat bottom left;
    clear: both;
    margin: 20px 0 0 0;
    padding: 10px 10px 30px 10px;
    width: 560px;
    color: #000;
    }

    .commenttext-admin {
    background: #918e8e url(http://lh3.ggpht.com/_pt7i0nbIOCY/Se...png?imgmax=800) no-repeat bottom left;
    clear: both;
    margin: 20px 0 0 0;
    padding: 10px 10px 30px 10px;
    width: 560px;
    color:#000;
    }

    div.comment-form-block{
    width: 600px;
    margin: 0 auto;
    }

    #blog-pager-newer-link {
    float: $startSide;
    padding-left:5px;
    }

    #blog-pager-older-link {
    float: $endSide;
    padding-right:5px;
    }

    #blog-pager {
    text-align: center;
    }

    /* Sidebar Center Column */

    .middlecol {
    float: $startSide;
    margin: 0;
    padding: 0;
    }

    .middlecol p {
    margin: 0;
    padding: 0;
    }

    .middlecol .widget {
    width: 260px;
    background:$bgwidgetcolor;
    border:1px solid $bordercolor;
    margin: 0 0 10px 5px;
    padding:10px;
    }

    .middlecol img{
    padding:1px;
    border:1px solid $bordercolor;
    }

    /* Right Sidebar*/

    #sidebar-wrapper {
    float: $startSide;
    margin:0 0 0 8px;
    padding: 0;
    width: 281px;
    }

    .sidebar {
    line-height: 1.5em;
    }

    .sidebar .widget {
    background:$bgwidgetcolor;
    float:$startSide;
    width: 260px;
    margin: 0 0 10px 0;
    padding: 10px;
    border:1px solid $bordercolor;
    }

    .sidebar h2, .middlecol h2, .bottom h2{
    color: $sidebarcolor;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom:1px solid $bordercolor;
    }

    #sidebar p {
    margin: 0;
    padding: 0 0 0 10px;
    }

    .sidebar li,
    .middlecol li,
    .bottom li {
    background:url('http://lh5.ggpht.com/_pt7i0nbIOCY/SeKPZdtJrGI/AAAAAAAABxU/CdIs-DJ4LaE/listyle_thumb%5B7%5D.png?imgmax=800') no-repeat;
    list-style-type: none;
    margin: 0 0 5px;
    padding-left: 20px;
    }

    .sidebar ul,
    .middlecol ul,
    .bottom ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    .sidebar ul li,
    .middlecol ul li,
    .bottom ul li{
    background:url('http://lh5.ggpht.com/_pt7i0nbIOCY/SeKPZdtJrGI/AAAAAAAABxU/CdIs-DJ4LaE/listyle_thumb%5B7%5D.png?imgmax=800') no-repeat;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    border-bottom: 1px dashed $bordercolor;
    }

    /* Profile */

    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 8px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    padding: 4px;
    border: 1px solid $bordercolor;
    }

    .profile-data {
    margin:0;
    text-transform:uppercase;
    font-weight: bold;
    line-height: 1.6em;
    font-size: 11px;
    }

    .profile-datablock {
    margin:.5em 0 .5em;
    }

    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }



    /* bottom Column */

    #bottom {
    width: 960px;
    position: relative;
    clear:both;
    margin: 0 auto 10px;
    color:#000;
    float: left;
    padding: 0;
    }

    #leftbottom {
    width: 284px;
    float: left;
    margin:0 12px 0 10px;
    padding:7px 10px;
    background:$bgwidgetcolor;
    border:1px solid $bordercolor;
    }

    #middlebottom {
    width: 282px;
    float: left;
    margin:0;
    padding:7px 10px;
    background:$bgwidgetcolor;
    border:1px solid $bordercolor;
    }

    #rightbottom {
    width: 284px;
    float: right;
    margin:0 10px 0;
    padding:7px 10px;
    background:$bgwidgetcolor;
    border:1px solid $bordercolor;
    }

    /* Credits Column */

    #footer {
    background:#221717;
    width: 960px;
    height:35px;
    margin: 0;
    padding-top: 1px;
    }

    #copyright {
    float:$startSide;
    width:550px;
    padding-left:10px;
    }

    #copyright p{
    color: $footercolor;
    margin: 0;
    padding: 10px 0 0;
    font: 11px Arial, Tahoma, Verdana;
    }

    #credits {
    float:$endSide;
    color:$footercolor;
    width:300px;
    padding-right:10px;
    text-align:right;
    font: 11px Arial, Tahoma, Verdana;
    }

    #credits p{
    margin: 0;
    padding: 10px 0 0;
    }

    #credits a,
    #credits a:visited{
    color:$footercolor;
    text-decoration:none;
    }

    #credits a:hover{
    text-decoration:underline;
    }

    #headerright h2,
    .adslink h2,
    .featuredleft h2,
    .featuredright h2,
    .post-labels,
    .blog-icon,
    .feed-links{
    display:none
    }

    ]]></b:skin>


    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    #main-wrapper {
    width:372px;
    float:left;
    }

    .post {
    background:#f7f7f7;
    width:337px;
    float: left;
    margin: 0 0 8px 10px;
    padding: 10px;
    overflow:hidden;
    text-align:justify;
    border:1px solid #e6e6e6;
    }

    .post h3 {
    color: #000;
    text-transform: capitalize;
    margin: 0;
    padding: 2px 0;
    text-align:left;
    font: normal 20px Times, Tahoma, Verdana;
    border-top: 1px solid #ccc;
    }

    .post h3 a, .post h3 a:visited {
    color: #000;
    text-decoration: none;
    font: normal 20px Times, Tahoma, Verdana;
    }

    .post h3 a:hover {
    color: #11593C;
    }

    .post-body img{
    max-width:100px;
    padding:1px;
    float:left;
    margin:0 5px 1px 0;
    border: 1px solid #cadaef;
    }

    .post-timestamp,
    .reaction-buttons,
    .star-ratings,
    .post-backlinks,
    .post-icons, .post-labels{
    display:none;
    }

    </b:if>
    </style>

    <link href='http://lh3.ggpht.com/_pt7i0nbIOCY/SeNM_2d0ZVI/AAAAAAAAByQ/3KuqkB_yVbM/favicon_thumb%5B3%5D.png?imgmax=800' rel='shortcut icon'/>

    <script type='text/javascript'>
    //<![CDATA[
    //** Tab Content script v2.0- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
    //** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:
    // -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected
    // -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted
    // -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)
    // -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container
    //** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically
    //** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)

    ////NO NEED TO EDIT BELOW////////////////////////

    function ddtabcontent(tabinterfaceid){
    this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
    this.tabs=document.getElementById(tabinterfaceid). getElementsByTagName("a") //Get all tab links within container
    this.enabletabpersistence=true
    this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
    this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
    this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
    this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
    this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
    }

    ddtabcontent.getCookie=function(Name){
    var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
    if (document.cookie.match(re)) //if cookie found
    return document.cookie.match(re)[0].split("=")[1] //return its value
    return ""
    }

    ddtabcontent.setCookie=function(name, value){
    document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)
    }

    ddtabcontent.prototype={

    expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
    this.cancelautorun() //stop auto cycling of tabs (if running)
    var tabref=""
    try{
    if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttr ibute("rel")) //if specified tab contains "rel" attr
    tabref=document.getElementById(tabid_or_position)
    else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
    tabref=this.tabs[tabid_or_position]
    }
    catch(err){alert("Invalid Tab ID or position entered!")}
    if (tabref!="") //if a valid tab is found based on function parameter
    this.expandtab(tabref) //expand this tab
    },

    cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
    if (dir=="next"){
    var currentTabIndex=(this.currentTabIndex<this.hottabs positions.length-1)? this.currentTabIndex+1 : 0
    }
    else if (dir=="prev"){
    var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
    }
    if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
    this.cancelautorun() //stop auto cycling of tabs (if running)
    this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
    },

    setpersist:function(bool){ //PUBLIC function to toggle persistence feature
    this.enabletabpersistence=bool
    },

    setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
    this.selectedClassTarget=objstr || "link"
    },

    getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
    return (this.selectedClassTarget==("linkparent".toLowerCa se()))? tabref.parentNode : tabref
    },

    urlparamselect:function(tabinterfaceid){
    var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
    return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
    },

    expandtab:function(tabref){
    var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
    //Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
    var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
    this.expandsubcontent(subcontentid)
    this.expandrevcontent(associatedrevids)
    for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
    this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""
    }
    if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
    ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
    this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
    },

    expandsubcontent:function(subcontentid){
    for (var i=0; i<this.subcontentids.length; i++){
    var subcontent=document.getElementById(this.subcontent ids[i]) //cache current subcontent obj (in for loop)
    subcontent.style.display=(subcontent.id==subconten tid)? "block" : "none" //"show" or hide sub content based on matching id attr value
    }
    },

    expandrevcontent:function(associatedrevids){
    var allrevids=this.revcontentids
    for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
    //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
    document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allr evids[i]+",")!=-1)? "block" : "none"
    }
    },

    setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
    for (var i=0; i<this.hottabspositions.length; i++){
    if (tabposition==this.hottabspositions[i]){
    this.currentTabIndex=i
    break
    }
    }
    },

    autorun:function(){ //function to auto cycle through and select tabs based on a set interval
    this.cycleit('next', true)
    },

    cancelautorun:function(){
    if (typeof this.autoruntimer!="undefined")
    clearInterval(this.autoruntimer)
    },

    init:function(automodeperiod){
    var persistedtab=ddtabcontent.getCookie(this.tabinterf aceid) //get position of persisted tab (applicable if persistence is enabled)
    var selectedtab=-1 //Currently selected tab index (-1 meaning none)
    var selectedtabfromurl=this.urlparamselect(this.tabint erfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
    this.automodeperiod=automodeperiod || 0
    for (var i=0; i<this.tabs.length; i++){
    this.tabs[i].tabposition=i //remember position of tab relative to its peers
    if (this.tabs[i].getAttribute("rel")){
    var tabinstance=this
    this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
    this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)
    this.tabs[i].onclick=function(){
    tabinstance.expandtab(this)
    tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
    return false
    }
    if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
    this.revcontentids=this.revcontentids.concat(this. tabs[i].getAttribute("rev").split(/\s*,\s*/))
    }
    if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
    selectedtab=i //Selected tab index, if found
    }
    }
    } //END for loop
    if (selectedtab!=-1) //if a valid default selected tab index is found
    this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
    else //if no valid default selected index found
    this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
    if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
    this.autoruntimer=setInterval(function(){tabinstan ce.autorun()}, this.automodeperiod)
    }
    } //END int() function

    } //END Prototype assignment

    //]]>
    </script>


    </head>
    <body>
    <div id='wrap'><div id='wrap2'>
    <div id='NavbarMenu'>
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li>
    <a href='#'>Page</a>
    <ul>
    <li>
    <a href='#'>Sub Page #1&#160;&#160;&#160;&#160;&#187;</a>
    <ul>
    <li><a href='#'>Sub Sub Page #1&#160;&#160;&#160;&#160;&#187;</a>
    <ul>
    <li><a href='#'>Sub Sub Sub Page #1</a></li>
    <li><a href='#'>Sub Sub Sub Page #2</a></li>
    </ul>
    </li>
    <li><a href='#'>Sub Sub Page #2</a></li>
    <li><a href='#'>Sub Sub Page #3</a></li>
    </ul>
    </li>
    <li><a href='#'>Sub Page #2</a></li>
    <li><a href='#'>Sub Page #3</a></li>
    <li><a href='#'>Sub Page #4</a></li>
    <li><a href='#'>Sub Page #5</a></li>
    </ul>
    </li>

    <li><a href='#'>About Me</a>
    <ul>

    <li><a href='#'>My Profile</a></li>

    </ul>
    </li>
    </ul>
    </div>

    <div id='search'>
    <form action='/search/' id='searchform' method='get' style='display:inline;'>
    <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot {this.value = &quot;&quot;}' type='text' value='Search...'/>
    <input class='btn' name='' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SeBeIhwWIAI/AAAAAAAABuI/qnddnU_5SZs/search_thumb%5B1%5D.png?imgmax=800' type='image' value='Go'/>


    </form>


    </div>
    </div>


    <div id='header-wrapper'>
    <div id='head-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Welcome To Juni0r Zone, Join And Enjoy this blog ! (Header)' type='Header'/>
    </b:section>
    </div>
    <div id='headerright'>
    <b:section class='headerright' id='headerright' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='Clock' type='HTML'/>
    </b:section>

    </div>
    </div> <!-- end header-wrapper -->

    <div id='adsbar'>
    <div class='adslink'>
    <b:section class='adslink' id='adslink' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML4' locked='true' title='adsense link 728px X 15px' type='HTML'/>
    </b:section>
    </div>
    <div class='rssbar'>
    <p><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='http://lh4.ggpht.com/_pt7i0nbIOCY/SeEwDBfW27I/AAAAAAAABug/aCI6Ko6MFbg/rss_thumb%5B1%5D.png?imgmax=800' style='vertical-align:middle'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts</a>

    <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><img alt='Subscribe to Comments' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SeEwDBfW27I/AAAAAAAABug/aCI6Ko6MFbg/rss_thumb%5B1%5D.png?imgmax=800' style='vertical-align:middle;margin-left:10px;'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments</a></p>
    </div>
    </div><!-- end adsbar -->


    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <div id='featured'>
    <div class='featuredleft'>
    <b:section class='featuredleft' id='featuredleft' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML2' locked='true' title='adsense 300px X 250px' type='HTML'/>
    </b:section>
    </div>

    <div class='featuredright'>
    <div class='tabslide' id='tabslide'>
    <b:section class='tabcontent' id='tab1' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML51' locked='true' title='tab 1 - Click &amp;gt;&amp;gt; Edit' type='HTML'/>
    </b:section>

    <b:section class='tabcontent' id='tab2' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML52' locked='true' title='tab 2 - Click &amp;gt;&amp;gt; Edit' type='HTML'/>
    </b:section>

    <b:section class='tabcontent' id='tab3' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML53' locked='true' title='tab 3 - Click &amp;gt;&amp;gt; Edit' type='HTML'/>
    </b:section>

    <b:section class='tabcontent' id='tab4' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML54' locked='true' title='Tab 4 - Click &amp;gt;&amp;gt; Edit' type='HTML'/>
    </b:section>

    <b:section class='tabcontent' id='tab5' maxwidgets='1' preferred='yes'>
    <b:widget id='HTML55' locked='true' title='Tab 5 - Click &amp;gt;&amp;gt; Edit' type='HTML'/>
    </b:section>
    </div><!-- end tab slide -->


    <div class='indentmenu' id='pettabs'>
    <ul>
    <li><a class='selected' href='#' rel='tab1'>1</a></li>
    <li><a href='#' rel='tab2'>2</a></li>
    <li><a href='#' rel='tab3'>3</a></li>
    <li><a href='#' rel='tab4'>4</a></li>
    <li><a href='#' rel='tab5'>5</a></li>
    </ul>
    </div>

    <script type='text/javascript'>

    var mypets=new ddtabcontent(&quot;pettabs&quot
    mypets.setpersist(true)
    mypets.setselectedClassTarget(&quot;link&quot
    mypets.init(4000)

    </script>

    </div>
    </div><!-- end featured -->

    </b:if>

    <div id='empty'/>

    <div id='content-wrapper'>
    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='no'/>
    </div>

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </div>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <div class='middlecol'>
    <b:section class='middlecol' id='middlecol' preferred='yes'>
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
    </b:section>
    </div></b:if>

    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
    <b:widget id='HTML1' locked='false' title='Kumpul Blogger Ads' type='HTML'/>
    </b:section>
    </div>

    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

    </div> <!-- end outer-wrapper -->


    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='bottom'>

    <b:section class='bottom' id='leftbottom' preferred='yes' showaddelement='yes'/>

    <b:section class='bottom' id='middlebottom' preferred='yes' showaddelement='yes'/>

    <b:section class='bottom' id='rightbottom' preferred='yes' showaddelement='yes'/>

    </div>
    </b:if>
    <div style='clear:both;'/>
    <div id='footer'>

    <div id='copyright'>

    <p>Copyright &#160;&#169;&#160; <data:blog.title/></p>
    </div>


    <div id='credits'>
    <!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact

    blogtemplate4u.com and blogspottutorial.com
    -->
    <p>Template by <a href='http://blogtemplate4u.com/' target='_blank'>Blog Template 4 U</a> | <a href='http://www.blogspottutorial.com/' target='_blank'>Blogspot Tutorial</a> | <a href='http://www.blogger.com' target='_blank'>Blogger</a></p>
    </div>

    </div>

    </div>
    </body>
    </html>

    Masih Belajar Main Dota
    BDG-Fareiy on Public Server

  4. #33
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    ^
    XML nya ga ada yang salah Boss udah saya check, kayaknya ada sesuatu ditemplatenya, klo boleh PM aja username dan passwordnya... btw, udah coba caranya Black Zero?

    ...ternyata emang banyak yang mengeluhkan soal bikin read more juga nih yang pake template jenis ini, td sempet keliling2.
    Last edited by Kurt.D.Cobain; 24-04-09 at 21:18.
    For Fun
    www.R-L.me

  5. #34
    2easy4insane's Avatar
    Join Date
    Aug 2007
    Location
    Bandung
    Posts
    2,416
    Points
    1.82
    Thanks: 1 / 1 / 1

    Default

    saya udah pm id sama passwordnya om kurt.

    tolongin yah

    Masih Belajar Main Dota
    BDG-Fareiy on Public Server

  6. #35
    Perfect's Avatar
    Join Date
    Nov 2006
    Location
    Batam , Indonesia , Earth
    Posts
    23,441
    Points
    2,247.40
    Thanks: 104 / 156 / 143

    Default

    asli
    sekian lama gw mencari tutorial buat pemula kayak begini
    dan baru kali ini gw terkejut liat ini thread
    komplit abis
    pasti gw coba ini
    thanks banget TS




  7. #36

    Join Date
    Jul 2012
    Location
    Semarang
    Posts
    32
    Points
    96.40
    Thanks: 17 / 0 / 0

    Default

    nice infonnya gan

  8. #37
    kie's Avatar
    Join Date
    Apr 2008
    Location
    7
    Posts
    1,738
    Points
    34.98
    Thanks: 61 / 55 / 52

    Default

    gila setelah gw cari" cara membuat blog

    akhirnya gw menemukannya dan gw bersyukur

    makasi banyak TS

  9. #38
    kejayuan's Avatar
    Join Date
    Jan 2007
    Posts
    294
    Points
    354.37
    Thanks: 0 / 4 / 3

    Default

    sebelumnya maap klo posting disini.
    bingung mau posting dimana lagi.
    baca tutorial didepan bingung sendiri.
    mencari digoogle, kata kunci selalu salah.
    yang nongol digoogle pun malah link jebakan betmen semua. (iklan doang, isi ga ada)

    sebelumnya maap lagi.
    ini bukan blog saya.
    dan bukan bermaksud promosi.
    tapi cuma sekedar contoh doang.
    daripada pake kata2 tanyanya, mending pake contoh langsung.
    biar lebih enak dan lebih gampang dimengerti (sebenernya karna saya bingung tanya nya gimana kalau pake kata kata.)

    lagi lagi sebelumnya maap.
    saya newbie banget di dunia blog.
    ngga ada basic sama sekali.
    anak akuntansi malah main blog2 yang disuruh edit2.
    jelas beda alam. beda aliran.

    ok, sekarang ke pertanyaan :
    saya pake template default.
    saya coba edit2 sendiri (tes template orang, di upload terus edit sendiri)
    hasilnya error.
    ngga bisa di save.

    http://idws-movies.blogspot.com/

    nah, saya mau kaya blog diatas.
    tapi...

    bukan untuk film.
    saya cuma mau tampilan kaya gitu.

    jadi saya pinginnya gini :
    1.Home ngga usah diapa-apain (recent post gitu).
    2. list of movie, genre, quality, info.. di ilangin. jadi tinggal home dan about us.
    3. di blog diatas, about us nya di klick ngga nongol apa apa. saya pengen ada tampilan disitu.. kaya contact2 dll.
    4.untuk genre yang disebelah kanan. genre nya di ganti.. (nanti saya pikirin sendiri kata2nya)..
    5. masih disebelah kanan.. yang genre.. di bawahnya kan ada action, adventure dll.. itu saya ganti, bisa ga.. (kata2nya saya pikirin lagi sendiri)
    tapi cuma 3 katagori..
    (kata2 katagori yg udah saya pikirin, pengetahuan umum, software, dan tips and trik)
    6. masih disebelah kanan yang genre.. yg di paling bawah.. ada tulisan site info. itu didelete bisa ga.. di ganti dengan chatbox gitu..

    sorry kalau banyak tanya.
    saya udah bilang sebelumnya diatas.
    saya bingung baca tutorial di depan.
    terus google bingung kata kuncinya.
    dan beribu maap lagi, saya bingung posting dimana.

    makasih indogamers
    http://www.indogamers.com/signaturepics/sigpic37483_1.gif

  10. #39
    bguez's Avatar
    Join Date
    Aug 2011
    Location
    Surabaya
    Posts
    7,594
    Points
    698.49
    Thanks: 17 / 67 / 52

    Default

    sebelum beranjak dari hal pertanyaan gtu uda tau dasar2 membuat blog gak??
    klo uda tau dasar2nya membuat blog sih untuk mslh edit delete dan update yang di maksud pertanyaan km itu mah gampang..
    klo belom tau mending cari tau dolo dasar2 membuat blog pahami dolo..
    klo di jelasin di sini bisa panjang lebar..

  11. #40
    culils's Avatar
    Join Date
    Jul 2013
    Location
    on your face
    Posts
    87
    Points
    -3.99
    Thanks: 0 / 0 / 0

    Default

    Quote Originally Posted by bguez View Post
    sebelum beranjak dari hal pertanyaan gtu uda tau dasar2 membuat blog gak??
    klo uda tau dasar2nya membuat blog sih untuk mslh edit delete dan update yang di maksud pertanyaan km itu mah gampang..
    klo belom tau mending cari tau dolo dasar2 membuat blog pahami dolo..
    klo di jelasin di sini bisa panjang lebar..
    bener, sklian blajar HTML jga tuh !!

Page 3 of 3 FirstFirst 123

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •