Site Map

Cara Membuat Emotion Di Kotak Komentar

Gag lengkap kalau blogger tidak ada Emotion yang lucu di kotak komentar. Kali ini aku ingin berbagi "bagaimana sih Cara Membuat Emotion Di Kotak Komentar Blogger". 

Demo Emotion Komentar Buka dan Tutup

• OK, pertama-tama kamu masuk ke Blog kamu.
• Masuk ke Template lalu Edit HTML
• Lalu cari dengan F3 dengan kata kunci ]]></b:skin>
• Letakkan CSS ini tepat di atasnya

.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

• Setelah selesai cari lagi dengan F3 dengan kata kunci </body>
• Letakkan Script ini tepat di atasnya 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script src='http://not-remove-admin.googlecode.com/files/emotion-coment2.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Kasih spaci antar kalimat comment dengan simbol."; //]]> </script>

• Setelah itu Simpan dan coba anda koment di posting sobat.

Demikianlah Tutrial Cara Membuat Emotion Di Kotak Komentar semoga bermanfaat.

Bonus Animasi Download Windows 8 SM di Posting

 

Inilah yang ditunggu-tunggu para pengemar Template Windows 8 SM, Cara Buat Animasi Download Windows di Posting.

Animasi ini hanya bisa di Template ini. Jika kamu letakkan ditemplate lain harus ada CSS.

OK, Langsung aja. Rekan-rekan udah gag sabar ya,  

• Ini adalah Source kode Animasi Download.

<center> <a href='#santa-download'><img class='menu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2RGKexQce08JFRk8dGIgeAeqhVJp2q7wizndb4mo5pd-qcxEF8XsgKT_ZrAQzMN27Z3rKDBOPkRao8vsW6XyPyQUvGSKo23EEaWHoSSGeupyP3AthcbQ1yhJQXHNoMQvXwFp-wtpY9c/s200/download.png' title='File Download'/></a></center> <div class='sledsanta' id='santa-download'> <div class='santa-mars'> <ul id='navigation'><a href='#x' id='link-x'>X</a>Download Template Free</ul> <center> <table cellpadding='10' cellspacing='10'><tbody> <tr> <td align='left' valign='top' width='200'>File Windows 8 SM<br/> <a class='tombol-download' href='http://www.4shared.com/zip/BsxaA1WL/Windows_8_SM.html' target='_blank'>Server 1 [ 26 KB ] on 4shared</a><br/><br/> File Windows 8 SM Versi 2<br/><a class='tombol-download' href='http://www.4shared.com/zip/VjwNBGCw/Windows_8_SM_Versi_2.html' target='_blank'>Server 1 [ 26 KB ] on 4shared</a> <br/><br/> File Windows 8 SM Versi 3<br/><a class='tombol-download' href='http://www.4shared.com/zip/0wOFWTyR/Windows_8_SM_Versi_3.html' target='_blank'>Server 1 [ 29 KB ] on 4shared</a></td> <td>Hhihihi<br/> Pumpung gratis coy..<br/> <img class='menu' src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04254.gif' title='hahhahaha'/></td> </tr> </tbody></table> </center> </div> </div>

• Buat Posting Dahulu sampai selesai. Klik Tab HTML (karena kalau di Compose, nanti gak muncul)
• Setelah itu letakkan Source kode ini di paling bawah Posting , biar tidak error dan semburat.
• Kalau udah OK. Kamu bisa edit kayak diatas.
• Selesai dan Coba lihat posting kamu.

Note!

1. Jika kamu mau edit posting lagi, pertama settingan harus berada di format HTML jangan di Compose.
2. Jika kawatir error. Kamu bisa Copy Source Download dan Simpan di Dekstop /Flashdisk /Drive D PC.

Bonus Sitemap

Bonus ketiga yaitu Sitemap. Apasih itu sitemap...?
Sitemap yaitu Halaman Map yang menampilkan seluruh posting untuk memudahkan para pengunjung mencari artikel kita.

Demo

Ok. saya mau berbagi Bonus ketiga ini.

• Pertama kita membuat Laman Blog seperti Slide Show Foto tadi.
• Terus letakkan Source kode ini dengan format HTML
• Ganti http://santa-mars.blogspot.com/ dengan url sobat.

<style type="text/css">#dafis-acc{ font-family:"Arial", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;padding:2px 0; } .dafis-label{background:black; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: greenyellow; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-top:2px solid #e8b200; } .dafis-label:hover{ color:greenyellow;opacity:0.4; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; } .dafis-daf ol li a{ text-decoration: none !important; color:#fff !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background:#333; border-left: 5px #FF0000 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://not-remove-admin.googlecode.com/files/sitemap-page.js" type="text/javascript"> </script> <script src="http://santa-mars.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

Bonus Slide Show Foto

Ini aku kasih Bonus Slide Show Foto, untuk melengkapi Template yang kamu download. Untuk demo kamu bisa lihat disini.

Slide Show Foto ini nanti kamu letakkan di Laman Blogger. Oklah, saya kasih tutorial pasangnya.

• Masuk ke Blog kamu, klik Tab Laman
• Klik Laman Baru dan Pilih Laman kosong

• Ini Source Code Slide Show Foto, Pastekan dengan format posting HTML (jangan di klik Composenya, nanti aburadul dan gag jadi)

<style> h3,.post-title,#sidebar-right-1, #full-right, .header-outer, .post-footer,#jam-ngisor{display:none} .post-body, .post-outer{box-shadow:none;background:none} .post-body{position:fixed;left:0px;top:0px;width:100%;height:100%} .i-love-you{float:right;padding-bottom:30px;} </style> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ultra"> <link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/vegas/jquery.vegas.css"> <link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/jscrollpane/jquery.jscrollpane.css"> <link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/css/styles.css"> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/jquery.easing.js"></script> <script src="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/vegas/jquery.vegas.js"></script> <script src="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/jscrollpane/jquery.jscrollpane.min.js"></script> <script src="http://tympanus.net/Tutorials/FullscreenSlideshowAudio/js/buzz/buzz.js"></script> <script src="https://not-remove-admin.googlecode.com/files/gallery.js"></script> <div id="flash"> </div> <div id="title"> <script> /* <![CDATA[ */ document.write('<h1> M'+'y Ga'+'ll'+'ery</h1> '); document.write('<p class="i-love-you"> \x50\x69\x63\x74\x75\x72\x65\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x73\x61'+'\x6E\x74\x61\x2D\x6D\x61\x72\x73\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x53\x61'+'\x6E\x74\x61\x20\x4D\x61\x72\x73\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E'); /* ]]> */ </script> </div> <div id="thumbnails"> <ul> <li><a href="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash4/198320_418543048190253_14230647_n.jpg"><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash4/198320_418543048190253_14230647_n.jpg" title="Wisuda Sekolah"></a></li> <li><a href="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-ash4/293859_364216790289546_44258079_n.jpg"><img src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-ash4/293859_364216790289546_44258079_n.jpg" title="Futsal Kedok"></a></li> <li><a href="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash4/431632_351021194942439_1611930210_n.jpg"><img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash4/431632_351021194942439_1611930210_n.jpg" title="Futsal Panjen"></a></li> <li><a href="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/525925_421988844512340_501042269_n.jpg"><img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/525925_421988844512340_501042269_n.jpg" title="Peniwen"></a></li> <li><a href="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash4/417658_323416874369538_654492139_n.jpg"><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash4/417658_323416874369538_654492139_n.jpg" title="Lab sekolah" data-valign="top"></a></li> <li><a href="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-snc6/168766_175512725826621_3090803_n.jpg"><img src="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-snc6/168766_175512725826621_3090803_n.jpg" title="Pantai Sendang Biru" data-valign="top"></a></li> <li><a href="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/392259_310605315650694_2097084731_n.jpg"><img src="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/392259_310605315650694_2097084731_n.jpg" title="Indahnya Tak pakai baju"></a></li> <li><a href="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-snc7/421968_347209988656893_598402956_n.jpg"><img src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-snc7/421968_347209988656893_598402956_n.jpg" title="FU Nyeleh"></a></li> <li><a href="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-snc7/420476_321878284523397_948163302_n.jpg"><img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-snc7/420476_321878284523397_948163302_n.jpg" title="Perpisahan PSG"></a></li> </ul> <div id="pointer"> </div> </div> <div id="pause"> <a href="#">Paused</a></div> <div id="volume" class="all"> <a href="#">Sounds</a></div> <script src="http://tympanus.net/codrops/adpacks/csscustom.js"></script> <script src="http://tympanus.net/codrops/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>

• Lalu edit gambar dan judul Foto kamu

• Setelah selesai klik Simpan
• Enjoy

Itulah Bonus Slide Show Foto untuk kamu, semoga bermanfaat.

Tutorial Cara Edit Windows 8 SM Versi 3

Untuk yang masih bingung cara mengedit Template Windows 8 SM Versi 3. Saya akan coba kasih tutorial dengan gambar.

OK. Langsung ke misi...

• Setelah kamu selesai Upload dan memasukkan semua Gadged, kamu kunjungi Gadget benama JS
• Disitu ada url blog yang harus kamu ganti.

 

• Setelah itu kita masuk ke Template (Edit HTML) 
• Cari dengan CTRL+F dengan kata kunci </head>

 

• Sekarang lanjut di bagian bawahnya..yaitu Profil kamu

• Sekarang lanjut ke bagian bawahnya

• Selesai dah, Klik Pratinjau untuk melihat dulu apakah tidak ada yang eror.
• Jika sudah OK, kita Simpan.
• Enjoy. Yang lainnya bisa anda teruskan.

Note!

1. Jika kamu mau edit-edit lagi, saya sarankan di pratinjau dulu. biar gak banyak yang eror.