API tools faq
paste
Advertisement
Guest User

videoportal on blogger.com

a guest
Aug 20th, 2013
959
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.96 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <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'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <title><data:blog.pageTitle/></title>
  7. <b:skin><![CDATA[/*
  8. -----------------------------------------------
  9. Blogger Template Style
  10. Name: BloggerTube
  11. Developers: Mike Swat (www.hosted4free.de)
  12. ----------------------------------------------- */
  13.  
  14. /*---------------------------------------------
  15. CSS RESET
  16. ---------------------------------------------*/
  17.  
  18. #navbar-iframe {
  19. display: none !important;
  20. }
  21.  
  22. * {
  23. margin:0;
  24. padding:0;
  25. list-style:none;
  26. border:none;
  27. vertical-align:baseline;
  28. outline:none;
  29. }
  30.  
  31.  
  32. body {
  33. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/bodybg-5.gif) repeat scroll 0 0;
  34. font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
  35. font-size:12px;
  36. line-height:1.4em;
  37. color:#d8d8d8;
  38. text-align:center;
  39. }
  40. a:link {
  41. color:#fff;
  42. text-decoration:none;
  43. }
  44. a:visited {
  45. color:#fff;
  46. text-decoration:none;
  47. }
  48. a:hover {
  49. color:#fff;
  50. text-decoration:none;
  51. }
  52. a img {
  53.  
  54. }
  55.  
  56. /* Header
  57. -----------------------------------------------
  58. */
  59.  
  60. #crosscol-wrapper {
  61. -moz-border-radius:5px;
  62. -webkit-border-radius:5px;
  63. background:#7B7B7B url(http://i195.photobucket.com/albums/z105/dantearaujo/featuredbg.png) repeat-x scroll left bottom;
  64. height:360px;
  65. margin-bottom:16px;
  66. margin-right:16px;
  67. }
  68.  
  69.  
  70. #header-wrapper {
  71. height:120px;
  72. position:relative;
  73. line-height:120px;
  74. }
  75.  
  76. #header-inner {
  77. height:120px;
  78. }
  79.  
  80. #header {
  81. height:120px;
  82. }
  83.  
  84. #header h1 {
  85. color:#fff;
  86. font-family:helvetica;
  87. font-size:45px;
  88. font-weight:bold;
  89. letter-spacing:-4px;
  90. }
  91.  
  92. #header a {
  93. color:#fff;
  94. }
  95.  
  96. #header a:hover {
  97. color:#fff;
  98. }
  99.  
  100. #header .description {
  101. color:#fff;
  102. font-size:10px;
  103. left:0;
  104. height:20px;
  105. letter-spacing:0;
  106. position:absolute;
  107. text-transform:uppercase;
  108. top:35px;
  109. }
  110.  
  111. #header img {
  112.  
  113. }
  114.  
  115. /* Navigation
  116. ----------------------------------------------- */
  117.  
  118. #navigation-wrapper {
  119. -moz-border-radius:5px;
  120. -webkit-border-radius:5px;
  121. background:#770909 url(http://i195.photobucket.com/albums/z105/dantearaujo/h2bg-1.png) repeat-x scroll left top;
  122. border:1px solid #4c0202;
  123. height:40px;
  124. line-height:41px;
  125. margin-bottom:16px;
  126. width:980px;
  127. }
  128.  
  129. #navigation {
  130.  
  131. }
  132.  
  133. #navigation li {
  134. border-right:1px solid #4c0202;
  135. float:left;
  136. height:40px;
  137. padding:0 15px;
  138. }
  139.  
  140. #navigation li a {
  141. color:#ED8787;
  142. font-size:10px;
  143. text-transform:uppercase;
  144. }
  145.  
  146. #navigation li a:hover {
  147. color:#FFFFFF;
  148. text-decoration:none;
  149. }
  150.  
  151.  
  152. /* Outer-Wrapper
  153. ----------------------------------------------- */
  154. #outer-wrapper {
  155. margin:0 auto;
  156. text-align:left;
  157. width:980px;
  158. }
  159.  
  160. #main-wrapper {
  161. float:left;
  162. width:670px;
  163. }
  164.  
  165. #sidebar-wrapper {
  166. float:left;
  167. width:310px;
  168. }
  169.  
  170.  
  171. /* Headings
  172. ----------------------------------------------- */
  173.  
  174. .sidebar h2 {
  175. -moz-border-radius-topleft:5px;
  176. -moz-border-radius-topright:5px;
  177. -webkit-border-radius-topleft:5px;
  178. -webkit-border-radius-topright:5px;
  179. background:#E3E3E3 url(http://i195.photobucket.com/albums/z105/dantearaujo/h2bg-1.png) repeat-x scroll left top;
  180. color:#fff;
  181. font-size:14px;
  182. font-weight:normal;
  183. height:28px;
  184. border-color:#4C0202;
  185. border-bottom:none;
  186. line-height:28px;
  187. padding:0 10px;
  188. }
  189.  
  190.  
  191. /* Posts
  192. -----------------------------------------------
  193. */
  194.  
  195. .thumbnail {}
  196.  
  197. .thumbnail:hover {
  198. filter: alpha(opacity:0.7);
  199. KHTMLOpacity: 0.7;
  200. MozOpacity: 0.7;
  201. -khtml-opacity:.70;
  202. -ms-filter:”alpha(opacity=70)”;
  203. -moz-opacity:.70;
  204. filter:alpha(opacity=70);
  205. opacity:.70;
  206.  
  207. }
  208.  
  209. .date-header {
  210.  
  211. }
  212.  
  213. .post {
  214.  
  215. }
  216.  
  217. .post ul, .post ol {padding-left:40px;}
  218.  
  219. .post ul li {
  220. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/control_play.png) no-repeat scroll left center;
  221. line-height:25px;
  222. padding-left:20px;
  223. }
  224.  
  225. .post ol li {
  226. line-height:25px;
  227. list-style-position:inside;
  228. list-style-type:decimal;
  229. }
  230.  
  231.  
  232. .post h3 a, .post h3 a:visited, .post h3 strong {
  233.  
  234. }
  235.  
  236. .post h3 strong, .post h3 a:hover {
  237.  
  238. }
  239.  
  240. .post-body {
  241. margin-right:16px;
  242. }
  243.  
  244. .content {
  245. -moz-border-radius:5px;
  246. -webkit-border-radius:5px;
  247. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  248. margin-bottom:16px;
  249. margin-top:16px;
  250. padding:10px;
  251. }
  252.  
  253. .post-body blockquote {
  254. background:#8F8F8F url(http://i195.photobucket.com/albums/z105/dantearaujo/aspas.png) no-repeat scroll 10px 10px;
  255. color:#FFFFFF;
  256. font-family:georgia;
  257. padding:20px 20px 20px 50px;
  258. -moz-border-radius:5px;
  259. -webkit-border-radius:5px;
  260. }
  261.  
  262. .post-header {
  263. height:20px;
  264. margin-bottom:7px;
  265. position:relative;
  266. }
  267.  
  268. .js-kit-rating {
  269. height:20px;
  270. left:0;
  271. overflow:hidden;
  272. position:absolute;
  273. top:0;
  274. width:105px;
  275. }
  276.  
  277. .post-comment-link {
  278. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/24-comment-square-1.png) repeat scroll center center;
  279. display:block;
  280. font-family:verdana;
  281. font-size:10px;
  282. height:24px;
  283. line-height:19px;
  284. position:absolute;
  285. right:0;
  286. text-align:center;
  287. top:0;
  288. width:24px;
  289. }
  290.  
  291. .post-footer {
  292. position:relative;
  293. }
  294.  
  295. .post-labels {font-size:10px;}
  296.  
  297. .comment-link {
  298. color:#000000 !important;
  299. }
  300. .post img {
  301. max-width:634px;
  302. }
  303. .post blockquote {
  304.  
  305. }
  306. .post blockquote p {
  307.  
  308. }
  309.  
  310. /* Comments
  311. ----------------------------------------------- */
  312. #comments {
  313. -moz-border-radius-bottomleft:5px;
  314. -moz-border-radius-bottomright:5px;
  315. -moz-border-radius-topleft:5px;
  316. -moz-border-radius-topright:5px;
  317. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  318. margin-right:16px;
  319. padding:10px;
  320. color:#444;
  321. }
  322.  
  323. #comments h4 {
  324. color:#fff;
  325. font-size:14px;
  326. font-weight:normal;
  327. margin-bottom:10px;
  328. }
  329.  
  330. #comments-block {
  331. margin-bottom:10px;
  332. }
  333.  
  334. #comments-block.avatar-comment-indent {
  335. margin-left:0px !important;
  336. position:relative;
  337. }
  338.  
  339. #comments-block .comment-author {
  340. -moz-border-radius-topleft:5px;
  341. -moz-border-radius-topright:5px;
  342. background:#F4F4F4 none repeat scroll 0 0;
  343. border-color:#EAEAEA #EAEAEA -moz-use-text-color;
  344. border-style:solid solid none;
  345. border-width:1px 1px medium;
  346. padding:5px 5px 5px 60px;
  347. position:relative;
  348. }
  349.  
  350. #comments-block .comment-author a {color:#000}
  351.  
  352. #comments-block .avatar-image-container {
  353. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/anonymous.png) no-repeat scroll left top;
  354. height:45px;
  355. left:5px;
  356. position:absolute;
  357. top:5px;
  358. width:45px;
  359. }
  360.  
  361. #comments-block .avatar-image-container img {
  362. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/anonymous.png) no-repeat scroll left top;
  363. border:medium none;
  364. float:left;
  365. height:45px;
  366. width:45px;
  367. }
  368.  
  369. #comments-block .avatar-image-container.avatar-stock img {
  370. display:none;
  371. }
  372.  
  373. #comments-block .comment-body {
  374. -moz-border-radius-bottomleft:5px;
  375. -moz-border-radius-bottomright:5px;
  376. background:#F4F4F4 none repeat scroll 0 0;
  377. border-bottom:1px solid #EAEAEA;
  378. border-left:1px solid #EAEAEA;
  379. border-right:1px solid #EAEAEA;
  380. margin-bottom:2px;
  381. padding-bottom:12px;
  382. padding-left:60px;
  383. }
  384.  
  385. #comments-block .comment-footer {
  386. font-size:10px;
  387. margin-bottom:16px;
  388. }
  389. #comments-block .comment-body p {
  390.  
  391. }
  392. .deleted-comment {
  393.  
  394. }
  395.  
  396. #blog-pager-newer-link {
  397. float:right;
  398. }
  399.  
  400. #blog-pager-older-link {
  401. float:left;
  402. }
  403.  
  404. #blog-pager {
  405. clear:both;
  406. padding:5px 0;
  407. text-align:center;
  408. }
  409.  
  410. .feed-links {
  411.  
  412. }
  413.  
  414. /* Sidebar Content
  415. ----------------------------------------------- */
  416. .sidebar {
  417.  
  418. }
  419.  
  420. .sidebar ul {
  421.  
  422. }
  423. .sidebar li {
  424. border-bottom:1px dotted #2F2F2F;
  425. padding:5px 0;
  426. }
  427.  
  428. .sidebar .widget {
  429. margin-bottom:16px;
  430. }
  431.  
  432. .widget-content{
  433. -moz-border-radius-bottomleft:5px;
  434. -moz-border-radius-bottomright:5px;
  435. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  436. border-bottom:1px solid 1d1d1d;
  437. border-left:1px solid 1d1d1d;
  438. border-right:1px solid 1d1d1d;
  439. padding:10px;
  440. position:relative;
  441. }
  442.  
  443. #crosscol-wrapper .sliderwidget{
  444. position:relative;
  445. padding:10px;
  446. -moz-border-radius-bottomleft:5px;
  447. -moz-border-radius-bottomright:5px;
  448. -webkit-border-radius-bottomleft:5px;
  449. -webkit-border-radius-bottomright:5px;
  450. }
  451.  
  452. .main .Blog {
  453.  
  454. }
  455.  
  456. #BlogArchive1_ArchiveMenu {
  457. background:#7F7F7F none repeat scroll 0 0;
  458. border:1px solid #1F1F1F;
  459. color:#FFFFFF;
  460. padding:5px;
  461. width:288px;
  462. }
  463.  
  464.  
  465. /* Profile
  466. ----------------------------------------------- */
  467. .profile-img {
  468.  
  469. }
  470.  
  471. .profile-data {
  472.  
  473. }
  474.  
  475. .profile-datablock {
  476.  
  477. }
  478.  
  479. .profile-textblock {
  480.  
  481. }
  482.  
  483. .profile-link {
  484.  
  485. }
  486.  
  487. /* Footer
  488. ----------------------------------------------- */
  489. #footer-wrapper {
  490. -moz-border-radius:5px;
  491. -webkit-border-radius:5px;
  492. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  493. margin:0 0 10px;
  494. }
  495.  
  496. /* Page Navigation
  497. ----------------------------------------------- */
  498.  
  499. .showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
  500. }
  501.  
  502. .showpageArea a {border: 1px solid #505050;
  503. color: #000000;font-weight:normal;
  504. padding: 3px 6px !important;
  505. padding: 1px 4px ;margin:0px 4px;
  506. text-decoration: none;
  507. }
  508. .showpageArea a:hover {
  509. font-size:11px;
  510. border: 1px solid #333;
  511. color: #000000;
  512. background-color: #FFFFFF;
  513. }
  514.  
  515. .showpageOf {color:#d8d8d8 !important;}
  516.  
  517. .showpageNum a {border: 1px solid #505050;
  518. color: #000000;font-weight:normal;
  519. padding: 3px 6px !important;
  520. padding: 1px 4px ;margin:0px 4px;
  521. text-decoration: none;
  522.  
  523. }
  524. .showpageNum a:hover {
  525. font-size:11px;
  526. border: 1px solid #333;
  527. color: #000000;
  528. background-color: #FFFFFF;
  529.  
  530. }
  531. .showpagePoint {font-size:11px;
  532. padding: 3px 5px;
  533. margin: 2px;
  534. font-weight: bold;
  535. border: 1px solid #EFEFEF;
  536. color: #000;
  537. background-color: #EFEFEF;
  538.  
  539.  
  540. }
  541.  
  542. .showpage a:hover {font-size:11px;
  543. border: 1px solid #333;
  544. color: #000000;
  545. background-color: #FFFFFF;
  546.  
  547. }
  548. .showpageNum a:link,.showpage a:link {
  549. font-size:11px;
  550. padding: 2px 4px 2px 4px;
  551. margin: 2px;
  552. text-decoration: none;
  553. border: 1px solid #EFEFEF;
  554. color: #EFEFEF;
  555. background-color: #000;}
  556.  
  557. .showpageNum a:hover {font-size:11px;
  558. border: 1px solid #333;
  559. color: #000000;
  560. background-color: #FFFFFF;
  561. }
  562.  
  563. /* Easy Slider */
  564.  
  565. #slide-container {
  566. height:360px;
  567. position:relative;
  568. width:480px;
  569. }
  570.  
  571. #slider {
  572. height:360px;
  573. left:87px;
  574. overflow-x:hidden;
  575. overflow-y:hidden;
  576. position:absolute;
  577. top:0;
  578. width:480px;
  579. }
  580.  
  581. .slide-desc {
  582. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/darkbg.png) repeat scroll 0 0;
  583. color:#FFFFFF;
  584. padding:10px;
  585. position:absolute;
  586. right:20px;
  587. text-align:left;
  588. top:0;
  589. width:200px;
  590. }
  591.  
  592. .slide-desc h2 {
  593. font-size:18px;
  594. line-height:1.2em;
  595. margin-bottom:10px;
  596. margin-left:0;
  597. margin-right:0;
  598. margin-top:10px;
  599. }
  600.  
  601.  
  602. #slider ul, #slider li,
  603. #slider2 ul, #slider2 li{
  604. margin:0;
  605. padding:0;
  606. list-style:none;
  607. }
  608. #slider2{margin-top:1em;}
  609. #slider li, #slider2 li{
  610. /*
  611. define width and height of list item (slide)
  612. entire slider area will adjust according to the parameters provided here
  613. */
  614. width:480px;
  615. height:360px;
  616. overflow:hidden;
  617. }
  618. #prevBtn, #nextBtn,
  619. #slider1next, #slider1prev{
  620. display:block;
  621. width:30px;
  622. height:77px;
  623. position:absolute;
  624. left:-30px;
  625. text-indent:-9999px;
  626. top:71px;
  627. z-index:1000;
  628. }
  629. #nextBtn, #slider1next{
  630. left:599px !important;
  631. }
  632.  
  633. #prevBtn, #nextBtn, #slider1next, #slider1prev {
  634. display:block;
  635. height:77px;
  636. left:25px;
  637. position:absolute;
  638. top:132px;
  639. width:30px;
  640. z-index:1000;
  641. }
  642.  
  643.  
  644. #prevBtn a, #nextBtn a,
  645. #slider1next a, #slider1prev a{
  646. display:block;
  647. position:relative;
  648. width:30px;
  649. height:77px;
  650. background:url(http://i195.photobucket.com/albums/z105/dantearaujo/prev-1.png) no-repeat 0 0;
  651. }
  652. #nextBtn a, #slider1next a{
  653. background:url(http://i195.photobucket.com/albums/z105/dantearaujo/next-1.png) no-repeat 0 0;
  654. }
  655.  
  656. /* numeric controls */
  657.  
  658. ol#controls{
  659. margin:1em 0;
  660. padding:0;
  661. height:28px;
  662. }
  663. ol#controls li{
  664. margin:0 10px 0 0;
  665. padding:0;
  666. float:left;
  667. list-style:none;
  668. height:28px;
  669. line-height:28px;
  670. }
  671. ol#controls li a{
  672. float:left;
  673. height:28px;
  674. line-height:28px;
  675. border:1px solid #ccc;
  676. background:#DAF3F8;
  677. color:#555;
  678. padding:0 10px;
  679. text-decoration:none;
  680. }
  681. ol#controls li.current a{
  682. background:#5DC9E1;
  683. color:#fff;
  684. }
  685. ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
  686.  
  687. /* // Easy Slider */
  688.  
  689.  
  690. ]]></b:skin>
  691.  
  692. <style>
  693. img.recent_thumb {
  694. border:0 none;
  695. float:left;
  696. height:90px;
  697. margin:0 10px 10px 0px;
  698. width:120px;
  699. }
  700.  
  701. img.recent_thumb:hover {
  702. filter: alpha(opacity:0.7);
  703. KHTMLOpacity: 0.7;
  704. MozOpacity: 0.7;
  705. -khtml-opacity:.70;
  706. -ms-filter:&quot;alpha(opacity=70)&quot;;
  707. -moz-opacity:.70;
  708. filter:alpha(opacity=70);
  709. opacity:.70;
  710. }
  711.  
  712. .recent_video_title {
  713. font-size:12px;
  714. font-weight:bold;
  715. margin-bottom:-15px;
  716. padding-left:130px;
  717. }
  718.  
  719. .recent_video_desc {
  720. font-family:verdana;
  721. font-size:10px;
  722. line-height:15px;
  723. margin-bottom:-10px;
  724. padding-left:130px;
  725. }
  726.  
  727. .recent_video_footer {
  728. color:#999999;
  729. font-family:verdana;
  730. font-size:10px;
  731. padding-left:130px;
  732. }
  733.  
  734.  
  735.  
  736. .recent_posts_with_thumbs {
  737. float: left;
  738. width: 100%;
  739. min-height: 70px;
  740. margin: 5px 0px 5px 0px;
  741. padding: 0;
  742. font-size:12px;
  743. }
  744.  
  745. ul.recent_posts_with_thumbs li {
  746. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/play2.png) no-repeat scroll 0 5px;
  747. min-height:90px;
  748. padding-bottom:10px;
  749. padding-top:10px;
  750. }
  751.  
  752. .recent_posts_with_thumbs a {
  753. text-decoration:none;
  754. }
  755.  
  756. .recent_posts_with_thumbs strong {
  757. font-size:10px;
  758. }
  759.  
  760. </style>
  761.  
  762. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  763. <style>
  764. .post {
  765. -moz-border-radius-bottomleft:5px;
  766. -moz-border-radius-bottomright:5px;
  767. -moz-border-radius-topleft:5px;
  768. -moz-border-radius-topright:5px;
  769. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  770. border:1px solid 1d1d1d;
  771. float:left;
  772. height:200px;
  773. margin:0 16px 16px 0;
  774. overflow:hidden;
  775. padding:7px;
  776. position:relative;
  777. width:191px;
  778. }
  779.  
  780.  
  781. .post h3 {
  782. font-size:12px;
  783. }
  784.  
  785. .post-body {
  786. background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/play.png) no-repeat scroll left top;
  787. }
  788. </style>
  789. </b:if>
  790.  
  791. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  792. <style>
  793. .post h3 {
  794. -moz-border-radius:5px;
  795. -webkit-border-radius:5px;
  796. background:#515151 url(http://i195.photobucket.com/albums/z105/dantearaujo/widgetbg-1.png) repeat-x scroll left bottom;
  797. font-size:20px;
  798. font-weight:normal;
  799. margin-bottom:15px;
  800. margin-right:16px;
  801. padding:10px;
  802. }
  803. </style>
  804. </b:if>
  805.  
  806. <script src='http://www.google.com/jsapi' type='text/javascript'/>
  807. <script type='text/javascript'>google.load(&quot;jquery&quot;, &quot;1.2.6&quot;)</script>
  808. <script src='http://bloggertube.googlecode.com/files/easySlider1.7.js' type='text/javascript'/>
  809.  
  810. <script type='text/javascript'>
  811. //<![CDATA[
  812. $(document).ready(function(){
  813. $("#slider").easySlider({
  814. auto: false,
  815. continuous: true
  816. });
  817. });
  818. //]]>
  819. </script>
  820.  
  821.  
  822.  
  823.  
  824.  
  825. <script type='text/javascript'><!--//--><![CDATA[//><!--
  826. var thumbnail_mode = 'float' ; summary_noimg = 50; summary_img = 50; img_thumb_height = 120; img_thumb_width = 192;
  827.  
  828.  
  829. function createVideoThumb(pID){
  830. var div = document.getElementById(pID);
  831. var summ = summary_noimg;
  832. if (div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){
  833. var vidid = div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"));
  834. }else {var vidid =""};
  835.  
  836. var postlink = div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));
  837. if (vidid ==""){var imgvid ='<a href="'+ postlink + '"><img class="thumbnail" src="http://i195.photobucket.com/albums/z105/dantearaujo/novideo.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>';
  838. }else{
  839. var imgvid ='<a href="'+ postlink + '"><img class=thumbnail src="http://i2.ytimg.com/vi/'+vidid+'/default.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>';
  840. };
  841.  
  842. var summary = imgvid ;
  843. div.innerHTML = summary;
  844. }
  845.  
  846. function createVideoThumb2(pID){
  847. var div = document.getElementById(pID);
  848. var imgtag = "";
  849. var summ = summary_noimg;
  850. if (div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){
  851. var vidid = div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"));
  852. }else {var vidid =""};
  853.  
  854. var textinside = div.innerHTML.substring(div.innerHTML.indexOf("[starttext]")+11,div.innerHTML.indexOf("[endtext]"));
  855. var postlink = div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));
  856. var embedvid = "";
  857. if (vidid!="") {
  858. embedvid = '<object width="654" height="393"><param name="movie" value="http://www.youtube.com/v/'+ vidid + '&hl=en&fs=1&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+ vidid + '&hl=en&fs=1&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="654" height="393"></embed></object>'
  859. }
  860. var summary = embedvid + '<div class="content">' + textinside + '</div>';
  861. div.innerHTML = summary;
  862. }
  863.  
  864. //--><!]]></script>
  865. </head>
  866.  
  867. <body>
  868. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  869. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
  870. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  871. function setAttributeOnload(object, attribute, val) {
  872. if(window.addEventListener) {
  873. window.addEventListener(&#39;load&#39;,
  874. function(){ object[attribute] = val; }, false);
  875. } else {
  876. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  877. }
  878. }
  879. &lt;/script&gt;
  880. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  881. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  882. &lt;script type=&quot;text/javascript&quot;&gt;
  883. gapi.load(&quot;iframes-styles-bubble&quot;, function() {
  884. if (window.iframes &amp;&amp; iframes.open) {
  885. iframes.open(
  886. &#39;//www.blogger.com/navbar.g?targetBlogID\0752303506335449668747\46blogName\07524+Stunden+Videos\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75LAYOUTS\46searchRoot\75http://24stundenyoutube.blogspot.com/search\46blogLocale\75de\46v\0752\46homepageUrl\75http://24stundenyoutube.blogspot.com/\46vt\0752551901117144672484&#39;,
  887. {
  888. container: &quot;navbar-iframe-container&quot;,
  889. id: &quot;navbar-iframe&quot;
  890. },
  891. {
  892. });
  893. }
  894. });
  895. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  896. (function() {
  897. var script = document.createElement(&#39;script&#39;);
  898. script.type = &#39;text/javascript&#39;;
  899. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  900. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  901. if (head) {
  902. head.appendChild(script);
  903. }})();
  904. &lt;/script&gt;
  905. </b:includable>
  906. </b:widget>
  907. </b:section>
  908.  
  909.  
  910. <div id='outer-wrapper'><div id='wrap2'>
  911.  
  912. <!-- skip links for text browsers -->
  913. <span id='skiplinks' style='display:none;'>
  914. <a href='#main'>skip to main </a> |
  915. <a href='#sidebar'>skip to sidebar</a>
  916. </span>
  917.  
  918. <div id='header-wrapper'>
  919. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  920. <b:widget id='Header1' locked='true' title='24 Stunden Videos (Header)' type='Header'>
  921. <b:includable id='main'>
  922.  
  923. <b:if cond='data:useImage'>
  924. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  925. <!--
  926. Show image as background to text. You can't really calculate the width
  927. reliably in JS because margins are not taken into account by any of
  928. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  929. width if the user is using shrink to fit.
  930. This results in a margin-width's worth of pixels being cropped. If the
  931. user is not using shrink to fit then we expand the header.
  932. -->
  933. <b:if cond='data:mobile'>
  934. <div id='header-inner'>
  935. <div class='titlewrapper' style='background: transparent'>
  936. <h1 class='title' style='background: transparent; border-width: 0px'>
  937. <b:include name='title'/>
  938. </h1>
  939. </div>
  940. <b:include name='description'/>
  941. </div>
  942. <b:else/>
  943. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  944. <div class='titlewrapper' style='background: transparent'>
  945. <h1 class='title' style='background: transparent; border-width: 0px'>
  946. <b:include name='title'/>
  947. </h1>
  948. </div>
  949. <b:include name='description'/>
  950. </div>
  951. </b:if>
  952. <b:else/>
  953. <!--Show the image only-->
  954. <div id='header-inner'>
  955. <a expr:href='data:blog.homepageUrl' style='display: block'>
  956. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  957. </a>
  958. <!--Show the description-->
  959. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  960. <b:include name='description'/>
  961. </b:if>
  962. </div>
  963. </b:if>
  964. <b:else/>
  965. <!--No header image -->
  966. <div id='header-inner'>
  967. <div class='titlewrapper'>
  968. <h1 class='title'>
  969. <b:include name='title'/>
  970. </h1>
  971. </div>
  972. <b:include name='description'/>
  973. </div>
  974. </b:if>
  975. </b:includable>
  976. <b:includable id='description'>
  977. <div class='descriptionwrapper'>
  978. <p class='description'><span><data:description/></span></p>
  979. </div>
  980. </b:includable>
  981. <b:includable id='title'>
  982. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  983. <data:title/>
  984. <b:else/>
  985. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  986. </b:if>
  987. </b:includable>
  988. </b:widget>
  989. </b:section>
  990. </div>
  991.  
  992. <div id='navigation-wrapper'>
  993. <ul id='navigation'>
  994. <li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
  995. <li><a Title='About' href='http://24stundenvideos.de'>About</a></li>
  996. <li><a Title='Contact' href='http://24stundenvideos.de'>Contact</a></li>
  997. </ul>
  998. </div>
  999.  
  1000. <div id='content-wrapper'>
  1001.  
  1002. <div id='main-wrapper'>
  1003.  
  1004. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1005. <div id='crosscol-wrapper' style='text-align:center'>
  1006. <div class='sliderwidget'>
  1007. <div id='slider'>
  1008. <script src='http://bloggertube.googlecode.com/files/galleryvideov1.js' style='text/javascript'/>
  1009. <script style='text/javascript'>
  1010. var numposts_vid = 6;
  1011. var numchars_vid = 150;
  1012. </script>
  1013. &lt;script src=&quot;/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryvideo&quot;&gt;&lt;/script&gt;
  1014.  
  1015. </div>
  1016.  
  1017.  
  1018. </div>
  1019. </div>
  1020. </b:if>
  1021.  
  1022. <b:section class='main' id='main' showaddelement='no'>
  1023. <b:widget id='Blog1' locked='true' title='Blogposts' type='Blog'>
  1024. <b:includable id='main' var='top'>
  1025. <!-- posts -->
  1026. <div class='blog-posts hfeed'>
  1027.  
  1028. <b:include data='top' name='status-message'/>
  1029.  
  1030. <data:defaultAdStart/>
  1031. <b:loop values='data:posts' var='post'>
  1032. <b:include data='post' name='post'/>
  1033. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1034. <b:include data='post' name='comments'/>
  1035. </b:if>
  1036. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1037. <b:include data='post' name='comments'/>
  1038. </b:if>
  1039. <b:if cond='data:post.includeAd'>
  1040. <b:if cond='data:post.isFirstPost'>
  1041. <data:defaultAdEnd/>
  1042. <b:else/>
  1043. <data:adEnd/>
  1044. </b:if>
  1045. <div class='inline-ad'>
  1046. <data:adCode/>
  1047. </div>
  1048. <data:adStart/>
  1049. </b:if>
  1050. <b:if cond='data:post.trackLatency'>
  1051. <data:post.latencyJs/>
  1052. </b:if>
  1053. </b:loop>
  1054. <data:adEnd/>
  1055. </div>
  1056.  
  1057. <!-- navigation -->
  1058. <b:include name='nextprev'/>
  1059.  
  1060. <!-- feed links -->
  1061. <b:include name='feedLinks'/>
  1062.  
  1063. <b:if cond='data:top.showStars'>
  1064. <script src='http://www.google.com/jsapi' type='text/javascript'/>
  1065. <script type='text/javascript'>
  1066. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1067. function initialize() {
  1068. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1069. google.annotations.createAll();
  1070. google.annotations.fetch();
  1071. }
  1072. google.setOnLoadCallback(initialize);
  1073. </script>
  1074. </b:if>
  1075. </b:includable>
  1076. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1077. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1078. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1079. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1080. </a>
  1081. </span>
  1082. </b:includable>
  1083. <b:includable id='backlinks' var='post'>
  1084. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1085. <b:if cond='data:post.numBacklinks != 0'>
  1086. <dl class='comments-block' id='comments-block'>
  1087. <b:loop values='data:post.backlinks' var='backlink'>
  1088. <div class='collapsed-backlink backlink-control'>
  1089. <dt class='comment-title'>
  1090. <span class='backlink-toggle-zippy'>&#160;</span>
  1091. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1092. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1093. </dt>
  1094. <dd class='comment-body collapseable'>
  1095. <data:backlink.snippet/>
  1096. </dd>
  1097. <dd class='comment-footer collapseable'>
  1098. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1099. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1100. </dd>
  1101. </div>
  1102. </b:loop>
  1103. </dl>
  1104. </b:if>
  1105. <p class='comment-footer'>
  1106. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1107. </p>
  1108. </b:includable>
  1109. <b:includable id='comment-form' var='post'>
  1110. <div class='comment-form'>
  1111. <a name='comment-form'/>
  1112. <b:if cond='data:mobile'>
  1113. <h4 id='comment-post-message'>
  1114. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1115. <p><data:blogCommentMessage/></p>
  1116. <data:blogTeamBlogMessage/>
  1117. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1118. <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%'/>
  1119. <b:else/>
  1120. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1121. <p><data:blogCommentMessage/></p>
  1122. <data:blogTeamBlogMessage/>
  1123. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1124. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1125. </b:if>
  1126. <data:post.friendConnectJs/>
  1127. <data:post.cmtfpIframe/>
  1128. <script type='text/javascript'>
  1129. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1130. </script>
  1131. </div>
  1132. </b:includable>
  1133. <b:includable id='commentDeleteIcon' var='comment'>
  1134. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1135. <b:if cond='data:showCmtPopup'>
  1136. <div class='goog-toggle-button'>
  1137. <div class='goog-inline-block comment-action-icon'/>
  1138. </div>
  1139. <b:else/>
  1140. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1141. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1142. </a>
  1143. </b:if>
  1144. </span>
  1145. </b:includable>
  1146. <b:includable id='comment_count_picker' var='post'>
  1147. <b:if cond='data:post.commentSource == 1'>
  1148. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  1149. </span>
  1150. <b:else/>
  1151. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1152. <data:post.commentLabelFull/>:
  1153. </a>
  1154. </b:if>
  1155. </b:includable>
  1156. <b:includable id='comment_picker' var='post'>
  1157. <b:if cond='data:post.commentSource == 1'>
  1158. <b:include data='post' name='iframe_comments'/>
  1159. <b:else/>
  1160. <b:if cond='data:post.showThreadedComments'>
  1161. <b:include data='post' name='threaded_comments'/>
  1162. <b:else/>
  1163. <b:include data='post' name='comments'/>
  1164. </b:if>
  1165. </b:if>
  1166. </b:includable>
  1167. <b:includable id='comments' var='post'>
  1168. <div class='comments' id='comments'>
  1169. <a name='comments'/>
  1170. <b:if cond='data:post.allowComments'>
  1171. <h4><data:post.commentLabelFull/>:</h4>
  1172.  
  1173. <b:if cond='data:post.commentPagingRequired'>
  1174. <span class='paging-control-container'>
  1175. <b:if cond='data:post.hasOlderLinks'>
  1176. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1177. &#160;
  1178. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1179. &#160;
  1180. </b:if>
  1181.  
  1182. <data:post.commentRangeText/>
  1183.  
  1184. <b:if cond='data:post.hasNewerLinks'>
  1185. &#160;
  1186. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1187. &#160;
  1188. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1189. </b:if>
  1190. </span>
  1191. </b:if>
  1192.  
  1193. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1194. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1195. <b:loop values='data:post.comments' var='comment'>
  1196. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1197. <b:if cond='data:comment.favicon'>
  1198. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1199. </b:if>
  1200. <a expr:name='data:comment.anchorName'/>
  1201. <b:if cond='data:blog.enabledCommentProfileImages'>
  1202. <data:comment.authorAvatarImage/>
  1203. </b:if>
  1204. <b:if cond='data:comment.authorUrl'>
  1205. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1206. <b:else/>
  1207. <data:comment.author/>
  1208. </b:if>
  1209. <data:commentPostedByMsg/>
  1210. </dt>
  1211. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1212. <b:if cond='data:comment.isDeleted'>
  1213. <span class='deleted-comment'><data:comment.body/></span>
  1214. <b:else/>
  1215. <p>
  1216. <data:comment.body/>
  1217. </p>
  1218. </b:if>
  1219. </dd>
  1220. <dd class='comment-footer'>
  1221. <span class='comment-timestamp'>
  1222. <a expr:href='data:comment.url' title='comment permalink'>
  1223. <data:comment.timestamp/>
  1224. </a>
  1225. <b:include data='comment' name='commentDeleteIcon'/>
  1226. </span>
  1227. </dd>
  1228. </b:loop>
  1229. </dl>
  1230. </div>
  1231.  
  1232. <b:if cond='data:post.commentPagingRequired'>
  1233. <span class='paging-control-container'>
  1234. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1235. <data:post.oldestLinkText/>
  1236. </a>
  1237. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1238. <data:post.olderLinkText/>
  1239. </a>
  1240. &#160;
  1241. <data:post.commentRangeText/>
  1242. &#160;
  1243. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1244. <data:post.newerLinkText/>
  1245. </a>
  1246. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1247. <data:post.newestLinkText/>
  1248. </a>
  1249. </span>
  1250. </b:if>
  1251.  
  1252. <p class='comment-footer'>
  1253. <b:if cond='data:post.embedCommentForm'>
  1254. <b:if cond='data:post.allowNewComments'>
  1255. <b:include data='post' name='comment-form'/>
  1256. <b:else/>
  1257. <data:post.noNewCommentsText/>
  1258. </b:if>
  1259. <b:else/>
  1260. <b:if cond='data:post.allowComments'>
  1261. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1262. </b:if>
  1263. </b:if>
  1264.  
  1265. </p>
  1266. </b:if>
  1267. <b:if cond='data:showCmtPopup'>
  1268. <div id='comment-popup'>
  1269. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1270. </iframe>
  1271. </div>
  1272. </b:if>
  1273.  
  1274. <div id='backlinks-container'>
  1275. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1276. <b:if cond='data:post.showBacklinks'>
  1277. <b:include data='post' name='backlinks'/>
  1278. </b:if>
  1279. </div>
  1280. </div>
  1281. </div>
  1282. </b:includable>
  1283. <b:includable id='feedLinks'>
  1284. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1285. <b:if cond='data:feedLinks'>
  1286. <div class='blog-feeds'>
  1287. <b:include data='feedLinks' name='feedLinksBody'/>
  1288. </div>
  1289. </b:if>
  1290.  
  1291. <b:else/> <!--Post feed links -->
  1292. <div class='post-feeds'>
  1293. <b:loop values='data:posts' var='post'>
  1294. <b:if cond='data:post.allowComments'>
  1295. <b:if cond='data:post.feedLinks'>
  1296. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1297. </b:if>
  1298. </b:if>
  1299. </b:loop>
  1300. </div>
  1301. </b:if>
  1302. </b:includable>
  1303. <b:includable id='feedLinksBody' var='links'>
  1304. <div class='feed-links'>
  1305. <data:feedLinksMsg/>
  1306. <b:loop values='data:links' var='f'>
  1307. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1308. </b:loop>
  1309. </div>
  1310. </b:includable>
  1311. <b:includable id='iframe_comments' var='post'>
  1312.  
  1313. <b:if cond='data:post.allowIframeComments'>
  1314. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1315. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1316.  
  1317. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1318. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1319. </b:if>
  1320. </b:if>
  1321. </b:includable>
  1322. <b:includable id='mobile-index-post' var='post'>
  1323. <div class='mobile-date-outer date-outer'>
  1324. <b:if cond='data:post.dateHeader'>
  1325. <div class='date-header'>
  1326. <span><data:post.dateHeader/></span>
  1327. </div>
  1328. </b:if>
  1329.  
  1330. <div class='mobile-post-outer'>
  1331. <a expr:href='data:post.url'>
  1332. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1333. <data:post.title/>
  1334. </h3>
  1335.  
  1336. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1337.  
  1338. <div class='mobile-index-contents'>
  1339. <b:if cond='data:post.thumbnailUrl'>
  1340. <div class='mobile-index-thumbnail'>
  1341. <div class='Image'>
  1342. <img expr:src='data:post.thumbnailUrl'/>
  1343. </div>
  1344. </div>
  1345. </b:if>
  1346.  
  1347. <div class='post-body'>
  1348. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1349. </div>
  1350. </div>
  1351.  
  1352. <div style='clear: both;'/>
  1353. </a>
  1354.  
  1355. <div class='mobile-index-comment'>
  1356. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1357. <b:if cond='data:post.allowComments'>
  1358. <b:if cond='data:post.numComments != 0'>
  1359. <b:include data='post' name='comment_count_picker'/>
  1360. </b:if>
  1361. </b:if>
  1362. </b:if>
  1363. </div>
  1364. </div>
  1365. </div>
  1366. </b:includable>
  1367. <b:includable id='mobile-main' var='top'>
  1368. <!-- posts -->
  1369. <div class='blog-posts hfeed'>
  1370.  
  1371. <b:include data='top' name='status-message'/>
  1372.  
  1373. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1374. <b:loop values='data:posts' var='post'>
  1375. <b:include data='post' name='mobile-index-post'/>
  1376. </b:loop>
  1377. <b:else/>
  1378. <b:loop values='data:posts' var='post'>
  1379. <b:include data='post' name='mobile-post'/>
  1380. </b:loop>
  1381. </b:if>
  1382. </div>
  1383.  
  1384. <b:include name='mobile-nextprev'/>
  1385. </b:includable>
  1386. <b:includable id='mobile-nextprev'>
  1387. <div class='blog-pager' id='blog-pager'>
  1388. <b:if cond='data:newerPageUrl'>
  1389. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1390. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1391. </div>
  1392. </b:if>
  1393.  
  1394. <b:if cond='data:olderPageUrl'>
  1395. <div class='mobile-link-button' id='blog-pager-older-link'>
  1396. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1397. </div>
  1398. </b:if>
  1399.  
  1400. <div class='mobile-link-button' id='blog-pager-home-link'>
  1401. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1402. </div>
  1403.  
  1404. <div class='mobile-desktop-link'>
  1405. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1406. </div>
  1407.  
  1408. </div>
  1409. <div class='clear'/>
  1410. </b:includable>
  1411. <b:includable id='mobile-post' var='post'>
  1412. <div class='date-outer'>
  1413. <b:if cond='data:post.dateHeader'>
  1414. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1415. </b:if>
  1416. <div class='date-posts'>
  1417. <div class='post-outer'>
  1418.  
  1419. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1420. <b:if cond='data:post.thumbnailUrl'>
  1421. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1422. </b:if>
  1423. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1424. <meta expr:content='data:post.id' itemprop='postId'/>
  1425.  
  1426. <a expr:name='data:post.id'/>
  1427. <b:if cond='data:post.title'>
  1428. <h3 class='post-title entry-title' itemprop='name'>
  1429. <b:if cond='data:post.link'>
  1430. <a expr:href='data:post.link'><data:post.title/></a>
  1431. <b:else/>
  1432. <b:if cond='data:post.url'>
  1433. <b:if cond='data:blog.url != data:post.url'>
  1434. <a expr:href='data:post.url'><data:post.title/></a>
  1435. <b:else/>
  1436. <data:post.title/>
  1437. </b:if>
  1438. <b:else/>
  1439. <data:post.title/>
  1440. </b:if>
  1441. </b:if>
  1442. </h3>
  1443. </b:if>
  1444.  
  1445. <div class='post-header'>
  1446. <div class='post-header-line-1'/>
  1447. </div>
  1448.  
  1449. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1450. <data:post.body/>
  1451. <div style='clear: both;'/> <!-- clear for photos floats -->
  1452. </div>
  1453.  
  1454. <div class='post-footer'>
  1455. <div class='post-footer-line post-footer-line-1'>
  1456. <span class='post-author vcard'>
  1457. <b:if cond='data:top.showAuthor'>
  1458. <b:if cond='data:post.authorProfileUrl'>
  1459. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1460. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1461. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1462. <span itemprop='name'><data:post.author/></span>
  1463. </a>
  1464. </span>
  1465. <b:else/>
  1466. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1467. <span itemprop='name'><data:post.author/></span>
  1468. </span>
  1469. </b:if>
  1470. </b:if>
  1471. </span>
  1472.  
  1473. <span class='post-timestamp'>
  1474. <b:if cond='data:top.showTimestamp'>
  1475. <data:top.timestampLabel/>
  1476. <b:if cond='data:post.url'>
  1477. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1478. <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>
  1479. </b:if>
  1480. </b:if>
  1481. </span>
  1482.  
  1483. <span class='post-comment-link'>
  1484. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1485. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1486. <b:if cond='data:post.allowComments'>
  1487. <b:include data='post' name='comment_count_picker'/>
  1488. </b:if>
  1489. </b:if>
  1490. </b:if>
  1491. </span>
  1492. </div>
  1493.  
  1494. <div class='post-footer-line post-footer-line-2'>
  1495. <b:if cond='data:top.showMobileShare'>
  1496. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1497. <a href='javascript:void(0);'><data:shareMsg/></a>
  1498. </div>
  1499. </b:if>
  1500. <b:if cond='data:top.showDummy'>
  1501. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1502. </b:if>
  1503. </div>
  1504.  
  1505. </div>
  1506. </div>
  1507.  
  1508. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1509. <b:include data='post' name='comment_picker'/>
  1510. </b:if>
  1511. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1512. <b:include data='post' name='comment_picker'/>
  1513. </b:if>
  1514. </div>
  1515. </div>
  1516. </div>
  1517. </b:includable>
  1518. <b:includable id='nextprev'>
  1519. <div class='blog-pager' id='blog-pager'>
  1520. <b:if cond='data:newerPageUrl'>
  1521. <span id='blog-pager-newer-link'>
  1522. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1523. </span>
  1524. </b:if>
  1525.  
  1526. <b:if cond='data:olderPageUrl'>
  1527. <span id='blog-pager-older-link'>
  1528. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1529. </span>
  1530. </b:if>
  1531.  
  1532. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1533.  
  1534. <b:if cond='data:mobileLinkUrl'>
  1535. <div class='blog-mobile-link'>
  1536. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1537. </div>
  1538. </b:if>
  1539.  
  1540. </div>
  1541. <div class='clear'/>
  1542. </b:includable>
  1543. <b:includable id='post' var='post'>
  1544. <div class='post hentry uncustomized-post-template'>
  1545. <a expr:name='data:post.id'/>
  1546.  
  1547. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1548. <div class='post-header'>
  1549. <div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
  1550. </div>
  1551. <span class='post-comment-link'>
  1552. <b:if cond='data:blog.pageType != &quot;item&quot;'><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<b:else/><data:post.numComments/></b:if></a>
  1553. </b:if>
  1554. </b:if>
  1555. </span>
  1556. </div>
  1557. </b:if>
  1558.  
  1559. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1560. <b:if cond='data:post.title'>
  1561. <h3 class='post-title entry-title'>
  1562. <b:if cond='data:post.link'>
  1563. <a expr:href='data:post.link'><data:post.title/></a>
  1564. <b:else/>
  1565. <b:if cond='data:post.url'>
  1566. <a expr:href='data:post.url'><data:post.title/></a>
  1567. <b:else/>
  1568. <data:post.title/>
  1569. </b:if>
  1570. </b:if>
  1571. </h3>
  1572. </b:if>
  1573. </b:if>
  1574.  
  1575. <div class='post-body entry-content'>
  1576.  
  1577. <div expr:id='&quot;summary&quot; + data:post.id'>[postlink]<data:post.url/>[/postlink]<data:post.body/></div>
  1578. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1579. <script type='text/javascript'>createVideoThumb2(&quot;summary<data:post.id/>&quot;);</script>
  1580. </b:if>
  1581. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1582. <script type='text/javascript'>createVideoThumb(&quot;summary<data:post.id/>&quot;);</script>
  1583. </b:if>
  1584. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1585. <b:if cond='data:post.title'>
  1586. <h3 class='post-title entry-title'>
  1587. <b:if cond='data:post.link'>
  1588. <a expr:href='data:post.link'><data:post.title/></a>
  1589. <b:else/>
  1590. <b:if cond='data:post.url'>
  1591. <a expr:href='data:post.url'><data:post.title/></a>
  1592. <b:else/>
  1593. <data:post.title/>
  1594. </b:if>
  1595. </b:if>
  1596. </h3>
  1597. </b:if>
  1598. </b:if>
  1599.  
  1600. <div style='clear: both;'/> <!-- clear for photos floats -->
  1601. </div>
  1602.  
  1603. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1604. <div class='post-footer'>
  1605. <span class='post-labels'>
  1606. <b:if cond='data:post.labels'>
  1607. <data:postLabelsLabel/>
  1608. <b:loop values='data:post.labels' var='label'>
  1609. <a expr:href='data:label.url + &quot;?&amp;max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1610. </b:loop>
  1611. </b:if>
  1612. </span>
  1613. </div>
  1614. </b:if>
  1615. </div>
  1616. </b:includable>
  1617. <b:includable id='postQuickEdit' var='post'>
  1618. <b:if cond='data:post.editUrl'>
  1619. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1620. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1621. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1622. </a>
  1623. </span>
  1624. </b:if>
  1625. </b:includable>
  1626. <b:includable id='shareButtons' var='post'>
  1627. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' 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>
  1628. </b:includable>
  1629. <b:includable id='status-message'>
  1630. <b:if cond='data:navMessage'>
  1631. <div class='status-msg-wrap'>
  1632. <div class='status-msg-body'>
  1633. <data:navMessage/>
  1634. </div>
  1635. <div class='status-msg-border'>
  1636. <div class='status-msg-bg'>
  1637. <div class='status-msg-hidden'><data:navMessage/></div>
  1638. </div>
  1639. </div>
  1640. </div>
  1641. <div style='clear: both;'/>
  1642. </b:if>
  1643. </b:includable>
  1644. <b:includable id='threaded-comment-form' var='post'>
  1645. <div class='comment-form'>
  1646. <a name='comment-form'/>
  1647. <b:if cond='data:mobile'>
  1648. <p><data:blogCommentMessage/></p>
  1649. <data:blogTeamBlogMessage/>
  1650. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1651. <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%'/>
  1652. <b:else/>
  1653. <p><data:blogCommentMessage/></p>
  1654. <data:blogTeamBlogMessage/>
  1655. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1656. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1657. </b:if>
  1658. <data:post.friendConnectJs/>
  1659. <data:post.cmtfpIframe/>
  1660. <script type='text/javascript'>
  1661. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1662. </script>
  1663. </div>
  1664. </b:includable>
  1665. <b:includable id='threaded_comment_js' var='post'>
  1666. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1667.  
  1668. <script type='text/javascript'>
  1669. (function() {
  1670. var items = <data:post.commentJso/>;
  1671. var msgs = <data:post.commentMsgs/>;
  1672. var config = <data:post.commentConfig/>;
  1673.  
  1674. // <![CDATA[
  1675. var cursor = null;
  1676. if (items && items.length > 0) {
  1677. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1678. }
  1679.  
  1680. var bodyFromEntry = function(entry) {
  1681. if (entry.gd$extendedProperty) {
  1682. for (var k in entry.gd$extendedProperty) {
  1683. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1684. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1685. }
  1686. }
  1687. }
  1688. return entry.content.$t;
  1689. }
  1690.  
  1691. var parse = function(data) {
  1692. cursor = null;
  1693. var comments = [];
  1694. if (data && data.feed && data.feed.entry) {
  1695. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1696. var comment = {};
  1697. // comment ID, parsed out of the original id format
  1698. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1699. comment.id = id ? id[2] : null;
  1700. comment.body = bodyFromEntry(entry);
  1701. comment.timestamp = Date.parse(entry.published.$t) + '';
  1702. if (entry.author && entry.author.constructor === Array) {
  1703. var auth = entry.author[0];
  1704. if (auth) {
  1705. comment.author = {
  1706. name: (auth.name ? auth.name.$t : undefined),
  1707. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1708. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1709. };
  1710. }
  1711. }
  1712. if (entry.link) {
  1713. if (entry.link[2]) {
  1714. comment.link = comment.permalink = entry.link[2].href;
  1715. }
  1716. if (entry.link[3]) {
  1717. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1718. if (pid && pid[1]) {
  1719. comment.parentId = pid[1];
  1720. }
  1721. }
  1722. }
  1723. comment.deleteclass = 'item-control blog-admin';
  1724. if (entry.gd$extendedProperty) {
  1725. for (var k in entry.gd$extendedProperty) {
  1726. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1727. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1728. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1729. comment.displayTime = entry.gd$extendedProperty[k].value;
  1730. }
  1731. }
  1732. }
  1733. comments.push(comment);
  1734. }
  1735. }
  1736. return comments;
  1737. };
  1738.  
  1739. var paginator = function(callback) {
  1740. if (hasMore()) {
  1741. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1742. if (cursor) {
  1743. url += '&published-min=' + new Date(cursor).toISOString();
  1744. }
  1745. window.bloggercomments = function(data) {
  1746. var parsed = parse(data);
  1747. cursor = parsed.length < 50 ? null
  1748. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1749. callback(parsed);
  1750. window.bloggercomments = null;
  1751. }
  1752. url += '&callback=bloggercomments';
  1753. var script = document.createElement('script');
  1754. script.type = 'text/javascript';
  1755. script.src = url;
  1756. document.getElementsByTagName('head')[0].appendChild(script);
  1757. }
  1758. };
  1759. var hasMore = function() {
  1760. return !!cursor;
  1761. };
  1762. var getMeta = function(key, comment) {
  1763. if ('iswriter' == key) {
  1764. var matches = !!comment.author
  1765. && comment.author.name == config.authorName
  1766. && comment.author.profileUrl == config.authorUrl;
  1767. return matches ? 'true' : '';
  1768. } else if ('deletelink' == key) {
  1769. return config.baseUri + '/delete-comment.g?blogID='
  1770. + config.blogId + '&postID=' + comment.id;
  1771. } else if ('deleteclass' == key) {
  1772. return comment.deleteclass;
  1773. }
  1774. return '';
  1775. };
  1776.  
  1777. var replybox = null;
  1778. var replyUrlParts = null;
  1779. var replyParent = undefined;
  1780.  
  1781. var onReply = function(commentId, domId) {
  1782. if (replybox == null) {
  1783. // lazily cache replybox, and adjust to suit this style:
  1784. replybox = document.getElementById('comment-editor');
  1785. if (replybox != null) {
  1786. replybox.height = '250px';
  1787. replybox.style.display = 'block';
  1788. replyUrlParts = replybox.src.split('#');
  1789. }
  1790. }
  1791. if (replybox && (commentId !== replyParent)) {
  1792. document.getElementById(domId).insertBefore(replybox, null);
  1793. replybox.src = replyUrlParts[0]
  1794. + (commentId ? '&parentID=' + commentId : '')
  1795. + '#' + replyUrlParts[1];
  1796. replyParent = commentId;
  1797. }
  1798. };
  1799.  
  1800. var hash = (window.location.hash || '#').substring(1);
  1801. var startThread, targetComment;
  1802. if (/^comment-form_/.test(hash)) {
  1803. startThread = hash.substring('comment-form_'.length);
  1804. } else if (/^c[0-9]+$/.test(hash)) {
  1805. targetComment = hash.substring(1);
  1806. }
  1807.  
  1808. // Configure commenting API:
  1809. var configJso = {
  1810. 'maxDepth': config.maxThreadDepth
  1811. };
  1812. var provider = {
  1813. 'id': config.postId,
  1814. 'data': items,
  1815. 'loadNext': paginator,
  1816. 'hasMore': hasMore,
  1817. 'getMeta': getMeta,
  1818. 'onReply': onReply,
  1819. 'rendered': true,
  1820. 'initComment': targetComment,
  1821. 'initReplyThread': startThread,
  1822. 'config': configJso,
  1823. 'messages': msgs
  1824. };
  1825.  
  1826. var render = function() {
  1827. if (window.goog && window.goog.comments) {
  1828. var holder = document.getElementById('comment-holder');
  1829. window.goog.comments.render(holder, provider);
  1830. }
  1831. };
  1832.  
  1833. // render now, or queue to render when library loads:
  1834. if (window.goog && window.goog.comments) {
  1835. render();
  1836. } else {
  1837. window.goog = window.goog || {};
  1838. window.goog.comments = window.goog.comments || {};
  1839. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1840. window.goog.comments.loadQueue.push(render);
  1841. }
  1842. })();
  1843. // ]]>
  1844. </script>
  1845. </b:includable>
  1846. <b:includable id='threaded_comments' var='post'>
  1847. <div class='comments' id='comments'>
  1848. <a name='comments'/>
  1849. <h4><data:post.commentLabelFull/>:</h4>
  1850.  
  1851. <div class='comments-content'>
  1852. <b:if cond='data:post.embedCommentForm'>
  1853. <b:include data='post' name='threaded_comment_js'/>
  1854. </b:if>
  1855. <div id='comment-holder'>
  1856. <data:post.commentHtml/>
  1857. </div>
  1858. </div>
  1859.  
  1860. <p class='comment-footer'>
  1861. <b:if cond='data:post.allowNewComments'>
  1862. <b:include data='post' name='threaded-comment-form'/>
  1863. <b:else/>
  1864. <data:post.noNewCommentsText/>
  1865. </b:if>
  1866. </p>
  1867.  
  1868. <b:if cond='data:showCmtPopup'>
  1869. <div id='comment-popup'>
  1870. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1871. </iframe>
  1872. </div>
  1873. </b:if>
  1874.  
  1875. <div id='backlinks-container'>
  1876. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1877. <b:if cond='data:post.showBacklinks'>
  1878. <b:include data='post' name='backlinks'/>
  1879. </b:if>
  1880. </div>
  1881. </div>
  1882. </div>
  1883. </b:includable>
  1884. </b:widget>
  1885. </b:section>
  1886. </div>
  1887.  
  1888. <div id='sidebar-wrapper'>
  1889. <b:section class='sidebar' id='sidebar' preferred='yes'>
  1890. <b:widget id='HTML1' locked='false' title='Recent Videos' type='HTML'>
  1891. <b:includable id='main'>
  1892. <!-- only display title if it's non-empty -->
  1893. <b:if cond='data:title != &quot;&quot;'>
  1894. <h2 class='title'><data:title/></h2>
  1895. </b:if>
  1896. <div class='widget-content'>
  1897. <data:content/>
  1898. </div>
  1899.  
  1900. <b:include name='quickedit'/>
  1901. </b:includable>
  1902. </b:widget>
  1903. <b:widget id='Label1' locked='false' title='Categories' type='Label'>
  1904. <b:includable id='main'>
  1905. <b:if cond='data:title'>
  1906. <h2><data:title/></h2>
  1907. </b:if>
  1908. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  1909. <b:if cond='data:display == &quot;list&quot;'>
  1910. <ul>
  1911. <b:loop values='data:labels' var='label'>
  1912. <li>
  1913. <b:if cond='data:blog.url == data:label.url'>
  1914. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1915. <b:else/>
  1916. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=9&quot;'><data:label.name/></a>
  1917. </b:if>
  1918. <b:if cond='data:showFreqNumbers'>
  1919. <span dir='ltr'>(<data:label.count/>)</span>
  1920. </b:if>
  1921. </li>
  1922. </b:loop>
  1923. </ul>
  1924. <b:else/>
  1925. <b:loop values='data:labels' var='label'>
  1926. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  1927. <b:if cond='data:blog.url == data:label.url'>
  1928. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1929. <b:else/>
  1930. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=9&quot;'><data:label.name/></a>
  1931. </b:if>
  1932. <b:if cond='data:showFreqNumbers'>
  1933. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  1934. </b:if>
  1935. </span>
  1936. </b:loop>
  1937. </b:if>
  1938. <b:include name='quickedit'/>
  1939. </div>
  1940. </b:includable>
  1941. </b:widget>
  1942. <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
  1943. <b:includable id='main'>
  1944. <b:if cond='data:title'>
  1945. <h2><data:title/></h2>
  1946. </b:if>
  1947. <div class='widget-content'>
  1948. <div id='ArchiveList'>
  1949. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  1950. <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  1951. <b:include data='data' name='interval'/>
  1952. </b:if>
  1953. <b:if cond='data:style == &quot;FLAT&quot;'>
  1954. <b:include data='data' name='flat'/>
  1955. </b:if>
  1956. <b:if cond='data:style == &quot;MENU&quot;'>
  1957. <b:include data='data' name='menu'/>
  1958. </b:if>
  1959. </div>
  1960. </div>
  1961. <b:include name='quickedit'/>
  1962. </div>
  1963. </b:includable>
  1964. <b:includable id='flat' var='data'>
  1965. <ul class='flat'>
  1966. <b:loop values='data:data' var='i'>
  1967. <li class='archivedate'>
  1968. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  1969. </li>
  1970. </b:loop>
  1971. </ul>
  1972. </b:includable>
  1973. <b:includable id='interval' var='intervalData'>
  1974. <b:loop values='data:intervalData' var='i'>
  1975. <ul class='hierarchy'>
  1976. <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  1977. <b:include data='i' name='toggle'/>
  1978. <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  1979. <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  1980. <b:if cond='data:i.data'>
  1981. <b:include data='i.data' name='interval'/>
  1982. </b:if>
  1983. <b:if cond='data:i.posts'>
  1984. <b:include data='i.posts' name='posts'/>
  1985. </b:if>
  1986. </li>
  1987. </ul>
  1988. </b:loop>
  1989. </b:includable>
  1990. <b:includable id='menu' var='data'>
  1991. <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  1992. <option value=''><data:title/></option>
  1993. <b:loop values='data:data' var='i'>
  1994. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  1995. </b:loop>
  1996. </select>
  1997. </b:includable>
  1998. <b:includable id='posts' var='posts'>
  1999. <ul class='posts'>
  2000. <b:loop values='data:posts' var='i'>
  2001. <li><a expr:href='data:i.url'><data:i.title/></a></li>
  2002. </b:loop>
  2003. </ul>
  2004. </b:includable>
  2005. <b:includable id='toggle' var='interval'>
  2006. <b:if cond='data:interval.toggleId'>
  2007. <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  2008. <a class='toggle' href='javascript:void(0)'>
  2009. <span class='zippy toggle-open'>&#9660;&#160;</span>
  2010. </a>
  2011. <b:else/>
  2012. <a class='toggle' href='javascript:void(0)'>
  2013. <span class='zippy'>
  2014. <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  2015. &#9668;&#160;
  2016. <b:else/>
  2017. &#9658;&#160;
  2018. </b:if>
  2019. </span>
  2020. </a>
  2021. </b:if>
  2022. </b:if>
  2023. </b:includable>
  2024. </b:widget>
  2025. </b:section>
  2026. </div>
  2027.  
  2028. <!-- spacer for skins that want sidebar and main to be the same height-->
  2029. <div class='clear'>&#160;</div>
  2030.  
  2031. </div> <!-- end content-wrapper -->
  2032.  
  2033. <div id='footer-wrapper'>
  2034. <div class='clear' id='copyright' style='text-align:center; font-size:10px; padding:10px;'>
  2035. <span>Copyright &#169; 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - <a href='http://www.dantearaujo.net'>Ultimate Blogger Templates</a> by <a href='http://www.dantearaujo.net'>Dante Araujo</a> - Javascript by <a href='http://www.abu-farhan.com'>Abu Farhan</a> and <a href='http://www.bloggerplugins.org'>Blogger Plugins</a> - Powered by Blogger</span></div>
  2036. </div>
  2037.  
  2038. </div></div> <!-- end outer-wrapper -->
  2039. <script src='http://js-kit.com/ratings.js'/>
  2040.  
  2041. <!--Page Navigation Starts-->
  2042. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2043. <script type='text/javascript'>
  2044. var pageCount=9;
  2045. var displayPageNum=5;
  2046. var upPageWord =&#39;Previous&#39;;
  2047. var downPageWord =&#39;Next&#39;;
  2048. </script>
  2049. <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
  2050. </b:if>
  2051. <!--Page Navigation Ends-->
  2052.  
  2053.  
  2054. </body>
  2055. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!