Webwereld

Miniblog

Gestart doorAugust6 reacties71 weergaven
Log in om mee te praten

7 berichten · pagina 1 van 1

August

Lid · Topicstarter

Berichten
7.179
Reputatie
1
Punten
3,01
Lid sinds
Laatst gezien
Hey,
Ik ben al ver met mn website, nu wil ik een soort miniblog.
Ik heb Tumblr al geprobeerd, maar dat ik toch niks.
Ik zoek een dienst, het liefst zonder reclame, waar ik simpel een blog kan maken,
en die blog op mn site zetten.
Blogspot is ook niks, daar kan ik namelijk nergens iets vinden over het op je site plaatsen ervan yummie.
Iemand suggesties?
Groet, August.
0
Semmiiee

Lid

Berichten
4.013
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
August schreef:
Hey,
Ik ben al ver met mn website, nu wil ik een soort miniblog.
Ik heb Tumblr al geprobeerd, maar dat ik toch niks.
Ik zoek een dienst, het liefst zonder reclame, waar ik simpel een blog kan maken,
en die blog op mn site zetten.
Blogspot is ook niks, daar kan ik namelijk nergens iets vinden over het op je site plaatsen ervan yummie.
Iemand suggesties?
Groet, August.
WordPress? pompom
0
Shahiem

Lid

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
WordPress is nice en uitgebreid. En toch ook simpel om te installeren
0
August

Lid · Topicstarter

Berichten
7.179
Reputatie
1
Punten
3,01
Lid sinds
Laatst gezien
Edit: Nee, dat is me teveel.
Ik wil gewoon zoiets als tumblr, niet dat je eerst alles moet downloaden enzo.
Ik vind het nice als je gewoon vanaf die site berichten kunt plaatsen.

Tumblr kan trouwens wel, als iemand me helpt met het maken van een super simpele layout.

Ik heb nu dit: http://augustk.tumblr.com/
Ik wil: De datum, het bericht.

Streep

Datum bericht

Streep

Etc.

Heel simpel, en het liefst een achtergrond met de kleurcode #e2f6fa
biggrin.
0
Kyron

Lid

Berichten
3.314
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nee, alleen beneden sponsored by wordpress, maar dat ziet er professioneel uit en valt niet op.
0
Christopher

Lid

Berichten
7.757
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
blogspot of gewoon je eigen systeempi
0
August

Lid · Topicstarter

Berichten
7.179
Reputatie
1
Punten
3,01
Lid sinds
Laatst gezien
t is gelukt!
Ik heb alleen een probleempje.
Zie hier: http://augustk.tumblr.com/
Ik wil hem helemaal links hebben, hoe doe ik dat?

Code in spoiler.
Spoiler tonen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- DEFAULT COLORS -->
    <meta name="color:Background" content="#e2f6fa"/>
    <meta name="color:Content Background" content="#e2f6fa"/>
    <meta name="color:Title" content="#666"/>
    <meta name="color:Description" content="#777"/>
    <meta name="color:Nav Links" content="#44A3E2"/>
    <meta name="color:Date" content="#ccc"/>
    <meta name="color:Post Title" content="#444"/>    
    <meta name="color:Text" content="#555"/>
    <meta name="color:Inline Link" content="#111"/>
    <meta name="color:Quote" content="#444"/>
    <meta name="color:Quote Source" content="#666"/>
    <meta name="color:Link Post" content="#666"/>
    <meta name="color:Conversation Background 1" content="#e2f6fa"/>
    <meta name="color:Conversation Background 2" content="#e2f6fa"/>
    <meta name="color:Conversation Border" content="#555"/>
    <meta name="color:Conversation Text" content="#000"/>
    <meta name="color:Caption" content="#888"/>
    <meta name="color:Content Decoration" content="#aaa"/>
    <meta name="color:Footer" content="#eee"/>
    <!-- END DEFAULT COLORS -->
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>{Title}{block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    
    <style type="text/css">
        body {
            background: {color:Background} url(http://august.s1.one2xs.com/images/contentbg.png);
            margin: 30px 0px 0px 340px;
            font: Normal 13px Arial, Helvetica, sans-serif;
            color: {color:Text};
        }

        #container {
            width: 410px;
                height: 100%;
            padding: 10px;
            background-color: {color:Content Background};
            border: 1px solid #ccc
}

#header h1 {
  font-size: 50px;
  margin: 0;
  letter-spacing: -1px;
  font-family: Georgia, serif;
}

#header h1 a {    
  color: #fff;
  text-decoration: none;
  text-shadow: #000 2px 2px 2px;
}


.pointy {
    position: relative;
    margin: 0px;
    margin-bottom:-5px;
    padding-left: 15px;
    padding-top: 15px;
    top: 4px;
        background:  url(http://static.twitter.com/images/arr2.gif) no-repeat 35px 0;
        }
        div#description {
                position:         relative;
            }

            div#description div {
    position:         absolute;
    font:             Normal 14px Georgia,"Times New Roman",serif;
    line-height:      15px;
    background-color: #e2f6fa;
    padding:          10px;
    color:            #e2f6fa;
    margin-top:       4px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: normal;
        font-size: 12px;    
        border: 1px solid #ccc;

}

        
        #nav {
            float: right;
            margin-bottom: 10px;
            font-size: 11px;
            white-spacing: nowrap;
        }
        
            #nav a {
                color: {color:Nav Links};
                font-weight: bold;
            }
            
            #nav .dim {
                filter: alpha(opacity=50); 
                -moz-opacity: 0.5; 
                opacity: 0.5;
                margin: 0px 0px;
            }

        h1 {
            color: {color:Title};
            margin: 0px 0px 10px 0px;
            font-weight: normal;
            font-size: 40px;
            letter-spacing: -1px;
        }

        h1 a {
            color: {color:Title};
            text-decoration: none;
        }
        
        #description {
            color: {color:Description};
            font-size: 9px;
            line-height: 18px;
            padding-right: 70px;
            margin-bottom: 5px;
        }
        
        .date {
            margin: 30px 0px 10px 0px;
            color: {color:Date};
            font-size: 18px;
            text-align: left;
            letter-spacing: -1px;
            text-transform: uppercase;
            border-bottom: solid 1px {color:Date};
        }

 .sideheader {
            margin: 30px 0px 10px 0px;
            color: #000000;
            font-size: 12px;
            text-align: left;
            letter-spacing: 0px;
            text-transform: uppercase;
            border-bottom: solid 1px {color:Date};
        }

a {
text-decoration: none;
color: #000000;
}

a:hover {
                text-decoration:  underline;
            }


img.avatar {
      width: 46px;
      height: 48px;
      padding: 2px;
      background: #fff;
      border: 1px solid #ccc;
    }


 .post-footer {
      color: {color:Post Footer Text};
      font-size: .8em;

    }

    .post-footer .permalink {
     margin-right: 1em; 
     
}

    .post-footer .permalink:hover {
      text-decoration: none;
    }
    
   
.post-footer p.reblogged {
        font-size:10px;
        color:#888888;
        padding:5px 0;
    }

        .post-footer p.reblogged a {
            text-decoration:none;
            background-repeat:no-repeat;
            background-position: left;
            padding:2px 0 2px 18px;
        }

              
        div.post {
            margin-bottom: 40px;
            position: relative;
        }

        div.post img.permalink {
            border-width: 0px;
            width: 23px;
            height: 9px;
            position: absolute;
            top: 5px;
            right: 5px;
            display: none;
        }

            div.post:hover img.permalink {
                display: block;
            }

       
        div.post h2 {
            font-size: 15px;
            color: {color:Post Title};
            margin: 0px 0px 5px 0px;
        }

        div.post h2 a {
            color: {color:Post Title};
            text-decoration: none;
        }
        
        a {
            color: {color:Inline Link};
        }
        
                  /* Regular Post */
            .post .regular {
                font-size:        12px;
                color:            {color:Text};
                line-height:      17px;
    
}

            .post .regular blockquote {
                font-style: italic;
            }
            
           /* Photo Post */
        div.post div.photo img {
            border-width: 0px;
        }

        div.post div.photo div.caption {
            font-size: 12px;
        
            margin-top: 0px;
            color: {color:Text};
        }
        
            div.post div.photo div.caption a {
                color: {color:Caption};
            }

             /* Quote Post */
        div.post div.quote {
            padding: 0px 30px 0px 30px;
        }
        
            div.post div.quote span.quote {
                font-size: 24px;
                color: {color:Quote};
            }

                div.post div.quote span.quote a {
                    color: {color:Quote};
                }

                div.post div.quote span.quote big.quote {
                    font: Bold 60px Georgia, serif;
                    line-height: 1px;
                    vertical-align: -23px;
                    opacity: 0.4;
                    -moz-opacity: 0.4;
                    filter: alpha(opacity=40);
                }

                    div.post div.quote span.quote big.quote a {
                        text-decoration: none;
                    }
        
            div.post div.quote div.source {
                font-size: 16px;
                color: {color:Quote Source};
            }

                div.post div.quote div.source a {
                    color: {color:Quote Source};
                }
            
           /* Link Post */
        div.post div.link {
        color: #666;
        font-size: 24px;
        letter-spacing: -1px;
    }

        div.post div.link a.link {
            color: #666;
            text-decoration: none;
            border-bottom: dotted 1px #666;
        }

        div.post div.link div.description {
            font-size: 12px; 
            letter-spacing: 0px;
            line-height: 17px;
         
}
           .post .link span.description blockquote {
                font-style: italic;
            }

           /* Conversation Post */
        div.post div.conversation ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px 0px 0px 1px;

            border-left: solid 5px {color:Conversation Border};
        }
        
            div.post div.conversation ul li {
                font-size: 12px;
                padding: 4px 0px 4px 8px;
                color: {color:Conversation Text};
                margin-bottom: 1px;
            }
        
                div.post div.conversation ul li span.label {
                    font-weight: bold;
                }
        
                div.post div.conversation ul li.odd {
                    background-color: {color:Conversation Background 1};
                }
        
                div.post div.conversation ul li.even {
                    background-color: {color:Conversation Background 2};
                }
            
           /* Audio Post */
        div.post div.audio div.caption {
            margin-top: 5px;
            color: {color:Caption};
            font-size: 12px;
           text-align: justify;
}

            div.post div.audio div.caption a {
                color: {color:Nav Links};
            }
        
        /* Video Post */
        div.post div.video div.caption {
            margin-top: 5px;
            color: {color:Caption};
            font-size: 12px;
            text-align: justify;
}
        
            div.post div.video div.caption a {
                color: {color:Caption};
            }

        
        #navigation {
            font-size: 11px;
            font-weight: bold;
        }
        
            #navigation a {
                color: {color:Text};
                text-decoration: none;
            }
            
            #navigation a:hover {
                text-decoration: underline;
            }
        
        #footer {
    margin-top: 11px;
    font-size: 12px;
    }
        
  #footer a {
                color: #000000;
            }
            

/* Search Styling */
.searchmatch{
background-color:yellow;
}
.searchresultbox{
}
.searchresultrow {
background:#e2f6fa;
font-family:verdana;
font-size:12px;
padding:5px;
margin-top:10px;
overflow:hidden;
}
.searchresultrow:hover {
cursor:pointer;
background:#FAFAFA;
}
.searchresultrow a {
font-weight:bold;
text-decoration:none;
}
.searchexcerpt {
color:#AAA;
font-size:10px;
}
.searchexcerpt span {
background:yellow;
font-size:10px;
}


{CustomCSS}

</style>

    <!--[if IE]>
        <style type="text/css">
            div.post div.quote span.quote big.quote {
                line-height: 40px;
            }
        </style>
    <![endif]-->
</head>
<body>

<!-- Just an important note: You may put the twitter badge or your own content above or below the search, but NOT anywhere in the search code. -->

<!-- Extra content can go above this line -->
<script src="http://www.thisismydevsite.com/tumblr.js"type="text/javascript"></script>

            <div class="searchbox" id="mainsearch"> 
         

                        <script type="text/javascript">Tumblr.searchBox()</script>   

        </div>
<!-- Extra content can go below this line -->
    
<!-- To enable the twitter badge, change the <username>s to your twitter username -->



<div id="twitter_div">
<ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<username>.json?callback=twitterCallback2&count=1"></script>


</div>
<div class="pointy"></div>



</div>
    <div id="container">
 
        {block:Posts}
            {block:NewDayDate}
      <div class="blogtitletwo">
        
      </div><div class="date">
                    {ShortMonth} {DayOfMonthWithZero}
                </div>
        {/block:NewDayDate}
            <div class="post">
              
                {block:Regular}
              <div class="regular">
                        {block:Title}{/block:Title}
                        {Body}
</div>
                 {/block:Regular}
                
                {block:Photo}
              <div class="photo">
                        {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
                        
                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}   
                        </div>
                {/block:Photo}
                
                {block:Quote}
                    <div class="quote">
                        <span class="quote">
                            <big class="quote"></big> {Quote}
                        </span>
                        {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
                    </div>
                {/block:Quote}
                
                {block:Link}
                    <div class="link">
                        &#187; <a href="{URL}" class="link" {Target}>{Name}</a>
                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}


                
                {block:Conversation}
                    <div class="conversation">
                        {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                        <ul>
                            {block:Lines}
                                <li class="{Alt}">
                                    {block:Label}<span class="label">{Label}</span>{/block:Label}
                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Conversation}
                
                {block:Audio}
                    <div class="audio">
                        {AudioPlayerBlack}
                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}
                
                {block:Video}
                    <div class="video">
                        {Video-500}
                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}
            </div>
    
<div class="post-footer">
         

 {block:RebloggedFrom}<p class="reblogged">Reblogged via, <a href="{ReblogParentURL}" style="background-image: url({ReblogParentPortraitURL-16});">{ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>


{/block:Posts}
        
             <div id="navigation">
          {block:PreviousPage}
                <a href="{PreviousPage}">previous</a> &nbsp;&nbsp;
            {/block:PreviousPage}
        
            {block:NextPage} <a href="{NextPage}">next &#187;</a>
            {/block:NextPage}        </p>
           page {CurrentPage} of {TotalPages} </p>
</div>
        
</div></body>
[/spoirler]

Edit: Kyron bedankt! Het is gelukt!
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren