Instructions For Using The HTML Templates The best way to make these templates work for you is to open
them up in an HTML editor like Microsoft FrontPage.
(Dreamweaver or HomeSite works just as well). While I still believe
Microsoft
FrontPage is the best, if you
don't own or want to buy it, you can use my
free HTML software.
FrontPage has gotten a lot of bad press over the years
because it used to add extraneous code and was very sub par
compared to the other editors.
However, I've been using their most recent version on my
site, 2CreateAWebsite.com, and it works just fine. In fact,
I love it!
Apparently, Microsoft listened to the negative feedback and
greatly improved the software since its first release in
1998.
-----------------------------------------------------
USING THE TEMPLATES
1. Create a new folder on your PC and call it whatever you
want.
2. Open the zip folder you just downloaded. This contains
all the template files you need. Copy and paste all files
inside into the folder you just created.
Leave the folder structure "as is". So inside your new
folder, you should have an index.html file, a CSS folder
(for most) and an images folder.
3. Open your HTML editor of choice. Feel free to use
my free editor.
4. Use the "File", "Open" command and navigate to your new
folder where the template files are stored.
5. Open the file named index.html
6. Now you can begin editing and customizing the template to
your liking. ---------------------------------------------
GRAPHIC CUSTOMIZATION
To customize the graphics, I would recommend using either
Paint Shop Pro or Adobe Photoshop.
Order
Paint Shop Pro here.
Order PhotoShop here. --------------------------------------------- COLOR CUSTOMIZATION If you want to change up the colors of your text,
background, etc. I have some neat color generation
tools located here...
http://www.2createawebsite.com/build/hex-colors.html
--------------------------------------------- HTML TUTORIAL
If you need to learn or brush up on your HTML skills, here's a
free tutorial here...
http://www.2createawebsite.com/build/html.html
--------------------------------------------- ADD GOOGLE ADS & MAKE MONEY! Did you know you can add Google ads to your
web pages and earn money? I've been a member of Google Adsense since 2003 and
have earned quite a bit of money with this free program. To learn more about it go to...
http://www.2createawebsite.com/money/google-adsense.html
--------------------------------------------- NEED TO PUBLISH YOUR SITE? You can't publish your site to the internet unless
you have a web host and a domain name. For details on how to register a domain name go to...
http://www.2createawebsite.com/prebuild/register_domain.html
--------------------------------------------- Thank you for visiting my site and please don't
forget to keep checking back because there will be more
templates
added in the near future.
http://www.2createawebsite.com/build/templates.html
Good luck on your website. :-)
Lisa
Your Host and Webmaster
http://www.2CreateAWebsite.com
/* ---------------------------------------------------------------------- Blogger Template Style Name: Water Beads Designer: Isnaini URL: www.blogspottemplate.com Date: July 24, 2008 ---------------------------------------------------------------------- */ /* Variable definitions ==================== */ body { font: $bodyFont; text-align: center; margin: 0px; padding: 0px; color: $textColor; background: $bgColor; } #page { text-align: left; width: 780px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(http://i36.tinypic.com/mc69gk.jpg); background-repeat: repeat-y; } #header { height: 180px; margin: 0px; padding: 0px; background-image: url(http://i38.tinypic.com/zk4x1k.jpg); background-repeat: no-repeat; } .narrowcolumn { width: 520px; float: left; padding-left: 10px; } #sidebar{ font: $SBFontSize; width: 220px; position: static; top: 0px; color: $SBtextColor; background-color: $SBbgColor; border: 1px solid $SBbdColor; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; margin-left: 530px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar a { color: $SBLinkColor; } #sidebar .widget { margin-bottom: 1em; } #sidebar .widget-content { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #sidebar h2{ font-size: 12px; font-weight: bold; color: $sidebarTitleTextColor; font: $SBTitleFont; background-color: $sidebarTitleBgColor; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 4px 5px; } #kotakkanan{ margin: 0px; } #kotakkanan1{ margin: 0px; } #footer { padding: 0px; width: 780px; clear: both; height: 115px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: $footrTextcolor; background-image: url(http://i36.tinypic.com/2jffpv.jpg); } #footer a { color: $footrTextcolor; } #footer .widget { margin: 0px; padding-left: 20px; font-size: 10px; text-align: center; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%; } .post { padding: 5px; text-align: justify; margin: 5px; } .post-title { margin: 0; padding: 0; font: $PostTitleFont; line-height: 1.1em; padding-top: 4px; padding-bottom: 4px; text-align: left; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $postTitleTxtColor; font-weight: bold; } .post-title a:hover { text-decoration: none; color: $PostTitleHoverlinkColor; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; font-size: 10px; } .post-labels { font-size: 10px; } .post-labels a { color: $AltLinkColor1; text-decoration: none; } .post-footer .span { margin-right: .3em; font-size: 10px; } .post-footer { font-size: 10px; } .comment-link { margin-left: .3em; } .post blockquote { margin: 1em 20px; font-style: italic; } } .post blockquote p { margin: .75em 0; } .post img { margin-top: 4px; margin-right: 5px; margin-bottom: 0px; margin-left: 4px; padding: 6px; border: 1px solid $postImgBdColor; display: inline; } .post .pic{ float: right; border: 1px solid $postImgBdColor; text-align: center; margin-top: 5px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 180px; font-size: 9px; padding: 6px; font-family: Arial, Helvetica, sans-serif; display: inline; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: $dateHeaderColor; } #comments h4 strong { font-size: 90%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } small { font-family: Arial, Verdana, sans-serif; font-size: 9px; line-height: 11px; } h1, h2, h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite { text-decoration: none; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: $linkColor; text-decoration: none; } a:hover { color: $HoverlinkColor; text-decoration: underline; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } h2 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3 { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* lain ----------------------------------------------- */ .title h1{ color: $titleTextColor; font-size: 18px; text-align: center; font: $titleFont; } .title h1 a{ color: $titleTextColor; } .title{ margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; color: $titleTextColor; } .description { font-size: 12px; font-weight: bold; margin-left: 50px; margin-top: 10px; margin-right: 260px; color: $titleTextColor; } .kosong { clear: both; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { } html>body .entry li { list-style-type: square; padding: 0px; margin-left: 10px; } #sidebar ul, #sidebar ul ol, #sidebar ul { padding-left: 10px; margin-left: 10px; } #sidebar ul li { margin-bottom: 2px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol{ margin: 5px 0 0 5px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0px 0px; padding: 0px; } /* End Entry Lists */ .entry form { text-align:center; background-color: $SBbgColor; } select { width: 130px; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border: 1px solid $SBbdColor; } blockquote { margin: 15px 30px 0 10px; padding-left: 25px; font-family: Arial, Verdana, sans-serif; background-image: url(images/quote.gif); background-repeat: no-repeat; background-position: left top; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } form .button { border: 1px solid $SBbdColor; background-color: $SBbgColor; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; color: $sidebarTitleTextColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } #blog-pager-newer-link a, #blog-pager-older-link a, #home-link a { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hover { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #powered { color: $linkColor; text-align: center; padding: 4px; font-size: 10px } #powered a { color: $linkColor; }
,
1
BLOG_CMT_createIframe('
', '
');
(
)
1
:
:
google.load("annotations", "1", {"locale": "
"}); function initialize() { google.annotations.setApplicationId(
); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize);
(
)
(
)
(
)
▼
◄
►
(
)
(
)
Blogger Templates
by
Isnaini Dot Com
. Powered by
Blogger
and Supported by Ralepi.Com -
Motorcycle News
/* ---------------------------------------------------------------------- Blogger Template Style Name: Water Beads Designer: Isnaini URL: www.blogspottemplate.com Date: July 24, 2008 ---------------------------------------------------------------------- */ /* Variable definitions ==================== */ body { font: $bodyFont; text-align: center; margin: 0px; padding: 0px; color: $textColor; background: $bgColor; } #page { text-align: left; width: 780px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(http://i36.tinypic.com/mc69gk.jpg); background-repeat: repeat-y; } #header { height: 180px; margin: 0px; padding: 0px; background-image: url(http://i38.tinypic.com/zk4x1k.jpg); background-repeat: no-repeat; } .narrowcolumn { width: 520px; float: left; padding-left: 10px; } #sidebar{ font: $SBFontSize; width: 220px; position: static; top: 0px; color: $SBtextColor; background-color: $SBbgColor; border: 1px solid $SBbdColor; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; margin-left: 530px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar a { color: $SBLinkColor; } #sidebar .widget { margin-bottom: 1em; } #sidebar .widget-content { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #sidebar h2{ font-size: 12px; font-weight: bold; color: $sidebarTitleTextColor; font: $SBTitleFont; background-color: $sidebarTitleBgColor; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 4px 5px; } #kotakkanan{ margin: 0px; } #kotakkanan1{ margin: 0px; } #footer { padding: 0px; width: 780px; clear: both; height: 115px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: $footrTextcolor; background-image: url(http://i36.tinypic.com/2jffpv.jpg); } #footer a { color: $footrTextcolor; } #footer .widget { margin: 0px; padding-left: 20px; font-size: 10px; text-align: center; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%; } .post { padding: 5px; text-align: justify; margin: 5px; } .post-title { margin: 0; padding: 0; font: $PostTitleFont; line-height: 1.1em; padding-top: 4px; padding-bottom: 4px; text-align: left; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $postTitleTxtColor; font-weight: bold; } .post-title a:hover { text-decoration: none; color: $PostTitleHoverlinkColor; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; font-size: 10px; } .post-labels { font-size: 10px; } .post-labels a { color: $AltLinkColor1; text-decoration: none; } .post-footer .span { margin-right: .3em; font-size: 10px; } .post-footer { font-size: 10px; } .comment-link { margin-left: .3em; } .post blockquote { margin: 1em 20px; font-style: italic; } } .post blockquote p { margin: .75em 0; } .post img { margin-top: 4px; margin-right: 5px; margin-bottom: 0px; margin-left: 4px; padding: 6px; border: 1px solid $postImgBdColor; display: inline; } .post .pic{ float: right; border: 1px solid $postImgBdColor; text-align: center; margin-top: 5px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 180px; font-size: 9px; padding: 6px; font-family: Arial, Helvetica, sans-serif; display: inline; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: $dateHeaderColor; } #comments h4 strong { font-size: 90%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } small { font-family: Arial, Verdana, sans-serif; font-size: 9px; line-height: 11px; } h1, h2, h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite { text-decoration: none; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: $linkColor; text-decoration: none; } a:hover { color: $HoverlinkColor; text-decoration: underline; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } h2 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3 { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* lain ----------------------------------------------- */ .title h1{ color: $titleTextColor; font-size: 18px; text-align: center; font: $titleFont; } .title h1 a{ color: $titleTextColor; } .title{ margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; color: $titleTextColor; } .description { font-size: 12px; font-weight: bold; margin-left: 50px; margin-top: 10px; margin-right: 260px; color: $titleTextColor; } .kosong { clear: both; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { } html>body .entry li { list-style-type: square; padding: 0px; margin-left: 10px; } #sidebar ul, #sidebar ul ol, #sidebar ul { padding-left: 10px; margin-left: 10px; } #sidebar ul li { margin-bottom: 2px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol{ margin: 5px 0 0 5px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0px 0px; padding: 0px; } /* End Entry Lists */ .entry form { text-align:center; background-color: $SBbgColor; } select { width: 130px; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border: 1px solid $SBbdColor; } blockquote { margin: 15px 30px 0 10px; padding-left: 25px; font-family: Arial, Verdana, sans-serif; background-image: url(images/quote.gif); background-repeat: no-repeat; background-position: left top; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } form .button { border: 1px solid $SBbdColor; background-color: $SBbgColor; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; color: $sidebarTitleTextColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } #blog-pager-newer-link a, #blog-pager-older-link a, #home-link a { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hover { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #powered { color: $linkColor; text-align: center; padding: 4px; font-size: 10px } #powered a { color: $linkColor; }
,
1
BLOG_CMT_createIframe('
', '
');
(
)
1
:
:
google.load("annotations", "1", {"locale": "
"}); function initialize() { google.annotations.setApplicationId(
); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize);
(
)
(
)
(
)
▼
◄
►
(
)
(
)
Blogger Templates
by
Isnaini Dot Com
. Powered by
Blogger
and Supported by Ralepi.Com -
Motorcycle News
/* ---------------------------------------------------------------------- Blogger Template Style Name: Water Beads Designer: Isnaini URL: www.blogspottemplate.com Date: July 24, 2008 ---------------------------------------------------------------------- */ /* Variable definitions ==================== */ body { font: $bodyFont; text-align: center; margin: 0px; padding: 0px; color: $textColor; background: $bgColor; } #page { text-align: left; width: 780px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(http://i36.tinypic.com/mc69gk.jpg); background-repeat: repeat-y; } #header { height: 180px; margin: 0px; padding: 0px; background-image: url(http://i38.tinypic.com/zk4x1k.jpg); background-repeat: no-repeat; } .narrowcolumn { width: 520px; float: left; padding-left: 10px; } #sidebar{ font: $SBFontSize; width: 220px; position: static; top: 0px; color: $SBtextColor; background-color: $SBbgColor; border: 1px solid $SBbdColor; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; margin-left: 530px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar a { color: $SBLinkColor; } #sidebar .widget { margin-bottom: 1em; } #sidebar .widget-content { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #sidebar h2{ font-size: 12px; font-weight: bold; color: $sidebarTitleTextColor; font: $SBTitleFont; background-color: $sidebarTitleBgColor; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 4px 5px; } #kotakkanan{ margin: 0px; } #kotakkanan1{ margin: 0px; } #footer { padding: 0px; width: 780px; clear: both; height: 115px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: $footrTextcolor; background-image: url(http://i36.tinypic.com/2jffpv.jpg); } #footer a { color: $footrTextcolor; } #footer .widget { margin: 0px; padding-left: 20px; font-size: 10px; text-align: center; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%; } .post { padding: 5px; text-align: justify; margin: 5px; } .post-title { margin: 0; padding: 0; font: $PostTitleFont; line-height: 1.1em; padding-top: 4px; padding-bottom: 4px; text-align: left; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $postTitleTxtColor; font-weight: bold; } .post-title a:hover { text-decoration: none; color: $PostTitleHoverlinkColor; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; font-size: 10px; } .post-labels { font-size: 10px; } .post-labels a { color: $AltLinkColor1; text-decoration: none; } .post-footer .span { margin-right: .3em; font-size: 10px; } .post-footer { font-size: 10px; } .comment-link { margin-left: .3em; } .post blockquote { margin: 1em 20px; font-style: italic; } } .post blockquote p { margin: .75em 0; } .post img { margin-top: 4px; margin-right: 5px; margin-bottom: 0px; margin-left: 4px; padding: 6px; border: 1px solid $postImgBdColor; display: inline; } .post .pic{ float: right; border: 1px solid $postImgBdColor; text-align: center; margin-top: 5px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 180px; font-size: 9px; padding: 6px; font-family: Arial, Helvetica, sans-serif; display: inline; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: $dateHeaderColor; } #comments h4 strong { font-size: 90%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } small { font-family: Arial, Verdana, sans-serif; font-size: 9px; line-height: 11px; } h1, h2, h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite { text-decoration: none; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: $linkColor; text-decoration: none; } a:hover { color: $HoverlinkColor; text-decoration: underline; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } h2 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3 { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* lain ----------------------------------------------- */ .title h1{ color: $titleTextColor; font-size: 18px; text-align: center; font: $titleFont; } .title h1 a{ color: $titleTextColor; } .title{ margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; color: $titleTextColor; } .description { font-size: 12px; font-weight: bold; margin-left: 50px; margin-top: 10px; margin-right: 260px; color: $titleTextColor; } .kosong { clear: both; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { } html>body .entry li { list-style-type: square; padding: 0px; margin-left: 10px; } #sidebar ul, #sidebar ul ol, #sidebar ul { padding-left: 10px; margin-left: 10px; } #sidebar ul li { margin-bottom: 2px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol{ margin: 5px 0 0 5px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0px 0px; padding: 0px; } /* End Entry Lists */ .entry form { text-align:center; background-color: $SBbgColor; } select { width: 130px; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border: 1px solid $SBbdColor; } blockquote { margin: 15px 30px 0 10px; padding-left: 25px; font-family: Arial, Verdana, sans-serif; background-image: url(images/quote.gif); background-repeat: no-repeat; background-position: left top; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } form .button { border: 1px solid $SBbdColor; background-color: $SBbgColor; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; color: $sidebarTitleTextColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } #blog-pager-newer-link a, #blog-pager-older-link a, #home-link a { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hover { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #powered { color: $linkColor; text-align: center; padding: 4px; font-size: 10px } #powered a { color: $linkColor; }
,
1
BLOG_CMT_createIframe('
', '
');
(
)
1
:
:
google.load("annotations", "1", {"locale": "
"}); function initialize() { google.annotations.setApplicationId(
); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize);
(
)
(
)
(
)
▼
◄
►
(
)
(
)
Blogger Templates
by
Isnaini Dot Com
. Powered by
Blogger
and Supported by Ralepi.Com -
Motorcycle News
Green Canyon nama aslinya adalah Cukang Taneuh, terletak di Desa Kertayasa Kecamatan Cijulang, ± 31 km dari Pangandaran. Objek wisata ini merupakan aliran sungai Cijulang yang menembus gua dengan stalaktif dan stalaknit yang mempesona serta diapit oleh dua bukit dengan bebatuan dan rimbunnya pepohonan menyajikan atraksi alam yang yang khas dan menantang. Di mulut gua terdapat air terjun Palatar sehingga suasana di objek wisata ini terasa begitu sejuk. Kegiatan yang dapat dilakukan diantaranya panjat tebing (rock climbing), berenang, bersampan sambil memancing. Untuk mencapai lokasi ini wisatawan dapat menggunakan perahu yang banyak tersedia di Dermaga Ciseureuh, baik perahu tempel maupun perahu kayuh. Objek wisata ini berdekatan degan objek wisata Batukaras serta Lapangan Terbang Nusawiru.
|
