Cara Membuat Halaman Out Off Topic Di Halaman Statis

How To Create A Out Off Topic Page In Static Page

Nazumi INC. - Apa sih halaman statis itu ? Halaman statis itu ya halaman yang berdiri sendiri, berbeda dengan posting. Ya walaupun cara penggunaanya hampir mirip.

Dalam membuat halaman 'Out Off Topic' seperti blog punya saya itu mudah kok, cukup ikuti langkah langkah dibawah ini :

1. Buka Blogger

2. Klik Menu Laman

3. Pilih Laman Baru

4. Judul Lamannya Ditulis 'Out Off Topic'

5. Taruh Kode Dibawah Ini Dalam Format HTML

 <div class="post-body entry-content" id="post-body-2579460390082844736">
<div style="text-align: center;">
</div>
<span style="font-size: large;"><b>Halaman 'Out Off Topic' ini sengaja kami buat untuk menampung komentar yang diluar topik 

pembahasan pada artikel yang kami bagikan.</b></span><br />
<span style="font-size: large;"><b><br />
</b></span> <span style="font-size: large;"><b>Maka dari itu kami berharap, komentar yang diluar topik kalian sampaikan disini. 

Tentu kami akan berusaha membalas komentar kalian satu persatu</b></span><br />
<span style="font-size: large;"><b><br />
</b></span> <span class="lovy"><b>Terima kasih</b></span><br />

<!-- Out Off Topic -->

<style scoped="" type="text/css">
body {background:#f2f2f2 url(http://3.bp.blogspot.com/-iudDE6k1KWI/VJi96iaDevI/AAAAAAAAA3E/0DxOuT8bhr4/s1600/volkswagen-bug-

classic-car-hd-wallpaper.jpg) fixed;
background-size: cover;}
#threaded-comment-form p .small-button:nth-child(3),#comment-form p .small-button:nth-child(3),#sidebar-wrapper,#menu-

wrapper,#header-wrapper,#menutop,.blogouter-wrapper,#footer-widgetfix {display:none;}
#post-wrapper {width:90%;float:none;margin:0 auto;}
.post-inner{padding:0;}
.small-button a, .small-button1 a{background-color:rgba(0,0,0,0.2);}
.post-outer {margin-top:25px;}
.post {padding:15px;margin-top:15px;background:rgba(255, 255, 240, 0.7);border-radius:5px;border:1px solid #ea5c35;box-

shadow:none;}
.post-body {color:#444;}
#footer-wrapper {background:rgba(255,255,255,0.9);border-top:none;}
#credit {color:#fff;}
#credit a {color:#fff;text-decoration:none;}
#credit a:hover {color:#fff;text-decoration:underline;}
.breadcrumbs{visibility:hidden;}
.post img {background:#fef6dd;border:1px solid #dccda0;border-radius:5px;}
span.lovy {background:#ff6553;color:#fff;padding:8px 12px;border-radius:3px;}
h3.post-title, h2.post-title, h1.post-title {padding:10px 20px;color:#ea5c35!important;
margin:-45px auto 45px auto;background:#fef6dd;width:300px;border-radius:3px;
border:1px solid #ea5c35 ;box-shadow:0 1px 3px rgba(234, 92, 53, 0.2);font-size:20px;
font-family:'Ruda';text-transform:uppercase;letter-spacing:2px;}
.paging-control-container {text-align:center;margin:0 0 0 25%;float:left;padding:20px;}
#content-wrapper{background-color:rgba(255,255,255,0.9);}
#outer-wrapper {background:transparent;}
.comment_body {margin:20px 0;background:#fff;padding:0;position:relative;border:8px solid #fff;
box-shadow:0 2px 5px rgba(0,0,0,0.2);}
#comments {background:transparent;}
.comment_body p{background:transparent;}
.comment_child .comment_body {background:#fdfdfd;}
.comment_name {color:#fff;}
</style>

<!-- End Of Out Off Topic -->

<div style="clear: both;">
</div>
</div> 

6. Publikasikan

Selesai, mudah kan ?

• Tweet
• Share
• Share
• Share
• Share

About Nazumi INC

Situs Yang Menyediakan Berbagai Informasi Mengenai, Blogger, Cartoon, Downloads, Education, Knowledge, Dan News.

Related Post