Cara Membuat Daftar Isi Blog Sederhana

Mungkin ini cuman sebatas tips yang kecil dan pasti'y sahabat blogger sudah mengetahui'y lebih dulu dari pada saya,,, Yaaa,, walupun begitu saya tetap membagi'y untuk yang kurang mengetahui mengenai Cara Membuat Daftar Isi Blog Sederhana,,,

Dapat di tebak juga fungsi'y yaitu memudahkan kita untuk menemukan suatu topik dalam blog atau web milik kita. Seperti terlihat pada gambar dibawah ini:

Langsung saja disimak baik" cara'y:
1. Masuk ke akun blogger anda
2. Cari Rancangan > Elemen Laman
3. Kemudian cari Tambah Gatget (terserah sobat mau ditaruh dimana)
4. Kemudian pilih HTML/javascript
5. Tulis judul'y sesuai ke inginan sobat seperti contoh "Daftar Laman"
6. Kemudian CoPas kode di bawah ini:

<div style="overflow:auto;width:430px;height:130px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://rizki-khaizir.googlecode.com/files/ContentDI.js"></script><script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

7. Setelah selesai klik Simpan.


Kode JS yg bisa dipilih: 

• http://julak-project.googlecode.com/files/dafisiscroll%20.js
• http://rizki-khaizir.googlecode.com/files/ContentDI.js

Catatan : 

• Untuk warna merah bisa diganti dengan berapa lebar yang sobat mau, 
• Untuk warna Biru bisa diganti dengan ketinggian yang sobat mau, 
• Untuk warna Orange adalah jenis JS/ tampilan'y, dan 
• Untuk warna Kuning ganti dengan URL/nama situs sobat.

Semoga Bermanfaat ya,,,, 3:)

Mengganti Link Read More Dengan Gambar

Read More  siapa yang tidak tau tulisan yang sering terlihat di setiap postingan, nah kali ini saya akan memberi sedikit cara mengubah tulisan Read More dengan gambar, contoh'y pada gambar yang sudah saya siapkan ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWDU7QeI6vguFv_l8IRxd1qwhgDyFPHsRGgI9zZcXM1oX85cc4sidJ5kf_LlQwfs_2jUtgSvHuXvTov0sRl-_Ma-jrchn8TAP5vJ78mwXTgk3-toF-FkNXtOa-8voFaLnmr_CC6qoYLYR/h120/Ferryxz+Yamato+II+copy+copy.png


Langsung saja dilihat cara'y.


Pertama 1

• Login ke akun blog sobat
• Cari Rancangan > Edit HTML
• Klik "Download Full Template" untuk membackup template blog Anda, dan jgn lupa di centang "Expand widget template”
• Kemudian cari kode berikut :

           <b:if cond='data:blog.pageType != &quot;item&quot;'&gt;

           <div expr:id='"summary" + data:post.id'><data:post.body/></div>

           <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

           <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>

           </b:if>

           <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Ganti kode yang berwarna Biru dengan kode di bawah ini

          <a expr:href='data:post.url'><img src='URL gambar Read More blog Anda '/></a> 

Langkah 2

• Lihat terlebih dahulu Sebelum disimpan dengan "Pratinjau"
• Jika sukses siap deh di Simpan Template.

Semoga berhasil,,, <O><O>

Memberi Efek Bertaburan Salju Pada Blog

Kali ini saya akan memberikan sedikit tpis yang mungkin udah banyak yang memposting, yaa tidak ada salah'y jg saya memposting'y,, hehehe :p  Yah,,,, inilah Salju Yang Bertaburan yang mungkin dapat membuat para pengunjung blog ini merasa di daerah yang bersalju,, hehee..


Mungkin pada saat memasang Efet ini Blog sobat menjadi terasa berat, tp tx masalah buat para blogger untuk mempercantik blog'y sendiri,,,,


Langsung saja disimak baik" cara'y.

1. Login ke akun Blog sobat
2. Langsung saja cari Rancangan > Edit HTML, jangan lupa centang "Expand Template Widget"

3.Kemudian cari kode </head>, dan taruh kode dibawah ini tepat di atas kode </head>.

<script src='http://oketrik.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'></script>

4. Setelah itu Simpan Template.

Catatan: Mungkin di Blog saya kurang terlalu jelas terlihat salju'y karena background dan salju berwarna putih. 


Semoga berhasil,,,, <O><O>

Membuat Link Yang Aktif Menjadi Bergerak

Kali ini saya akan meberi sedikit penggaya untuk blog anda,, simak baik" yoo?? bila perlu siapkan dulu cemilan biar gx bolak balik,, hehehe,, :D 

Contohnya Seperti ini Ferryxz Yamato II

Yaaa,, langsung saja disimak caranya.

1. Tentunya login dulu ke blog sobat
2. Langsung saja cari Rancangan > Edit HTML
3. Ingatkan beri centang pada "Expand Template Widget"
4. Lalu CoPas ja kode dibawah ini, dan taruh dia atas kode </head> (gunakan Ctrl+F atau F3 untuk mempermudah pencarian)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;a&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>

• Selanjutnya klik Simpan Template.  <O><O>

Cara Membuat Footer Menjadi 3 Kolom

Kali ini saya akan memberi tau Cara Membuat Footer Menjadi 3 Kolom, dimana terkadang sering kehabisan tempat untuk menaruh widget di blog kita, disana disini penuh.
Nah sekarang jadikan 3 bagian saja footer'y. jika dilihat, template default Blogger cuman ada satu footer ja, kalau dijadiin 3kan makin bisa naruh" widget. Langsung saja disimak cara'y ni.

1. Login dulu ke akun Blogger anda
2. Cari Tata Letak > Edit HTML. Jangan lupa klik "Download Full Template" untuk membackup template blog anda.
3. Beri tanda centang pada "Expand Widget Template"
4. Kemudian CoPas kode berikut ini diatas ]]></b:skin> (tekan Ctrl+F atau F3 untuk mempermudah pencarian)

#footer-column-divide {

clear:both;

}

.footer-column {

padding: 10px;
}

5. Cari kode berikut ini.

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>


6. Setelah itu ganti kode "<b:section class='footer' id='footer'/>" dengan kode berikut ini.


<div id='footer-column-divide'>
<div id='footer1' style='width: 30%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 40%; float: left; 
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' 
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 30%; float: right; 
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' 
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>


7. Selanjutnya klik tombol Simpan Template. Jika berhasim maka footer blog anda akan menjadi 3 bagian.


Semoga Bermanfaat,, <O><O>

HTML

HTML ku yang sekarang

Expand Template Widget

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if> <meta content='Your Blog Description here!' name='description'/> <meta content='Your Keywords here!' name='keywords'/> <meta content='Author Name here!' name='Author'/> <meta content='Author Email Address here!' name='Email'/> <meta content='document' name='resource-type'/> <meta content='all' name='audience'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='id' name='language'/> <meta content='id' name='geo.country'/> <meta content='global' name='distribution'/> <meta content='1 days' name='revisit-after'/> <meta content='Indonesia' name='geo.placename'/> <b:skin><![CDATA[/* /* ----------------------------------------------- Blogger Template Style Name : Ferryxz Author : Ferryxz Edit Url : http://ferryxzyamato.blogspot.com/ Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#eeeeee"> <variable name="textcolor" description="Text Color" type="color" default="#333" value="#aeaeae"> <variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#256ead"> <variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#333333"> <variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#666666"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#000000"> <variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#dcd9d9"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#333333"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#256ead"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"> <variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"> <variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif"> <variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif"> <variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"> <variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"> */ #navbar-iframe{height:0;visibility:hidden;display:none} body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji5vMb3edyKu9ZOfFZmlAVvSXZ5n7JFQj54vKX-MtDMQRloc0U1jL0rD6I18M_ToPUOTyFtqipP9sd5hU19irTB1QGqvTerFPHWkuihZ0PjQEMXl_35eOEfLd3XpZJ6hxxBZ9SQ8K-ulaS/s1600/hd_wall_9822.jpg) ;color:$textcolor;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0} a:link{color:$linkcolor;text-decoration:none} a:visited{color:$visitedlinkcolor;text-decoration:none} a:hover{color:$titlecolor;text-decoration:none} a img{border-width:0} #header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_xU0G7RiToAJiGfigtI8P_p-sfGMPMAD4jkQTWExFFq0JHwLUZZCgXc7vv0PD96HbSsK7yYHsBYEzHwAVM9R7os12QFT0CISWq9hRVoUh8vsCNkr62vbN_dSIResnutFq3kRyfRsOT56G/s1600/wooden-background_facebook_timeline_cover.jpg)repeat-x bottom;width:1000px;border:0 solid $bordercolor;margin:0 auto} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:230px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0} #header2{float:right;width:728px;margin-right:10px;text-align:left;color:#555} .header .widget,.header2 .widget{margin:0 auto;padding:10px 0} #header h1{line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font:$pagetitlefont;margin:0 auto;padding:10px 5px .15em} #header a{color:$pagetitlecolor;text-decoration:none} #header a:hover{color:$pagetitlecolor} #header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto} #outer-header{background:transparant;width:1000px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0 auto} #blog-outer{background:#050505 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-G20ufqk7bTa1NzhkdGUiZBKHcGECEMkI-WE80lBpFRorJoI0Vb3Y7WoCkGIhyphenhyphens13aHJPGTTBpgwo1wl6Vlbjs0DfbyVZhY5m2BkA8Z0z8YT6mDOrqngqJzFHJZqfcc2DjoGJNOVab8/s1600/bg-outer.png) repeat-x top;width:971px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0 10px 0 0} #main-wrapper{padding-left:20px;width:630px;float:$startSide;word-wrap:break-word;overflow:hidden} #midle-wrapper{padding-left:10px;width:233px;float:$startSide;word-wrap:break-word;overflow:hidden} h2{font:$headerfont;line-height:1.4em;text-transform:uppercase;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em} h2.date-header{text-transform:none;font:normal 12px Arial;color:#fff;line-height:1.2em;margin:.1em 0} .post{background:#111;border:1px solid #6A6968;margin:.1em 0 .5em;padding:10px 15px} .post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-height:1.2em;color:#2482d6;margin:.25em 0 0;padding:0 0 4px} .post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700} .post h3 strong,.post h3 a:hover{color:$textcolor} .post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Q9qlRhXyDsPf5Okb9-ojsk-Ettfv59dcsHxco-I6dTUV78_FD37tsL8Oaf2Vd8-OOGzJDimvLPvadI3O-pI1X_y8WouxYSERWMqmDlt4F3JLiM4kQ2yOJewiA8EqURbqwIpwd2WwR4Ux/s1600/batas.gif) repeat-x scroll top;font:14px Arial;padding-top:6px;line-height:1.4em;margin:3.3em 0 .75em} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.1em} .post img,table.tr-caption-container{padding-top:4px;border:0 solid #ccc} .tr-caption-container img{border:none;padding:0} .post blockquote{font:italic 14px Georgia;color:#fff;letter-spacing:.001em;line-height:1em;float:left;margin:15px;padding:0 auto} .post blockquote p{margin:.75em 0} #comments h4{color:#aeaeae;font-size:16px;font-family:Tahoma, Arial, Verdana;font-weight:400;margin:0 0 5px;padding:0} #comments{background:#111;border:1px solid #232323;margin:0 0 10px;padding:15px 10px 10px} .deleted-comment{font-style:italic;color:gray} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:92px;height:26px;text-align:center;display:inline-block;color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifD_s0zQ7VR4alSt2icZxXlExXJY26597X5qY1PXZUrlEuUrIP3BchC7MKvlURw4eMuRyNpEcjcRWw2kEZh0R6uPgXOni4ocTcRI3Y3U7KOG5SeAqRF3qJEtp1CFAy_0cXu7_pnuhN9yU/s1600/pager-bg.png) no-repeat;font-size:11px;text-transform:lowercase;padding-top:8px;margin:0 10px} #blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0} .feed-links{clear:both;line-height:2.5em} #bottom-header{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn564wcB7wrgpB-XjyCLuEhSdN4C2RloUhrIA5C0uGBkLyUTn10IzL3LNMLmBJssSLtWkaKj3sk4mVV886AAnOzynSjc0HaoXoRe8D_QGvYJNQvLnKjplMMi9g6R9gMzGNnR9g1UlyuRk/s1600/bottomhead.png) no-repeat top;height:27px;width:1000px} .ads h2,.sidebar h2{font:bold 13px Arial;text-transform:none;color:#eee;line-height:1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-cRMwr6e6vT-CsBSgSRHmdjDrYLBLDoa3osS7_Sym78H9gWNFhCvl6paVUirAzbeXOOj3hr5-Yk4hVKcYLrEtMAcR3yyYLcOKnUXwgi1538aH_UJNJwiNKXw-CAmv9iO3pspQ9yaeFc/s1600/sidebar-bg.png) repeat-x top;margin:0 auto;padding:10px 10px 9px} .ads .widget{background:#212121;margin:0 0 8px;padding:0 auto} .sidebar .widget{margin:0 0 8px;padding:0 auto} .sidebar a:link,.sidebar a:visited{font:12px Arial;color:#ddd;text-decoration:none} .sidebar a:hover{color:#3c96e4} .sidebar .widget-content{margin:0 auto;padding:0} .sidebar{font:normal 12px Arial;color:#b5b5b5;line-height:1.4em} .sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny0ucKr_hy8HVjMe1n1GeOgi6WW6ppWmNSJWGa1JeyTK8oH-dSZruaj3BFGiWXVgOLPWPdJVXLVjy957j5_SGXYZsalOXXyBF220IhHdEKRbUlbF4-jd-4QTS4axMZPPSu8pBmyOHwWY/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.4em;margin:0;padding:3px 0 4px} .sidebar ul{background:#212121;border:1px solid #353535;list-style:none;margin:0;padding:3px 8px} .main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em} .main .Blog{border-bottom-width:0} .footer h2{font:bold 13px Arial;line-height:1.3em;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 auto;padding:5px 0} .footer{color:#2b2c2c;line-height:1.3em;font:normal 12px Arial} .footer ul{list-style:none;color:#888;margin:0;padding:0} .footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_bf1dOlaqHUxxIm8-cOXp1ZB0mbdObDJtJcWwvBwLgEQKD30Hok_GTFiWVIEr7v2l8ycqJs1EfkacidPcz1_O4BU-MxH2kLAlrRMcOApB_6Qc92dmykEuNV-cwnojKr387jwoG2ugjc/s1600/bg-bg.GIF) no-repeat 1px 6px;font:normal 11px Arial;text-indent:0;line-height:1.3em;border-bottom:0 dotted #ccc;margin:0;padding:1px 0 1px 14px} .footer a:link,.footer li a:visited{color:#fff;text-decoration:none} .footer .widget{border:0 solid $bordercolor;margin:0 0 12px} .profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px} .profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0} .profile-textblock{line-height:1.3em;margin:.5em 0} .profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em} .main-footer{background:#06359b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidLAnOErdolpoQebG6nyIPSoo5lBtWkrI4FjCmBfordXwGVeUxiqeoNWTvYcqm2auQsmooZhFlrPmTcbWmO4mkIryVS1n8RxbvkvIoswHxJEcvMC7H9vdwWRe0HBHtQG2dHmqoKBjNBD0/s1600/footer.png) repeat-x bottom;width:981px;border-bottom:1px solid #000;text-align:center;font:$bodyfont;margin:0 auto} #footer-wrapper{width:940px;text-align:left;font:$bodyfont;margin:0 auto;padding:0} #footer1-wrapper{width:300px;float:$startSide;word-wrap:break-word;overflow:hidden} #footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px} .credit-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSokXLcdhU7Fh3Cz9R9be8zfDn3UcMGBz3LRj9-9AE1KbxBJYBt7gKlu0U_zI40ox3vwKf2BflOsxDvCOzuwMnd3KKNpJ4f14u1K0EQCmYUwf6FmS4V_RETIArl4r9WyxdFKxNeooaiNc/s1600/sidebar-bg.png) repeat-x top;width:981px;margin:0 auto;padding:0 auto} .credit{width:960px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px} .credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none} #top-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8AClFlR94nCQXqLMFpvFUQ7SzBpQANWyBkEYZaRW31bwoY4gVpO77rDYDy_JUceLnO82uZ2ztX0PnPeDqh9rHetZOZ8kzS9Oo9SvUM8-f7uR0gP7F7zV_FJ0PuyLV_zNehJMmFbErD8VQ/s1600/sidebar-bg.png) repeat-x top;width:1000px;border-top:1px solid #001332;border-bottom:1px solid #001332;margin:0 auto;padding:0 auto} #topbar{width:1000px;height:27px;margin:0 auto} #top{width:100%} #top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#668dce;padding:7px 10px} #top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVWNIWvQLOK-C79TW-C5Eu014B-1VhbBkY3Lhlf1OyxWcKOhNpEfDHifc7qE61yF-KmdHV4bfX2t9iXKxOzcOPIbc8mxu9OP4qRqyp1Kk8TrvMhUVJsiZnCnhmr4PMK0nRI15eq1b55i4/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 24px 7px 10px} #top li{float:left;position:static;width:auto} #top li ul,#top ul li{width:170px} #top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #top li ul{z-index:100;position:absolute;display:none;background:#999;padding-bottom:0;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#999;color:#111} #top li:hover ul a,#top li.hvr ul a{color:#111;background-color:transparent;text-decoration:none} #top li ul li.hr{border-bottom:1px solid #aaa;border-top:1px solid #666;display:block;font-size:1px;height:0;line-height:0;margin:0} #top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none} #top a span,#top a.arrow span{font:bold 12px Arial;color:#ddd;display:block;line-height:16px;text-transform:uppercase} .headline-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKiwcGPKL-bH5H5GURZ2s1Z7diI-Sgpe4LhQmMtgnlWIUcOODbfMk1sGTEMG5a7BK7jsvZcpj9uyfmtZZRF47xPZyldwrEOJgRyA9PxSulknPlaajduSaxzvRz-G92EIIy72i3dxbTnQ/s1600/headline.png) repeat-x bottom;border-bottom:0 solid #444;width:1000px;height:22px;margin:0 auto;padding:0 auto} .headline{width:1000px;line-height:1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto} .headline a:hover{color:#eace12;text-decoration:underline} #searchbar{width:980px;height:40px;font-size:12px;font-family:Arial, Tahoma, Verdana;color:#ddd;font-weight:700;margin-bottom:8px;padding:0} #searchbarleft{width:290px;float:left;margin:0;padding:4px 0 0 10px} #searchbarmiddle{width:280px;float:left;margin:0;padding:3px 0 0} #searchbarright{width:180px;float:right;margin:0;padding:5px 0 0} #searchbarright1{width:190px;float:left;margin:0;padding:0} #searchbarform{display:inline;overflow:hidden;margin:10px 0 0} #searchbarformheader{margin:0} #cat{background:#eee;width:220px;color:#333;font-family:Arial, Tahoma, Verdana;display:inline;margin:1px;padding:2px} #subscribe{overflow:hidden;margin:0;padding:0 0 5px} #subbox{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUIE0IC4HUc4g5Codw8eyyj6ki09umoeLych1v-CUpLEjunn0Kc_megV0r6Q7B-GOfdodqqHYW1PwQCGnzr6NVXfUGmbXak9-2XlyGBatGxxeHA2Yp0Ln3HucToaycbEK_82D2BMFfkY/s1600/email.png) no-repeat scroll 4px center;font:bold 11px Sans-Serif;color:#ddd;text-decoration:none;border:1px solid #666;height:14px;width:170px;margin:0;padding:5px 0 4px 34px} #subbutton{background:#444;color:#ddd;font:11px Arial;font-weight:700;text-decoration:none;border:1px solid #666;margin-left:5px;padding:3px 5px} ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0} ul.isocial li{float:right;margin:0 5px;padding:0} ul.isocial li a{float:right;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiD5GPIqNOUO4qAjN_E8l94UKfVkoS0DGJNiKK7X_8jWOwq_rzxyMfmi3ccZpd82m3lrE6Xy9C1Xw-7bi3gKkiR29RjkUp1C0tKsoVwc4v3OvcPuzMiJi47Elokhs5APQ2IyNcJPoYhQA/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative} ul.isocial li a.rss{background-position:0 0} ul.isocial li a.rss:hover{background-position:0 -25px} ul.isocial li a.facebook{background-position:-25px 0} ul.isocial li a.facebook:hover{background-position:-25px -25px} ul.isocial li a.twitter{background-position:-50px 0} ul.isocial li a.twitter:hover{background-position:-50px -25px} ul.isocial li a.google{background-position:-75px 0} ul.isocial li a.google:hover{background-position:-75px -25px} ul.isocial li a.youtube{background-position:-100px 0} ul.isocial li a.youtube:hover{background-position:-100px -25px} .showpageOf{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVs5LDHcPQjpQ6V9yJt10Kc4Czqu30wtu7GYbVgP0JzeiH2Q4-rr_6GBDKXpGLVPoRXCcRwX3paeFzE0CsC-ySlL0bkwDBv1CJeoj8YLCasSdYssmr5Mn-tuAiwxRq5b0xDtilTL8RAo/s1600/navpage.png) repeat-x top;border:color:#fff;margin:2px;padding:3px 6px} .showpageNum a,.showpage a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVs5LDHcPQjpQ6V9yJt10Kc4Czqu30wtu7GYbVgP0JzeiH2Q4-rr_6GBDKXpGLVPoRXCcRwX3paeFzE0CsC-ySlL0bkwDBv1CJeoj8YLCasSdYssmr5Mn-tuAiwxRq5b0xDtilTL8RAo/s1600/navpage.png) repeat-x top;color:#fff;text-decoration:none;margin:2px;padding:3px 6px} .showpageNum a:hover,.showpage a:hover,.showpagePoint{background:#555;color:#fff;margin:2px;padding:3px 6px} .slide-wrapper{width:auto;float:left;word-wrap:break-word;overflow:hidden;margin:0 auto;padding:0 auto} #ads1-wrapper{padding-left:10px;width:650px;float:left;word-wrap:break-word;overflow:hidden} .ads1 .widget{margin:0;padding:0 0 5px} #ads-wrapper,#sidebar-wrapper,#footer3-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden} #comments-block .comment-author,.profile-datablock{margin:.5em 0} .widget-wrapper2{padding:10px} .widget-tab{background:#525252;font-family:Arial,Helvetica,sans-serif;padding:5px!important} .widget-tab ul{margin:0;padding:0 5px} .widget-tab ul li{list-style:none;padding-top:4px;padding-bottom:4px;font-size:12px} .widget-tab ul li:last-child{border-bottom:none} .widget-tab ul li a{text-decoration:none;color:#3e4346} .widget-tab ul li a small{color:#8b959c;font-size:9px;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0} .tab-content ul li a:hover{color:#eee} .tab-content ul li a:hover small{color:#baae8e} .active-tab{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikup1f9-KifkrVFmbqrqOMEz50cCj-tHgk3FbgZIWkio6jVIaK5zC6tR8Kv57Ky9cGhN6QIQN58DcAv9mLJW8YsPLgE86WL-CkiuzirdtkLc5PdFPJqoRfsvFHBKvDKbJ2lyfqZrJdl4E/s1600/sidebar-bg4.png) repeat-x scroll left bottom!important;color:#000!important} ul.tab-wrapper{margin:5px 0 4px;padding:0} ul.tab-wrapper li{border-bottom:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2jQk2GKPW6uIBQGJuIuqHEduAsDkP_UiCYU8KpA68akvqxWv58-sOAV48q5t0TH3QBEWiS140koCkqzIvcD2RBaTuCXJJ2doh0NDvivBzt_a6FoGCMenR6erDQ0clRLDstbZxbr4ZRU/s1600/tabber.png) repeat-x top;color:#FFF;cursor:pointer;display:inline;font-family:Arial;font-size:10px;line-height:2em;list-style-image:none!important;list-style-position:outside!important;list-style-type:none!important;margin-right:1px;text-align:center;text-decoration:none;text-transform:uppercase;padding:8px 12px} #related-posts{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Q9qlRhXyDsPf5Okb9-ojsk-Ettfv59dcsHxco-I6dTUV78_FD37tsL8Oaf2Vd8-OOGzJDimvLPvadI3O-pI1X_y8WouxYSERWMqmDlt4F3JLiM4kQ2yOJewiA8EqURbqwIpwd2WwR4Ux/s1600/batas.gif) repeat-x scroll bottom;float:left;width:100%;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font-family:Arial,sans-serif;font-weight:nomal;font-size:16px;color:#aeaeae;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#aeaeae;font-family:Arial,sans-serif;font-weight:400;font-size:13px} #related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6vBez1k4Gdiu1yuQDX_thLDSpc4FvX50ob_nHVzQTuivugngXSzPmPD8ih3Xo35DwvoaKmcOkHxp6XDXs9UnQQr15nAewltdoqMCpFN6bC9iCaTck1lkNYPJZ8a5r02kP9lxIQ5NnCw/s1600/arrow.gif) no-repeat 0 6px;line-height:1.6em;margin:0;padding:2px 0 2px 11px} #related-posts a:hover{color:#2482d6;text-decoration:none} #featuredContent{float:left;width:407px;margin-right:10px;display:inline} #featured-slider{position:relative;overflow:hidden;width:407px;height:245px} #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7yrph9O_4ECeRnGeTCB4zHiDMiJz3332XDJay_FZRL2x8rZ9Pr1dvczBAeB-sAtONLlMSBSoYXVpWv4Xx1U26LusrWJygFZeWzmN2obOEIdyCdyAhBcBDr9pXyVzSM-toPdsZGG5lADoO/s1600/transparant.png)} #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px} #featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px} #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1} #paginate-featured-slider{display:block;background-color:#050505;margin-bottom:0;padding:0 0 5px} #paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none} #paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px} #paginate-featured-slider img{padding-top:5px;background:#050505} #paginate-featured-slider a img{border-top:4px solid #050505} #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #2685d7} .postbox{width:233px;padding-bottom:10px} .postbox h1{font:bold 12px Arial;text-transform:none;line-height:1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh995vEC5Vn7i1FRA-8bwb7v7WQGgMNcNnm9qJZivqR51Ei4grFBo0LkaEFcR5m3soKJgPg1c3f2KbfYLU2vUpq1ru9vU879JWcABkXlUCGHsQRs9HTkGIh3QAs8aUyqQqDo2QnrGy8gJI/s1600/postbox.png) repeat-x bottom;margin:0 auto;padding:11px 10px} .postbox h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEI2c6FxHNBPx5RiUhLzD4XipnbN_CWca6CmPKen1g7ht85etpdwhzl0iT0bNV3dZoqxE9doFxUa7c6Wd608Zr1o79sLvMaa5I-ingHEvJqvOiw8WVGQuvDkZFeo-HQoQh8PazQxWOeug/s1600/transparant.png);position:absolute;width:211px;font-size:1em;font-weight:700;line-height:16px;text-transform:none;margin:78px 0 0;padding:5px} .postbox ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghES2mkRiwBcK8xgZE8_VfuRqwVYdLDzic5x_BmvCPKDvo7DtdYmFMG7qiz8tQEZAwkDeO_z3sWUxjU3be_XzxnJVQnqlpCZieS-jTWfASW28lpSPJ4jOZ62a3n46rHq4OQHVXKD-iFI8/s1600/arrowList_2.gif) no-repeat 0 0;font-size:1em;line-height:15px;padding:0 0 6px 12px} .boxcontent{background:#0a1e32 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6nEWao1VvNq5VXjvf7qYv_K7QoEVshLkkVgt_6ZF2ehdLRFN4VKDCH7QYmyscBO4amN56nrUlv9WQ-jq-ubiptOgjPteagBDz8BVTC3BnifDw0K_9p1u1Tjo_klN_nJ4Lg61sxMQzYk/s1600/postboxk.png) repeat-x top;padding:5px 6px 0} .boxcontent h5{color:#eee;margin:0;padding:0} .postbox h1 a,.postbox h1 a:visited,.postbox ul li a,.postbox ul li a:visited{color:#aeaeae} .more{font-weight:700;margin:5px 0} #top li:hover ul,#top li.hvr ul,.catbox-even .entry-excerpt,.bottomBox_wide img{display:block} #top li:hover a span,#top li:hover a.arrow span,.postbox h2 a,.postbox h2 a:visited{color:#fff} .slide .widget,.midle .widget,.sidebar4 .widget,.sidebar5 .widget,#related-posts .widget{margin:0;padding:0} #sidebar4-wrapper,#sidebar5-wrapper{padding-left:10px;width:320px;float:$startSide;word-wrap:break-word;overflow:hidden} .ads1 ul,.slide ul,.midle ul,.sidebar4 ul,.sidebar5 ul,#related-posts ul{list-style:none;margin:0;padding:0} .postbox h1 a:hover,.postbox h2 a:hover,.catbox-even h2 a:hover,.bottomBox h2 a:hover,.index a:hover{color:#256ead;text-decoration:none} .postbox ul li a:hover,#carousel ul li a.slider_title:hover,.catbox-even h1 a:hover,.catbox-even ul li a:hover,.bottomBox h1 a:hover,.bottomBox ul li a:hover{color:#256ead} .postbox ul,.catbox-even ul,.bottomBox ul{list-style:none;padding:0} .catbox-even h1 a,.catbox-even h1 a:visited,.bottomBox h1 a,.bottomBox h1 a:visited,.bottomBox ul li a,.bottomBox ul li a:visited{color:#ddd} .catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited,.bottomBox h2 a,.bottomBox h2 a:visited{color:#eee;text-transform:none} ]]></b:skin> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> #main-wrapper {width: 407px;padding-left:10px;} h2.date-header, .post-timestamp, .post-body, .post-footer, .feed-links {display:none} .post h3 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghES2mkRiwBcK8xgZE8_VfuRqwVYdLDzic5x_BmvCPKDvo7DtdYmFMG7qiz8tQEZAwkDeO_z3sWUxjU3be_XzxnJVQnqlpCZieS-jTWfASW28lpSPJ4jOZ62a3n46rHq4OQHVXKD-iFI8/s1600/arrowList_2.gif) no-repeat 0px 4px;font:normal 12px Arial;margin:0 0 0 5px;padding:4px 6px 4px 15px;line-height:1.3em;position:relative;} .post h3 a, .post h3 a:visited, .post h3 strong {color:#aeaeae;font-weight:normal} .post h3 strong, .post h3 a:hover {color:#256ead;} .post {background:none;border:none} .post {border-bottom:1px solid #222;margin:0px;padding:0px;} #blog-pager {font:normal 11px Arial;text-align:left;margin:6px 0 1px 0;padding:7px 0px 7px 0px;} </style> </b:if></b:if> <script type='text/javascript'> var relatedpoststitle="Related articles"; </script> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h2> "+relatedpoststitle+"</h2> ")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write(' <li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li> ");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul> ");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)}; //]]> </script> <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"> </div> ');this.feedcontainer=document.getElementById(c);this.itemcontainer=" <li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer==" <li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer==" <li>")?"</ul> ":"";this.feedcontainer.innerHTML=e}; var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div> ";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f==" <li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f==" <li>")?"</ul> \n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}}; //]]> </script> <style type='text/css'> .titlefield{text-decoration: none;} .labelfield{color:#666;font-size: 100%;} .datefield{color:#fff;font:normal 12px Arial;} #example1{width: 900px;height: 12px;border: 0px solid #aaa;padding: 0px;font:bold 12px Arial;text-transform:none;text-align:left;background-color:transparent;} code{color: #fff;} #example1 a:link, #example1 a:visited {color:#ffc416;text-decoration:none;} #example1 a:hover {color:#fff;text-decoration:none;} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> var starttab=0; var endtab=2; var sidebarname="sidebar"; </script> <script type='text/javascript'> //<![CDATA[ var home_page_tab=location.href;if(home_page_tab.indexOf("blogger.com")!=-1){var starttab=-1;var endtab=-1}var $jtab1=jQuery.noConflict();$jtab1(document).ready(function(){var a="<div class='widget-wrapper'> <ul class='tab-wrapper'></ul> ";for(i=starttab;i<=endtab;i++){$jtab1("#"+sidebarname+" .widget h2").eq(i).hide();$jtab1("#"+sidebarname+" .widget").eq(i).hide();$jtab1("#"+sidebarname+" .widget .widget-item-control").eq(i).hide()}$jtab1("#"+sidebarname+" .widget").eq(starttab).before(a);i=0;j=0;$jtab1("#"+sidebarname+" .widget > h2").each(function(){if(i>=starttab&&i<=endtab){var b=$jtab1(this).text();$jtab1("#"+sidebarname+" .tab-wrapper").append(" <li class='tab' id='tabid"+sidebarname+j+"'>"+b+"</li> ");j++}i++});i=0;j=0;$jtab1("#"+sidebarname+" .widget").each(function(){if(i>=starttab&&i<=endtab){$jtab1(this).attr({id:"widgtabid"+sidebarname+j});$jtab1(this).addClass("widget-tab");j++}i++});$jtab1("#"+sidebarname+" .tab").click(function(){$jtab1("#"+sidebarname+" .widget-tab").slideUp();$jtab1("#widg"+$jtab1(this).attr("id")).slideDown();$jtab1("#"+sidebarname+" .tab").removeClass("active-tab");$jtab1(this).addClass("active-tab")});$jtab1("#"+sidebarname+" .tab:first").click()}); //]]> </script> <script type='text/javascript'> //<![CDATA[ (function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel)div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ var featuredcontentslider={ //3 variables below you can customize if desired: ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"> <img src="loading.gif" /> Fetching slider Contents. Please wait...</div> ', bustajaxcache: true, //bust caching of external ajax page after 1st request? enablepersist: true, //persist to last content viewed when returning to page? settingcaches: {}, //object to cache "setting" object of each script instance jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually. this.turnpage(this.settingcaches[fcsid], pagenumber) }, ajaxconnect:function(setting){ var page_request = false if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken) try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else return false var pageurl=setting.contentsource[1] page_request.onreadystatechange=function(){ featuredcontentslider.ajaxpopulate(page_request, setting) } document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() page_request.open('GET', pageurl+bustcache, true) page_request.send(null) }, ajaxpopulate:function(page_request, setting){ if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){ document.getElementById(setting.id).innerHTML=page_request.responseText this.buildpaginate(setting) } }, buildcontentdivs:function(setting){ var alldivs=document.getElementById(setting.id).getElementsByTagName("div") for (var i=0; i<alldivs.length; i++){ if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv" setting.contentdivs.push(alldivs[i]) alldivs[i].style.display="none" //collapse all content DIVs to begin with } } }, buildpaginate:function(setting){ this.buildcontentdivs(setting) var sliderdiv=document.getElementById(setting.id) var pdiv=document.getElementById("paginate-"+setting.id) var phtml="" var toc=setting.toc var nextprev=setting.nextprev if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){ for (var i=1; i<=setting.contentdivs.length; i++){ phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> ' } phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '') pdiv.innerHTML=phtml } var pdivlinks=pdiv.getElementsByTagName("a") var toclinkscount=0 //var to keep track of actual # of toc links for (var i=0; i<pdivlinks.length; i++){ if (this.css(pdivlinks[i], "toc", "check")){ if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents) pdivlinks[i].style.display="none" //hide this toc link continue } pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link pdivlinks[i][setting.revealtype]=function(){ featuredcontentslider.turnpage(setting, this.getAttribute("rel")) return false } setting.toclinks.push(pdivlinks[i]) } else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next" pdivlinks[i].onclick=function(){ featuredcontentslider.turnpage(setting, this.className) return false } } } this.turnpage(setting, setting.currentpage, true) if (setting.autorotate[0]){ //if auto rotate enabled pdiv[setting.revealtype]=function(){ featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation this.autorotate(setting) } }, urlparamselect:function(fcsid){ var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index }, turnpage:function(setting, thepage, autocall){ var currentpage=setting.currentpage //current page # before change var totalpages=setting.contentdivs.length var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage) turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly return setting.currentpage=turntopage setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex this.cleartimer(setting, window["fcsfade"+setting.id]) setting.cacheprevpage=setting.prevpage if (setting.enablefade[0]==true){ setting.curopacity=0 this.fadeup(setting) } if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete) setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block") setting.onChange(setting.prevpage, setting.currentpage) } setting.contentdivs[turntopage-1].style.visibility="visible" setting.contentdivs[turntopage-1].style.display="block" if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[setting.prevpage-1], "selected", "remove") if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[turntopage-1], "selected", "add") setting.prevpage=turntopage if (this.enablepersist) this.setCookie("fcspersist"+setting.id, turntopage) }, setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between) var targetobject=setting.contentdivs[setting.currentpage-1] if (targetobject.filters && targetobject.filters[0]){ //IE syntax if (typeof targetobject.filters[0].opacity=="number") //IE6 targetobject.filters[0].opacity=value*100 else //IE 5.5 targetobject.style.filter="alpha(opacity="+value*100+")" } else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax targetobject.style.MozOpacity=value else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax targetobject.style.opacity=value setting.curopacity=value }, fadeup:function(setting){ if (setting.curopacity<1){ this.setopacity(setting, setting.curopacity+setting.enablefade[1]) window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50) } else{ //when fade is complete if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run) setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block") setting.onChange(setting.cacheprevpage, setting.currentpage) } }, cleartimer:function(setting, timervar){ if (typeof timervar!="undefined"){ clearTimeout(timervar) clearInterval(timervar) if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div setting.contentdivs[setting.cacheprevpage-1].style.display="none" } } }, css:function(el, targetclass, action){ var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig") if (action=="check") return needle.test(el.className) else if (action=="remove") el.className=el.className.replace(needle, "") else if (action=="add") el.className+=" "+targetclass }, autorotate:function(setting){ window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1]) }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name+"="+value }, init:function(setting){ var persistedpage=this.getCookie("fcspersist"+setting.id) || 1 var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index this.settingcaches[setting.id]=setting //cache "setting" object setting.contentdivs=[] setting.toclinks=[] setting.topzindex=0 setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1) setting.prevpage=setting.currentpage setting.revealtype="on"+(setting.revealtype || "click") setting.curopacity=0 setting.onChange=setting.onChange || function(){} if (setting.contentsource[0]=="inline") this.buildpaginate(setting) if (setting.contentsource[0]=="ajax") this.ajaxconnect(setting) } } //]]> </script> <script type='text/javascript'> //<![CDATA[ imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEKV0e_oTBaV9ohiRiDV0_dLKqjGiKClLObrupvKcVgE0KzYlzehPNO2wJL4t_VASLo_eoAwg-wJxkjzSkxN1SMOer9M59zJAlWIcDqC4-Nc0jnGElVFbLtsNmsKr9v1ct5LfyDztR2Q/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=100;summaryPost1=140;summaryTitle=25;numposts1=15;numposts2=4;numposts3=5;numposts4=5;numposts5=10;numposts6=5;numposts7=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd=' <li class="car"><div class="thumb"> <a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div> <p> <a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p> </li> ';document.write(trtd);j++}document.write('</ul> ')}function showrecentposts2(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts2;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;if(i==0){var trtd='<div class="boxcontent"> <div class="thumb"> <h2> <a href="'+posturl+'">'+posttitle+'</a></h2> <a href="'+posturl+'"><img width="221" height="120" src="'+img[i]+'"/></a></div> <h5> '+daystr+'</h5> <div class="more"> More </div> <ul>';document.write(trtd)}if((i>0)&&(i<numposts2)){var trtd=' <li><a href="'+posturl+'">'+posttitle+'</a></li> ';document.write(trtd)}j++}document.write('</ul> </div> ')}function showrecentposts3(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="contentdiv"> <a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"> <h2 class="featuredTitle"> <a href="'+posturl+'">'+posttitle+'</a></h2> <p> '+removeHtmlTag(postcontent,summaryPost)+'...</p> </div> </div> ';document.write(trtd);j++}}function showrecentposts4(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd=' <li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li> ';document.write(trtd);j++}}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts4<=json.feed.entry.length){maxpost=numposts4}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if(i==0){var trtd=' <li class="first"><div class="entry-thumb"> <a href="'+posturl+'"><img width="110" height="80" src="'+img[i]+'"/> </a></div> <h2 class="entry-title"> <a href="'+posturl+'">'+posttitle+'</a></h2> <div class="entry-meta"> <span class="meta-date">'+daystr+'</span></div> <div class="entry-excerpt"> <p> '+removeHtmlTag(postcontent,summaryPost)+'... <a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p> </div> </li> ';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd=' <li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li> ';document.write(trtd)}j++}}function showrecentposts6(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd=' <li><a href="'+posturl+'">'+posttitle+' </a></li> ';document.write(trtd);j++}}function showrecentposts7(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts6<=json.feed.entry.length){maxpost=numposts6}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if(i==0){var trtd='<div class="bottomBox_wide left"> <div class="thumb"> <a href="'+posturl+'"><img width="190" height="140" src="'+img[i]+'"/></a></div> <div class="featuredPost lastPost"> <h2 class="postTitle"> <a href="'+posturl+'">'+posttitle+'</a></h2> <p> '+removeHtmlTag(postcontent,summaryPost1)+'... <a href="'+posturl+'">Read More �</a></p> <div class="clear"> </div> </div> </div> <ul><div class="bottomBox_narrow right"> ';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd=' <li><a href="'+posturl+'">'+posttitle+' </a></li> ';document.write(trtd)}j++}document.write('</ul> </div> ')} //]]> </script> </head> <body> <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id='outer-header'> <div class='headline-wrapper'> <div class='headline'> <div style='float:left;padding:2px 5px 5px 10px;font:bold 12px Arial;color:#fff;text-transform:none;'> Latest Archive : </div> <div style='float:left;width:800px;padding:2px 0; position:relative; overflow:hidden;'> <script type='text/javascript'> var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new") cssfeed.addFeed("Headline News", "http://ferryxzyamato.blogspot.com/feeds/posts/default") cssfeed.displayoptions("date") cssfeed.setentrycontainer("div") cssfeed.filterfeed(10, "date") cssfeed.entries_per_page(1) cssfeed.init() </script> </div> </div> <div style='clear:both;'/> </div> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Ferryxz Yamato II (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'> <span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/> <div style='clear:both;'/> </div> <!-- end header-wrapper --> <div id='top-wrapper'> <div id='topbar'> <ul id='top'> <li><a href='/'><span>Welcome</span>Ferryxz</a></li> <li><a href='http://goo.gl/0jqApC'><span>Daftar Isi</span>My Blog</a></li> <li><a class='arrow' href='##'><span>Support</span>Contact Us</a> <ul> <li><a href='https://plus.google.com/u/0/101848765714861062713'>Goggle +</a></li> <li class='hr'/> <li><a href='https://www.facebook.com/ferryxz'>Contact on Facebook</a></li> <li class='hr'/> <li><a href='https://twitter.com/FerryxzRixz'>Contact on Twitter</a></li> </ul> </li> <li><a href='http://goo.gl/EP6ND4'><span>Dokumen</span>Tulisan</a></li> <li><a href='http://goo.gl/GWjVhm'><span>Blogger</span>Tips_Trik</a></li> <li><a href='##'><span>Hiburan</span>Games</a></li> <li><a class='arrow' href='##'><span>OS</span>Windows</a> <ul> <li><a href='##'>Win XP</a></li> <li class='hr'/> <li><a href='##'>Win 7</a></li> <li class='hr'/> <li><a href='http://goo.gl/3ikjgy'>Win 8</a></li> </ul> </li> <li><a href='http://goo.gl/DNlGkf'><span>Downloads</span>Hasil</a></li> <li><a href='http://goo.gl/0sAEaA'><span>Code Warna</span>Color</a></li> <li><a href='##'><span>Lain-Lain</span>Suka-Suka</a></li> </ul> <br class='clearit'/> </div> <div style='clear:both;'/> </div> <div id='bottom-header'/> </div> <div id='blog-outer'> <div id='wrap2'> <div id='searchbar'> <div id='searchbarleft'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form> </div> <div id='searchbarmiddle'> <b:section id='labelsmenu' maxwidgets='1'> <b:widget id='Label1' locked='true' title='Kategori' type='Label'> <b:includable id='main'> Topics : <select class='postform' id='cat' name='cat' onchange='location=this.options[this.selectedIndex].value;'> <option>Choose Categories</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select> </b:includable> </b:widget> </b:section> </div> <div id='searchbarright'> <form action='http://www.google.com/search' method='get' target='_blank'> <input name='sitesearch' style='display:none;' value='http://johny-storage.blogspot.com'/> <input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:120px;border:none;padding:3px 7px; font:12px Arial;color:#ddd; background:#444;border:1px solid #666;' type='text' value='Search ...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8IUSjbSmqsYntRAiztKqdwCUpzp3Iml-DhLrh3D1VhRMwvFgUHieYoKvNjLwgLooFEmBexVJBAh0CTF224-3zQFIuqXR0ZJLn2kaR25HyU0OMM4Pynt7rECFm0CZWrPCP8E-RFq9YE3s/s1600/search.jpg' style='padding:0px 3px;' type='image' value='Search'/> </form> </div> <div id='searchbarright1'> <ul class='isocial'> <li><a class='rss' href='http://ferryxzyamato.blogspot.com/feeds/comments/default' target='_blank' title='Subscribe via RSS'/></li> <li><a class='facebook' href='https://www.facebook.com/ferryxz' target='_blank' title='Become a Fan'/></li> <li><a class='twitter' href='https://twitter.com/FerryxzRixz' target='_blank' title='Follow Us'/></li> <li><a class='google' href='https://plus.google.com/u/0/101848765714861062713' target='_blank' title='Google Plus Profile'/></li> <li><a class='youtube' href='www.youtube.com' target='_blank' title='Watch The Video'/></li> </ul> </div> </div> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='content-wrapper'> <div id='main-wrapper'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType == "index"'> <div id='slide-wrapper'> <b:section class='slide' id='slide' preferred='yes'> <b:widget id='HTML6' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'> <b:includable id='main'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"> </div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("iframes-styles-bubble", function() { if (window.iframes && iframes.open) { iframes.open( '//www.blogger.com/navbar.g?targetBlogID\0756698572892851090521\46blogName\75Ferryxz+Yamato+II\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLACK\46layoutType\75LAYOUTS\46searchRoot\75http://ferryxzyamato.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://ferryxzyamato.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101848765714861062713\46vt\75-4077241782552724433', { container: "navbar-iframe-container", id: "navbar-iframe" }, { }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> </b:widget> </b:section> </div> <h2 style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWhI0VVKxY5-rxE9NaHZ3GHUv3VwDpIZrImQW4fu64Jn2_PpdIIjZApbSeL2htn8bk7bZVKRGT7Ubda1O_ZsYh960CYXjB006CFOq9LE9cLXdBxHP4Jwg3YIDJTsksK07ficKTW5LZXM/s1600/home.gif) no-repeat 3px 10px;margin:0;letter-spacing:-.001em; padding:8px 0 8px 25px; font:bold 13px Arial;color:#aaa; text-transform:uppercase;overflow:hidden;'> Latest Post</h2> </b:if></b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <b:includable id='main' var='top'> <b:if cond='data:top.showDummy'> <script expr:src='data:top.dummyUrl'/> </b:if> <b:if cond='data:mobileindex'> <!-- mobile index --> <div class='blog-posts hfeed'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isFirstPost == "false"'> </div> </b:if> <div class="mobile-date-outer date-outer"> <div expr:onclick='data:post.indexOnclick'> <b:include data='post' name='mobile-index-post'/> </div> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div> </b:if> </div> <b:else/> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div> </div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <b:if cond='data:mobile == "false"'> <div class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div> </div> </b:if> <data:adEnd/> </div> </b:if> <!-- navigation --> <b:if cond='data:mobile'> <b:include name='mobile-nextprev'/> <b:else/> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:if> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4> <data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <img src='http://3.bp.blogspot.com/--xW4OujM2JE/UAq8w-MIvwI/AAAAAAAAEVo/dVZSRSV46UE/s1600/PostAComment.png'/> <p> <strong>Tell us what you're thinking... !</strong></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='250' id='comment-editor' name='comment-editor' src='' width='600px'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <b:if cond='data:post.dateHeader'> <div class='mobile-index-date'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </div> </b:if> <div class='mobile-post-outer'> <div class='mobile-index-title-outer'> <h3 class='mobile-index-title entry-title'> <a href='javascript:void(0)'><data:post.title/></a> </h3> </div> <div> <div class='mobile-index-arrow'> <a href='javascript:void(0)'>›</a> </div> <div class='mobile-post-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </div> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </b:if> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'> <span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comment_count_picker'/> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'> <data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div style='background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;padding:4px 8px;margin:4px 0px;line-height:1.4em;'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <b:if cond='data:post.dateHeader'> <h2 class='date-header'> <span>Written By <data:post.author/> on <data:post.dateHeader/> | <data:post.timestamp/></span></h2> </b:if> <b:if cond='data:blog.pageType == "item"'> <div style='float:left;width:100%;padding:0;margin:10px 0 5px 0'> <div class='fb-like' colorscheme='dark' data-send='true' data-show-faces='false' data-width='450'/> </div> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:blog.pageType == "item"'> <div style='background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;padding:8px 0;margin:12px 0px;width:100%;float:left;height:20px'> <div style='float:right;padding-right:10px;'> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/> <a class='addthis_button_tweet'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div> <div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#eceaea;text-shadow: 1px 1px 1px #000'> <strong>Share this article</strong> : </div> </div> </b:if> <!-- Related Posts--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop> <script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> </b:if> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> <div class='post-share-buttons'> <b:if cond='data:post.sharePostUrl'> <b:include data='post' name='shareButtons'/> </b:if> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'> <data:post.dummyTag/></div> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p> <data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p> <data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4> <data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='midle-wrapper'> <b:section class='midle' id='midle' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML4' locked='false' title='Jam' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Stats1' locked='false' title='' type='Stats'> <b:includable id='main'> <b:if cond='data:title'><h2> <data:title/></h2> </b:if> <div class='widget-content'> <!-- Content is going to be visible when data will be fetched from server. --> <div expr:id='data:widget.instanceId + "_content"' style='display: none;'> <!-- Counter and image will be injected later via AJAX call. --> <b:if cond='data:showSparkline'> <img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/> </b:if> <b:if cond='data:showGraphicalCounter'> <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> <b:else/> <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> </b:if> <b:include name='quickedit'/> </div> </div> </b:includable> </b:widget> </b:section> <!--Page Navigation Starts--> <script type='text/javascript'> var pageCount=10; var displayPageNum=5; var upPageWord ='Previous Page'; var downPageWord ='Next Page'; </script> <script type='text/javascript'> //<![CDATA[ function showpageCount(n){var h=home_page_url;var f=new Array();var m=1;var c=1;var q=0;var s=0;var d=0;var e="";var a="";var o="";for(var l=0,k;k=n.feed.entry[l];l++){var r=k.published.$t.substring(0,19)+k.published.$t.substring(23,29);timestamp=encodeURIComponent(r);var t=k.title.$t;if(t!=""){if(q==0||(q%pageCount==(pageCount-1))){if(h.indexOf(timestamp)!=-1){m=c}if(t!=""){c++}f[f.length]="/search?updated-max="+timestamp+"&max-results="+pageCount}}q++}for(var g=0;g<f.length;g++){if(g>=(m-displayPageNum-1)&&g<(m+displayPageNum)){if(s==0&&g==m-2){if(m==2){a='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{a='<span class="showpage"><a href="'+f[g]+'">'+upPageWord+"</a></span>"}s++}if(g==(m-1)){e+='<span class="showpagePoint">'+m+"</span>"}else{if(g==0){e+='<span class="showpageNum"><a href="/">1</a></span>'}else{e+='<span class="showpageNum"><a href="'+f[g]+'">'+(g+1)+"</a></span>"}}if(d==0&&g==m){o='<span class="showpage"> <a href="'+f[g]+'">'+downPageWord+"</a></span>";d++}}}if(m>1){e=""+a+" "+e+" "}e='<div class="showpageArea"> <span style="display:none;COLOR: #f2f2f2;font-weight:normal;text-transform:none;border:1px solid #000;background:#253991;" class="showpageOf">Total Pages ('+(c-1)+")</span>"+e;if(m<(c-1)){e+=o}if(c==1){c++}e+="</div> ";var b=document.getElementsByName("pageArea");var j=document.getElementById("blog-pager");if(c<=2){e=""}for(var g=0;g<b.length;g++){b[g].innerHTML=e}if(b&&b.length>0){e=""}if(j){j.innerHTML=e}}function showpageCount2(r){var l=home_page_url;var k=new Array();var g=l.indexOf("/search/label/")!=-1;var d=g?l.substr(l.indexOf("/search/label/")+14,l.length):"";d=d.indexOf("?")!=-1?d.substr(0,d.indexOf("?")):d;var q=1;var e=1;var t=0;var v=0;var f=0;var h="";var a="";var s="";var c='<span class="showpageNum"><a href="/search/label/'+d+"?&max-results="+pageCount+'">';var l=home_page_url;for(var o=0,n;n=r.feed.entry[o];o++){var u=n.published.$t.substring(0,19)+n.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var w=n.title.$t;if(w!=""){if(t==0||(t%pageCount==(pageCount-1))){if(l.indexOf(timestamp)!=-1){q=e}if(w!=""){e++}k[k.length]="/search/label/"+d+"?updated-max="+timestamp+"&max-results="+pageCount}}t++}for(var j=0;j<k.length;j++){if(j>=(q-displayPageNum-1)&&j<(q+displayPageNum)){if(v==0&&j==q-2){if(q==2){a=c+upPageWord+"</a></span>"}else{a='<span class="showpage"><a href="'+k[j]+'">'+upPageWord+"</a></span>"}v++}if(j==(q-1)){h+='<span class="showpagePoint">'+q+"</span>"}else{if(j==0){h=c+"1</a></span>"}else{h+='<span class="showpageNum"><a href="'+k[j]+'">'+(j+1)+"</a></span>"}}if(f==0&&j==q){s='<span class="showpage"> <a href="'+k[j]+'">'+downPageWord+"</a></span>";f++}}}if(q>1){if(!g){h=""+a+" "+h+" "}else{h=""+a+" "+h+" "}}h='<div class="showpageArea"> <span style="COLOR: #000;" class="showpageOf">Pages ('+(e-1)+")</span>"+h;if(q<(e-1)){h+=s}if(e==1){e++}h+="</div> ";var b=document.getElementsByName("pageArea");var m=document.getElementById("blog-pager");if(e<=2){h=""}for(var j=0;j<b.length;j++){b[j].innerHTML=h}if(b&&b.length>0){h=""}if(m){m.innerHTML=h}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}; //]]> </script> <!--Page Navigation Ends --> </div> </b:if></b:if> <div id='ads-wrapper'> <b:section class='ads' id='ads' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho;height:300px;'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul class='hierarchy'> <li expr:class='"archivedate " + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == "rtl"'> ◄  <b:else/> ►  </b:if> </span> </a> </b:if> </b:if> </b:includable> </b:widget> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML7' locked='false' title='Share' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML1' locked='false' title='Ukuran Huruf' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML2' locked='false' title='Tukar Link' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='ads1-wrapper'> <b:section class='ads1' id='ads1' preferred='yes'/> </div> </b:if> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>  </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script> <div id='footer-wrapper'> <b:section class='footer' id='footer' preferred='yes'> <b:widget id='HTML5' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <div id='footer1-wrapper'> <b:section class='footer' id='footer1' preferred='yes'> <b:widget id='Followers1' locked='false' title='Silakan Ikuti' type='Followers'> <b:includable id='main'> <b:if cond='data:title != ""'> <b:if cond='data:codeSnippet != ""'> <h2 class='title'> <data:title/></h2> <b:else/> <b:if cond='data:totalFollowerCount != ""'> <h2 class='title'> <data:title/> (<data:totalFollowerCount/>)</h2> </b:if> </b:if> </b:if> <div class='widget-content'> <div expr:id='data:widget.instanceId + "-wrapper"'> <b:if cond='data:codeSnippet != ""'> <div style='margin-right:2px;'> <data:codeSnippet/> </div> <b:else/> <b:if cond='data:totalFollowerCount == ""'> <span class='item-control following-not-admin'> <b><data:failureSnippet/></b> </span> <span class='item-control blog-admin'> <b><data:adminFailureSnippet/></b> </span> <b:else/> <b:if cond='data:followingLinkPresent'> <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:followThisMessage/> </a> </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:stopFollowingMessage/> </a> </div> </b:if> <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> </div> </b:if> <!-- Relies on the js written out in navbar.gxp --> <b:loop values='data:followers' var='follower'> <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> </a> </div> </b:loop> <div class='clear'/> </div> <div class='followers-canvas profile-link'> <data:followersFooterMessage/> <span class='item-control following-not-admin'> <a expr:href='data:followersUri'> <data:viewAllMessage/> </a> </span> <span class='item-control blog-admin'> <a expr:href='data:manageFollowersUri'> <data:manageFollowersMessage/> </a> </span> </div> </b:if> </b:if> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div id='footer2-wrapper'> <b:section class='footer' id='footer2' preferred='yes'> <b:widget id='HTML9' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='footer3-wrapper'> <b:section class='footer' id='footer3' preferred='yes'> <b:widget id='HTML8' locked='false' title='Klik Link' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear:both;'/> </div> </b:if></b:if> <div class='credit-wrapper'> <div class='credit'> <div style='float:left;text-align:left;'> Copyright © 2013. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved </div> <div style='float:right;text-align:right;'> Template Created by <a href='##/'>Creating Website</a> Published by <a href='##'>Mas Template</a><br/> Proudly powered by <a href='http://www.blogger.com'>Blogger</a> </div> </div> </div> </div> <!-- end content-wrapper --> </div> </div> <!-- end blog-outer --> </body> </html>