Cara Membuat Efek Salju Berjatuhan di Blog

   Assalamualaikum pagi bro hari ini saya mau membuat artikel laginih kaliini saya mau membuat artikel demgan judul Cara Membuat Efek Salju Berjatuhan di Blog ya meski artikel seperti ini banyak beredar di searh egine seperti google tapi gak apa-apalah lumayan buat nambah jumblah artikel di blog saya yag sederhana ini dan buat mempersingkat waktu baik kita simak caranya di bawah ini,,,,,,

Cara Membuat Efek Salju Berjatuhan di Blog

1. seperti biasa mesuk ke akun blogger kalian masing-masing
2. pilih tataletak
3. pilih tambah gedget
4. lalu copy script dibawah ini dan pastekan di kolom yang tersedia
   
   <script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>
   
5. dan simpan gedget kalian

   Dah selesai sudah postingan hari ini mudah-mudahan artikel hari ini bermanfaat buat sobat wj blog di seluruh indonesia dan mungkin dilain kali kode script ini akan saya kembangkan lagi supaya banyak pilihan warna saljunya,terimakasih sudah berkunjung ke blog saya yang sederhana ini bila ada pertanyaan tulis di kotak komentar,dan sekian artikel hari ini salam blogger.

Continue reading

Share:

Views:

Cara Membuat Kotak Author atau Pesan Admin di Bawah Posting Blog

  Assalamualaikum wr wb pagin semua sahabat arifwj hari ini saya akan membuat artikel yang berjudul Cara Membuat Kotak Author atau Pesan Admin di Bawah Posting Blog yang akan saya beri tahukan cara memasangnya di artikel ini.  Kotak author adalah kotak yang berisi pesan dari admin atau si pembuat blog yang berada di bawah postingan blog yang bentuknya kira-kira seperti gambar di bawah ini

dan yaaaa kurang lebih seperti itu gambaran dari judul saya diatas ya tak usah berlama-lama lagi langsung kita liat caranya di bawah ini.

1. seperti biasa masuk kedasbor blog kalian masing-masing.
2. masuk ke menu template.
3. pilih edit html
4. cari kode ini ]]></b:skin> dan copy kode di bawah ini lalu pastekan di atas kode ]]></b:skin>
   
   .admin-tulisan{
       display:block;
       width:auto;
       background:#666666;
       border:2px solid #000000;
       box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
       padding:0;
       margin:30px 0 10px 0;
       font:normal 12px Arial, Sans-Serif;
       color:#ffffff;
       }
       .admin-tulisan .kontainer{padding:5px;}
       .admin-tulisan h4{
       background:#ff0000;
       border:none;
       border-bottom:1px solid #ffffff;
       color:#fff;
       text-transform:normal;
       text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
       font:bold 12px Arial,Sans-Serif;
       padding:5px 10px;
       margin:0 0 0 0;
       display:block;
       }
       .admin-tulisan h4 a{color:#FEEA83;}
       .admin-tulisan img{
       width:70px;
       height:70px;
       margin:0 10px 0 0;
       float:left;
       border:1px solid #954B02;
       padding:2px;
       background:#C36702;
       box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
       }
   
5. dan setelah itu cari lagi kode yang mirip seperti ini <div class='post-footer'> dan pastekan kode di bawah ini tepat di atas kode  <div class='post-footer'>
   
   <!-- Kotak Admin -->
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div class='admin-tulisan'>
       <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Deskripsi Blog sobat</h4>
       <div class='kontainer'>
       <img src='http://3.bp.blogspot.com/-FMUCJ0MUryU/UVqu74grIuI/AAAAAAAABPI/ayRPA5E4qOE/s1600/2f5840d5b5dccb94_m.jpg'/>
       Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari<data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
       <p>
   <textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='
   http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-pesan-admin.html
   /' target='_blank'>:: Get this widget ! ::</a></span></p>
       <div style='clear:both;'/>
       </div>
       </div>
       </b:if>
       <!-- Kotak Admin -->
   
6. dan pratinjau template blog kalian apakan ada kesalahan kalau tidak ada kesalahan simpan template kalian.

keterangan:
untuk nomer 4 edit kode warna sesuai keinginan sobat
untuk nomer 5 edit tulisan
                    biru dengan descripsi blog sobat
                    hijau dengan url gambar sobat
                    merah kata-kata yang sobat inginkan


  Ya sekian artikel hari ini mudah-mudahan bermanfaat buat sobat semua,dan jika ada pertanyaan tolong berkomentarlah dengan sopan di kolom komentar di bawah ini,dan salam blogger.

Continue reading

Share:

Views:

Cara Mengganti Home dan Posting Lama Dengan Angka

   Assalamualaikum wr wb siang semua hari ini saya akan memposting artikel tentang Cara Mengganti Home dan Posting Lama Dengan Angka buat kalian yang maih bingung caranya atau yang mau tau caranya aja silah kan liat caranya di bawah ini, dan tidak usah panjang lebar lagi langsung aja kita liat caranya di bawah ini dengan seksama.

Cara Mengganti Home dan Posting Lama Dengan Angka

1. seperti biasa masuk dulu ke dasbor blogger
2. masuk ke menu template
3. pilih edit html
4. dan cari kode ]]></b:skin>
5. setelah dapat kodenya copy kode di bawah ini dan pastekan di bawah kode ]]></b:skin>
   
   .showpageArea a {
   text-decoration:underline;
   }
   .showpageNum a {
   text-decoration:none;
   border: 1px solid #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageNum a:hover {
   border: 1px solid #cccccc;
   background-color:#cccccc;
   }
   .showpagePoint {
   color:#333;
   text-decoration:none;
   border: 1px solid #cccccc;
   background: #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageOf {
   text-decoration:none;
   padding:3px;
   margin: 0 3px 0 0;
   }
   .showpage a {
   text-decoration:none;
   border: 1px solid #cccccc;
   padding:3px;
   }
   .showpage a:hover {
   text-decoration:none;
   }
   .showpageNum a:link,.showpage a:link {
   text-decoration:none;
   color:#333333;
   }
   
   
6. dan langsung cari kode </body> dan copy kode dibawah ini dan taruh di bawah kode </body>
   
   <!--Page Navigation Starts-->
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   
   <script type='text/javascript'>
   
   var pageCount=5;
   
   var displayPageNum=5;
   
   var upPageWord =&#39;Previous&#39;;
   
   var downPageWord =&#39;Next&#39;;
   
   </script>
   
   <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
   
   </b:if> </b:if>
   
   <!--Page Navigation Ends -->
   
   
7. dan pratinjau template kalian jika tidak ada kesalahan simpan template kalian

  Dah selesai artikel kali ini semoga artikel hari ini bisa membantu sobat semua dan membuat blog ini terkenal,terima kasih telah berkunjung ke blog saya,jika ada pertanyaan berkomentarlah di kotak komentar yang tersedia.

Continue reading

Share:

Views: