API tools faq
paste
gurkansen

Untitled

gurkansen
Jul 19th, 2013
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>{Title}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10. <meta charset="utf-8">
  11.  
  12.  
  13. <meta name="color:Background" content="#EEEEEE" />
  14. <meta name="color:Post" content="#FFFFFF" />
  15. <meta name="color:Post Accent" content="#FAFAFA" />
  16. <meta name="color:Post Text" content="#000000" />
  17. <meta name="color:Post Link" content="#000000" />
  18. <meta name="color:Post Shadow" content="#646464" />
  19. <meta name="color:Side" content="#FFFFFF" />
  20. <meta name="color:Side Text" content="#000000" />
  21. <meta name="color:Side Link" content="#000000" />
  22. <meta name="color:Side Shadow" content="#646464" />
  23.  
  24. <meta name="image:Background" content="" />
  25. <meta name="image:Portrait" content="" />
  26. <meta name="image:Banner or Logo" content="" />
  27.  
  28. <meta name="if:2 Columns" content="0" />
  29. <meta name="if:3 Columns" content="0" />
  30. <meta name="if:Inverse" content="0" />
  31. <meta name="if:Infinite Scroll" content="0" />
  32. <meta name="if:Show Caption" content="0" />
  33. <meta name="if:Show Shadows" content="1" />
  34.  
  35. <meta name='text:Disqus Shortname' content="" />
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 1 URL" content="" />
  38.  
  39.  
  40. <script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'tm-62a6e287-b48f-8c31-d00-7b795e84ad9'});</script>
  41.  
  42. <style>
  43.  
  44.  
  45. /*================================
  46. Reset
  47. ================================*/
  48. html,body,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul,ol,li,h1,h2,h3,h4,h5 {margin: 0;padding: 0;
  49. }
  50.  
  51. body {
  52. background: url('{image:Background}') repeat fixed ;
  53. font: 14px 'Arial', sans-serif ;
  54.  
  55. color: #000; }
  56.  
  57. a { font-size: 12px; text-decoration: none; color: #69c2f1; line-height:25px; }
  58.  
  59. a:hover {
  60. text-decoration: underline; }
  61.  
  62.  
  63.  
  64. #container { }
  65.  
  66. #wrap { margin: 0 auto; margin-top:40px; width:900px; }
  67.  
  68. #twitter { z-index:-1; margin: 0 auto; position:absolute; width: 900px; height:100%; }
  69.  
  70. #twitter-cover { text-align:center; margin-right: 15px; margin-top:15px; height: 310px; width:554px; border-radius:5px; box-shadow: 0px 1px 1px #202020; background: url('http://s17.postimg.org/g4qf1etkf/cover.jpg') no-repeat; float:right; }
  71.  
  72. .alt-bolum { position:absolute; width:554px; height:40px; background: #fff; margin-top:13px;
  73. border-radius:5px;
  74. }
  75.  
  76. .alt-bolum-ust { position:absolute; width:554px; height:14px; background: #fff; margin-top:3px;
  77.  
  78. }
  79.  
  80. .alt-bolum .takip-et { cursor:pointer; position:absolute; float:right; width:89px; height:30px;
  81. background: url('http://s16.postimg.org/okapc5pcx/takip_et.jpg') no-repeat; width:89px; height:30px; margin-left:455px; margin-bottom:10px;
  82. z-index:10; }
  83.  
  84. .alt-bolum .takip-et:hover {
  85. width:89px; height:30px;
  86. background: url('http://s21.postimg.org/ub89szbkj/takip_et_hover.jpg'); }
  87.  
  88. #twitter-bg { margin: 0 auto; position:fixed; z-index:-1; background: url('http://s16.postimg.org/cue6ngfq9/image.png') repeat; width: 900px; height:100%; }
  89.  
  90.  
  91.  
  92. /*================================
  93. Header
  94. ================================*/
  95. #header { }
  96.  
  97. #header img { }
  98.  
  99. #ust { box-shadow: 1px 0px 4px #2a2a2a; height: 40px; background: url('http://s7.postimg.org/9fwvsdmsr/top.jpg') repeat-x; top:0; width:100%; right:0;
  100. z-index:4;
  101. position:fixed; }
  102.  
  103. #ust .buttons { z-index:5; margin: 0 auto; width: 890px; height:40px; }
  104.  
  105. #ust .buttons .ana-sayfa { cursor:pointer; z-index:6; top:0;
  106. margin-left:0px; background: url('http://s23.postimg.org/lz2qif9cn/ana_sayfa.jpg')
  107. no-repeat; width:107px; height:40px; }
  108.  
  109. #ust .buttons .ana-sayfa:hover { background: url('http://s7.postimg.org/npxpvr5bb/ana_sayfa_hover.jpg') no-repeat; width:107px; }
  110.  
  111. #ust .buttons .ask-button { margin-left:785px; position:absolute; cursor:pointer; z-index: 6; top: 5px;
  112. background: url('http://s22.postimg.org/s4mbd4avx/ask.jpg') no-repeat; width:40px; height:30px;
  113. }
  114.  
  115. #ust .buttons .ask-button:hover { background: url('http://s22.postimg.org/iuesnbpjx/ask_hover.jpg') no-repeat; }
  116.  
  117. #t-logo { top: -33px; z-index:7; position: relative; background: url('http://s23.postimg.org/5m828e1av/t_logo.png') no-repeat;
  118. margin: 0 auto; width:24px; height: 26px; }
  119.  
  120. /*================================
  121. Side
  122. ================================*/
  123.  
  124.  
  125. #side_left { position:absolute;
  126. width:300px;
  127.  
  128. left:0; top:0px; top: 15px; left:15px;
  129.  
  130. }
  131.  
  132.  
  133. #side-left-box {
  134. width:276px; background: #fff; z-index:3; border-radius: 5px;
  135. border: 1px solid #e1e1e1; padding:12px; margin-bottom:10px;
  136.  
  137. }
  138.  
  139.  
  140.  
  141. #side-left-box-resim {
  142. background: #000; z-index:4; border-radius: 5px; margin-top:10px;
  143. border: 1px solid #e1e1e1; padding-right:5px;
  144.  
  145. }
  146.  
  147.  
  148.  
  149.  
  150. #side_left2 {
  151. width:64px; background: ; height:100%;
  152. position: fixed; right:0px; top:27px;
  153.  
  154. }
  155.  
  156.  
  157.  
  158.  
  159. .sticky {
  160. position:fixed;
  161. top:55px;
  162. }
  163.  
  164. .sidebarfixedbox {
  165.  
  166.  
  167. width:276px; background: #fff; z-index:3; border-radius: 5px;
  168. border: 1px solid #e1e1e1; padding:12px; margin-bottom:10px;
  169. }
  170.  
  171. .sidebarfixedbox img {
  172.  
  173.  
  174. border-radius: 5px; margin-top:-11px; width:48px;
  175.  
  176. }
  177.  
  178.  
  179. #kimi {
  180. position:absolute; margin-left:58px; margin-top:-58px; }
  181.  
  182. #kimi a { line-height:20px; color:#000; }
  183. #kimi a:hover { color: #69c2f1; }
  184.  
  185. #kimi-username { position:absolute; margin-left:130px; margin-top:-61px; }
  186. #kimi-username a { color: #ccc; }
  187. #kimi-username a:hover { text-decoration:none; }
  188.  
  189. #kimi-button { position:absolute; margin-left:58px; margin-top:-37px; }
  190.  
  191.  
  192.  
  193.  
  194. #twitter-cover-h1 {
  195. padding: 2px; text-decoration:none;
  196. font-size: 24px ; color: #fff; font-weight: bold;
  197. text-shadow: 1px 1px #464646;
  198. }
  199.  
  200. #twitter-cover-h1 a { white-space: nowrap; color: #fff; font-size:18px; }
  201. #twitter-cover-h1 a:hover { text-decoration:none; }
  202.  
  203.  
  204. #twitter-cover #portrait {
  205. margin: 0 auto; margin-top:15px;
  206. margin-bottom: -3px;
  207. border: 4px solid #fff; border-radius:5px;
  208. }
  209.  
  210. #twitter-cover #about {
  211. padding: 2px; margin: 0 auto;
  212. font-size:13px;
  213. width: 380px; color:#fff; text-align:center;
  214.  
  215. }
  216.  
  217.  
  218.  
  219. #side_right ul#pagination{
  220. width: 190px;
  221. list-style-type: none;
  222. {block:IfInfiniteScroll}display: none !important;{/block:IfInfiniteScroll}}
  223.  
  224. #side_right ul#pagination li {
  225. display: inline-block;
  226. background: {color:Side};
  227. text-transform: uppercase;
  228. font: 11.5px 'Source Sans Pro', 'Helvetica', sans-serif;
  229. font-weight: 900;
  230. padding: 7px 10px;
  231. {block:IfShowShadows}
  232. -webkit-box-shadow: 0px 0px 5px rgba({RGBcolor:Side Shadow},0.1);
  233. -moz-box-shadow: 0px 0px 5px rgba({RGBcolor:Side Shadow},0.1);
  234. box-shadow: 0px 0px 5px rgba({RGBcolor:Side Shadow},0.1);
  235. {/block:IfShowShadows}}
  236.  
  237. #side_right ul#pagination li#next {
  238. width: 75px;
  239. float: right;
  240. text-align: right;}
  241.  
  242. #side_right ul#pagination li#prev { width: 73px; float: left;}
  243.  
  244.  
  245. /*================================
  246. Post - Index Page
  247. ================================*/
  248. #post {
  249. float:right; width: 570px; margin-top:331px; margin-right:8px;
  250. }
  251.  
  252. #post .entry {
  253. {block:IndexPage}
  254. {block:IfNot2Columns}{block:IfNot3Columns}
  255. width: 535px;
  256. {/block:IfNot3Columns}{/block:IfNot2Columns}
  257. {block:If3Columns}width:250px; {/block:If3Columns}
  258. {block:If2Columns}width:250px; border-radius: 5px; border: 1px solid #e1e1e1;{/block:If2Columns}
  259. {/block:IndexPage}
  260. {block:PermalinkPage}width: 536px; border-radius: 5px; border: 1px solid #e1e1e1; {/block:PermalinkPage}
  261. float: left;
  262. margin: 7px;
  263. background: {color:Post};
  264. border: 10px solid {color:Post};
  265. overflow: hidden;
  266. {block:IfShowShadows}
  267. -webkit-box-shadow: 0px 0px 5px rgba({RGBcolor:Post Shadow},0.1);
  268. -moz-box-shadow: 0px 0px 5px rgba({RGBcolor:Post Shadow},0.1);
  269. box-shadow: 0px 0px 5px rgba({RGBcolor:Post Shadow},0.1);
  270. {/block:IfShowShadows}}
  271.  
  272.  
  273. /* text */
  274. #post .entry #caption {
  275. background: {color:Post Accent};
  276. margin-top: 10px;
  277. padding: 5px 8px;
  278. overflow: hidden;
  279. {block:IndexPage}
  280. {block:IfNotShowCaption}display: none !important;{/block:IfNotShowCaption}{/block:IndexPage}}
  281.  
  282. #post .entry h1, #post .entry h1#quote{
  283. margin: 0;
  284. line-height:100%;
  285. font: 17px 'Source Sans Pro', Helvetica, sans-serif;
  286. font-weight: 900;
  287. text-transform: uppercase;}
  288.  
  289. #post .entry h1#quote {text-align: center; letter-spacing: 3px;}
  290. #post .entry p#source { margin: 5px 0 0 0; text-align: center; }
  291.  
  292. #post .entry p { margin: 10px 0; line-height: 110%;}
  293. #post .entry p:first-child { margin: 1px 0;}
  294.  
  295. #post .entry blockquote {
  296. border-left: 3px solid {color:Post Text};
  297. margin: 10px 15px;
  298. padding-left: 10px;}
  299.  
  300. #post .entry .text ul {
  301. margin: 10px 15px;
  302. padding: 0 15px;
  303. list-style-type: disc;}
  304.  
  305. #post .entry .text ol {
  306. margin: 10px 15px;
  307. padding: 0 15px;
  308. list-style-type: lower-latin;}
  309.  
  310. #post .entry .text ul li, #post .entry ol li {margin: 2px 0;}
  311.  
  312. #post .entry .chat li {
  313. margin: 3px 0;
  314. padding: 5px 8px;
  315. list-style-type: none;
  316. background: {color:Post Accent};}
  317.  
  318. #post .entry .chat li span {
  319. font-family: 'Source Sans Pro', Helvetica, sans-serif;
  320. font-weight: 900;
  321. text-transform: uppercase;}
  322.  
  323.  
  324. #post .entry #text_perma {
  325. width: 100%;
  326. padding: 5px 0 0 0;
  327. position: absolute;
  328. bottom: -20px;
  329. background:{color:Post};
  330. text-transform: uppercase;
  331. -webkit-transition: all 0.5s ease-out;
  332. -moz-transition: all 0.5s ease-out;
  333. transition: all 0.5s ease-out;}
  334.  
  335. #post .entry:hover #text_perma {
  336. bottom: 0;
  337. -webkit-transition: all 0.5s ease-out;
  338. -moz-transition: all 0.5s ease-out;
  339. transition: all 0.5s ease-out;}
  340.  
  341. #post .entry #text_perma a {
  342. font: 11px 'Source Sans Pro', Helvetica, sans-serif;
  343. font-weight: 900;}
  344.  
  345. #post .entry #text_perma a#date {
  346. float: right;
  347. display: inline;}
  348.  
  349. /* answer post */
  350. #post .entry #asker img {
  351. float: left;
  352. margin:0 10px 10px 0;
  353. display: inline;
  354. vertical-align: middle;}
  355.  
  356. #post .entry #asker a{
  357. font: 12px 'Source Sans Pro', Helvetica, sans-serif;
  358. font-weight: bold;
  359. text-transform: uppercase;}
  360.  
  361. #post .entry #question {
  362. font-weight: bold;
  363. font-family: helvetica;}
  364.  
  365. #post .entry #answer {margin-top: 10px;}
  366.  
  367. /* media - audio */
  368. #post .entry .audio {
  369. width: 100%;
  370. overflow: hidden;
  371. background: #000;}
  372.  
  373. #post .entry .audio_info {
  374. width: 100%;
  375. margin: 1px 0;
  376. overflow: hidden;
  377. padding: 10px;
  378. background: #000;
  379. color: #FFF;
  380. font: 11px 'Source Sans Pro', Helvetica, sans-serif;
  381. font-weight: 900;
  382. text-transform: uppercase;}
  383.  
  384. #post .entry .audio_player,
  385. #post .entry #audio_player {
  386. width: 17px;
  387. height: 27px;
  388. padding: 5px 10px;
  389. float: left;
  390. overflow: hidden;}
  391.  
  392. #post .entry #plays {
  393. display: inline-block:
  394. text-align: right;
  395. float: right;
  396. padding: 10px;}
  397.  
  398. #post .entry #plays a {
  399. color: #FFF;
  400. text-transform: uppercase;
  401. font-weight: 900;
  402. font-family: 'Source Sans Pro', 'Droid Sans', Helvetica, sans-serif;}
  403.  
  404. #post .entry img#albumart {
  405. {block:IndexPage}
  406. {block:IfNot2Columns}{block:IfNot3Columns}
  407. width: 516px;
  408. {/block:IfNot3Columns}{/block:IfNot2Columns}
  409. {block:If3Columns}width:250px;{/block:If3Columns}
  410. {block:If2Columns}width:250px;{/block:If2Columns}
  411. {/block:IndexPage}
  412. margin-bottom: -3px;}
  413.  
  414. /* media - photo */
  415. #post .entry #photo {
  416. position: relative;
  417. margin-bottom: -8px; border-radius: 5px; }
  418.  
  419.  
  420.  
  421.  
  422. #post .entry #photo:hover ul#permalink { background: url('http://s8.postimg.org/9hfjtg4bl/photo_bg.png') repeat;
  423. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  424. filter:alpha(opacity=100);
  425. -khtml-opacity: 1.0;
  426. -moz-opacity:1.0;
  427. opacity:1.0;
  428. -webkit-transition: all 0.5s ease-out;
  429. -moz-transition: all 0.5s ease-out;
  430. transition: all 0.5s ease-out;}
  431.  
  432. #post .entry #photo ul#permalink {
  433. position: absolute;
  434. width: 250px;
  435. height: 100%;
  436. top: 0%; left: 50%;
  437. margin: 0px 0 0 -125px;
  438. list-style-type: none;
  439. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  440. filter:alpha(opacity=0);
  441. -khtml-opacity: 0.0;
  442. -moz-opacity:0.0;
  443. opacity:0.0;
  444. -webkit-transition: all 0.5s ease-out;
  445. -moz-transition: all 0.5s ease-out;
  446. transition: all 0.5s ease-out;}
  447.  
  448. #post .entry #photo ul#permalink li {
  449. margin: 2px;
  450. padding: 7px 10px;
  451.  
  452. text-transform: uppercase;
  453. font: 11px 'Source Sans Pro', 'Helvetica', sans-serif;
  454. font-weight: 900;
  455. text-align: center;
  456. }
  457.  
  458.  
  459. #post .entry #photo ul#permalink li#note { font-size: 15px !important;}
  460. #post .entry #photo a, ul#permalink a, li#note a { color: #fff; }
  461.  
  462.  
  463.  
  464.  
  465. /*================================
  466. Post - Permalink Page
  467. ================================*/
  468. .permalink_info {
  469. width: 520px;
  470. margin: 7px;
  471. float: left;}
  472.  
  473. .permalink_info #post_info,
  474. .permalink_info #share{width: 253px;}
  475.  
  476. .permalink_info #post_info h1,
  477. .permalink_info #share h1{
  478. padding: 10px;
  479. font-size: 15px;
  480. font-weight: 900;
  481. font-family: 'Source Sans Pro', 'Droid Sans', Helvetica, sans-serif;
  482. background: {color:Post};
  483.  
  484. }
  485.  
  486. .permalink_info #post_info ul#body,
  487. .permalink_info #share ul#body {
  488. margin: 1px 0;
  489. padding:5px 10px;
  490. list-style-type: none;
  491. background: rgba({RGBcolor:Post},0.7);
  492.  
  493. }
  494.  
  495. .permalink_info #post_info ul#body li { margin: 3px 0; }
  496. .permalink_info #share ul#body li {margin: 4px 0;}
  497.  
  498. .permalink_info #post_info ul#body li strong {
  499. text-transform: uppercase;
  500. font: 11px 'Source Sans Pro', Helvetica, sans-serif;
  501. font-weight: 900; }
  502.  
  503. .permalink_info #post_info { float: left;}
  504. .permalink_info #share { float: right; }
  505.  
  506. ol.notes {
  507. padding: 0;
  508. margin: 0;
  509. list-style-type: none;}
  510.  
  511. ol.notes li.note {
  512. padding: 1px;
  513. float:left;}
  514.  
  515. ol.notes li.note img.avatar {
  516. vertical-align: -4px;
  517. display: inline !important;
  518. width: 21px;
  519. margin: 3px 4px;
  520. height: 21px;}
  521.  
  522. ol.notes li.note span.action {
  523. font-weight:normal;
  524. display:none;}
  525.  
  526. ol.notes li.note .answer_content {
  527. font-weight: normal;
  528. display:none;}
  529.  
  530. ol.notes li.note blockquote {
  531. padding: 4px 10px;
  532. margin: 10px 0px 0px 25px;
  533. display:none;}
  534.  
  535. ol.notes li.note blockquote a {
  536. text-decoration: none;
  537. display:none;}
  538.  
  539. ol.notes li.more_notes_link_container{
  540. text-align: center;
  541. font-family: 'Source Sans Pro', 'Helvetica';
  542. font-size: 11px;
  543. font-weight: 900;
  544. text-transform: uppercase;
  545. width: 500px;
  546. display: block !important;
  547. margin-top: 20px;
  548. padding-top: 10px; }
  549.  
  550.  
  551. .black-close { background: #eeede2; width: 30px; height: 27px; position:fixed; z-index:1; right:0px; top:0px; }
  552.  
  553.  
  554.  
  555. </style>
  556.  
  557. <script type="text/javascript" src="http://static.tumblr.com/4w8xz8v/UHbmbcpte/jquery.plugins.js"></script>
  558. {block:IndexPage}
  559. <script type="text/javascript">
  560. $(window).load(function () {
  561. var $content = $('#post');
  562. $content.masonry({
  563. itemSelector: '.entry',
  564. isAnimated: true
  565. });{block:IfInfiniteScroll}
  566. $content.infinitescroll({
  567. navSelector : 'ul#pagination li#next',
  568. nextSelector : 'ul#pagination li#next a',
  569. itemSelector : '.entry',
  570. loading: {
  571. finishedMsg: 'End Of Posts',
  572. img: 'http://static.tumblr.com/scuioro/RlYm3gx6b/89.gif'
  573. },
  574. bufferPx : 20,
  575. debug : false,
  576. },
  577. function( newElements ) {
  578. $('.audio').each(function(){
  579. var audioID = $(this).attr("id");
  580. var $audioPost = $('#audio_player_'+audioID);
  581. if (! $('#audio_player_'+audioID+' > .audio_player').children().is('embed')){
  582. $.ajax({
  583. url: '/api/read/json?id=' + audioID,
  584. dataType: 'jsonp',
  585. timeout: 50000,
  586. success: function(data){
  587. $audioPost.html('\x3cdiv class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'].replace('audio_player', 'audio_player_black') +'\x3c/div\x3e');
  588. }
  589. });
  590. };
  591. });
  592.  
  593. $('.video').each(function(){
  594. var videoID = $(this).attr("id");
  595. var $videoPost = $(this);
  596. var videoWidth;
  597. {block:IfNot2Columns}{block:IfNot3Columns}videoWidth = "-500";{/block:IfNot3Columns}{/block:IfNot2Columns}
  598. {block:If2Columns}videoWidth = "-250";{/block:If2Columns}
  599. {block:If3Columns}videoWidth = "-250";{/block:If3Columns}
  600. $.ajax({
  601. url: '/api/read/json?id=' + videoID,
  602. dataType: 'jsonp',
  603. timeout: 50000,
  604. success: function(data){
  605. $videoPost.html(data.posts[0]["video-player"+videoWidth]);
  606. $content.masonry();}
  607. });
  608. $videoPost.removeClass("done");
  609. });
  610.  
  611. var $newElems = $( newElements );
  612. $newElems.hide();
  613. $newElems.imagesLoaded(function(){
  614. $content.masonry( 'appended',
  615. $newElems, true,
  616. function(){$newElems.fadeIn(300);});
  617. });
  618. });{/block:IfInfiniteScroll}
  619. });
  620.  
  621. </script>
  622. {/block:IndexPage}
  623. <script type="text/javascript">
  624. $(function() {
  625. $(window).scroll(function() {
  626. if($(this).scrollTop() != 0) {
  627. $('#totop').fadeIn();
  628. }
  629. else {
  630. $('#totop').fadeOut();
  631. }
  632. });
  633.  
  634. $('#totop').click(function() {
  635. $('body,html').animate({scrollTop:0},800);
  636. });
  637. });
  638. </script>
  639.  
  640.  
  641.  
  642. <script>
  643. $(function() {
  644. var sidebarfixedbox = $(".sidebarfixedbox"), pos = sidebarfixedbox.offset();
  645. $(window).scroll(function() {
  646. if($(this).scrollTop() > (pos.top + 30) &&
  647. sidebarfixedbox.css('position') == 'static') { sidebarfixedbox.addClass('sticky'); }
  648. else if($(this).scrollTop() <= pos.top &&
  649. sidebarfixedbox.hasClass('sticky')){ sidebarfixedbox.removeClass('sticky'); }
  650. })
  651. });
  652. </script>
  653.  
  654.  
  655. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  656.  
  657.  
  658.  
  659.  
  660. <script type="text/javascript" src="http://yourjavascript.com/25127312135/khaalesi.js"></script>
  661.  
  662. <a href='http://www.tumblrdanasilyapilir.com/2013/07/tumblr-ucan-twitter-kusu-ekleme.html'>
  663.  
  664.  
  665. <img src="http://s15.postimg.org/9gttemmuf/bird_1.png" alt="" onmouseover=" this.src='http://s14.postimg.org/67k4qgtxp/bird_hover.png'" onmouseout=" this.src='http://s15.postimg.org/9gttemmuf/bird_1.png'"
  666. style="cursor:pointer; position:fixed; left:0px; top:200px;"/>
  667.  
  668.  
  669. </a>
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677. </head>
  678.  
  679.  
  680.  
  681. <body>
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688. <div id="ust">
  689.  
  690.  
  691.  
  692. <div class="buttons">
  693.  
  694. <div class="ana-sayfa" onclick="javascript:window.location='/';"></div>
  695.  
  696. <div class="ask-button" onclick="javascript:window.location='/ask';"></div>
  697.  
  698. <div id="t-logo"></div>
  699.  
  700. </div>
  701.  
  702. </div>
  703.  
  704.  
  705.  
  706. <div class="black-close"></div>
  707.  
  708. <div id="container">
  709. {block:IfBannerOrLogoImage}
  710. <div id="header">
  711.  
  712. </div>
  713. {/block:IfBannerOrLogoImage}
  714.  
  715. <div id="wrap">
  716.  
  717.  
  718.  
  719. <div id="twitter-bg"> </div>
  720. <div id="twitter">
  721. <div id="twitter-cover">
  722.  
  723. {block:IfPortraitImage}<a href="/"><img src="{image:Portrait}"
  724. id="portrait" height="73"></a>{/block:IfPortraitImage}
  725.  
  726. <div id="twitter-cover-h1">Gurkan's Coffee Shop <br>
  727.  
  728. <a href="/">@GurkanSenn</a>
  729.  
  730. </div>
  731.  
  732. <div id="about">{Description}</div>
  733.  
  734.  
  735. <div class="alt-bolum-ust"></div>
  736. <div class="alt-bolum">
  737.  
  738. <div class="takip-et" onclick="javascript:window.location='https://twitter.com/GurkanSenn';"></div>
  739.  
  740.  
  741. </div></div>
  742. <div id="side_left">
  743.  
  744.  
  745. <div id="side-left-box">
  746.  
  747. Benim Gündemim
  748. <br> <br>
  749. <a href="http://www.tumblrdanasilyapilir.com"> #TumblrdaNasilYapilir
  750. </a> <br>
  751.  
  752. <a href="http://www.tumblrdanasilyapilir.com/2013/01/tumblr-muzik-player-ekleme-dalgas.html"> #MüzikPlayerEkleme</a>
  753. <br>
  754. <a href="http://www.tumblrdanasilyapilir.com/2012/09/tumblr-online-kisi-sayac-ekleme.html"> #OnlineSayaçEkleme</a>
  755.  
  756. <br>
  757. <a href="http://www.tumblrdanasilyapilir.com/2013/01/tumblr-html-duzenle-bolumune-kod-nasl.html"> #KodNasilEklenir</a>
  758.  
  759. <br>
  760. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-tema-degistirme-tema-yukleme.html"> #TemaNasılYüklenir</a>
  761.  
  762. <br>
  763. <a href="http://www.tumblrdanasilyapilir.com/2013/01/photoshopta-basit-olarak-gif-nasl-yaplr.html"> #GifNasılYapılır</a>
  764.  
  765. <br>
  766. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-imlec-ekleme-mouse-cursors-mouse.html"> #MouseİmleciYapmaVeDeğiştirme</a>
  767. <br>
  768. <a href="http://www.tumblrdanasilyapilir.com/2013/06/videoyu-gif-yapma-gife-cevirme.html"> #VideodanGifNasılYapılır</a>
  769.  
  770. <br>
  771. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-icin-farkl-gif-yapmlar.html"> #GifNasılYapılırvol2</a>
  772.  
  773. <br>
  774. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-ucretli-temay-ucretsiz-kullanma.html"> #ÜcretliTemalarıÜcretsizKullanma</a>
  775.  
  776. <br>
  777. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-ucretli-temaya-muzik-ekleme.html"> #ÜcretliTemayaKodEkleme</a>
  778.  
  779. <br>
  780. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-icerikleriniz-kopyalanmasn.html"> #İçeriklerinKopyalanmasınaEngelKoyma</a>
  781.  
  782. <br>
  783. <a href="http://www.tumblrdanasilyapilir.com/2013/06/tumblr-install-theme-butonunu-kaldrma.html"> #İnstallThemeButonunuKaldırma</a>
  784.  
  785. <br>
  786. <a href="http://www.tumblrdanasilyapilir.com/2013/06/ucretsiz-en-iyi-tumblr-temalar-best-tumblr-themes.html"> #TumblrTemaları</a>
  787.  
  788.  
  789. </div>
  790.  
  791. <div id="side-left-box">
  792. <center> <a href="http://www.tumblrdanasilyapilir.com/2013/07/tumblrda-sohbet-eklentisi-babblr.html" target="_blank"><img src="http://s3.amazonaws.com/BBLR/web/bblrchatme_lrg.png" style=" margin-top:10px; "></a></center>
  793. </div>
  794.  
  795.  
  796.  
  797. <div id="side-left-box">
  798.  
  799. Fotoğraflar <br><br>
  800.  
  801. <a href="http://instagram.com/p/NiVRP3Fjig/"><img src="http://s13.postimg.org/3o6vfhzyf/image.png" width="89" ></a>
  802.  
  803. <a href="http://instagram.com/p/Nh2pTHFjkA/"><img src="http://s21.postimg.org/iovx9o407/image.png" width="89" ></a>
  804.  
  805. <a href="http://instagram.com/p/NR62DYFjjy/"><img src="http://s21.postimg.org/rhhhb3eiv/image.png" width="89" ></a>
  806.  
  807. </div>
  808.  
  809.  
  810.  
  811.  
  812. <div class="sidebarfixedbox">
  813.  
  814. Kimi takip etmeli - <a href="https://twitter.com/who_to_follow/suggestions">Tümünü göster</a>
  815.  
  816. <br> <br>
  817.  
  818. <a href="https://twitter.com/GurkanSenn"> <img src="https://si0.twimg.com/profile_images/378800000081330114/58fb7064643a61c3cf99641fb5b52fec_bigger.jpeg" width="48 "></a>
  819.  
  820.  
  821. <div id="kimi">
  822. <a href="https://twitter.com/GurkanSenn">Gürkan Şen </a>
  823. </div>
  824.  
  825. <div id="kimi-username"><a href="https://twitter.com/GurkanSenn">@GurkanSenn </a>
  826. </div>
  827.  
  828. <div id="kimi-button">
  829.  
  830. <a href="https://twitter.com/GurkanSenn" class="twitter-follow-button" data-show-count="false" data-lang="tr" data-show-screen-name="false">Takip et: @GurkanSenn</a>
  831.  
  832. </div>
  833.  
  834. </div>
  835.  
  836. <div class="sidebarfixedbox">
  837.  
  838. <!-- BEGIN CBOX - www.cbox.ws - v001 -->
  839. <div id="cboxdiv" style="text-align: center; line-height: 0">
  840. <div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4195026&amp;boxtag=3ywx4j&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4195026" style="border:#ababab 1px solid;" id="cboxmain4-4195026"></iframe></div>
  841. <div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4195026&amp;boxtag=3ywx4j&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4195026" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4195026"></iframe></div>
  842. </div>
  843. <!-- END CBOX -->
  844.  
  845. </div>
  846.  
  847.  
  848. </div>
  849.  
  850.  
  851.  
  852.  
  853. <div id="side_left2"> </div>
  854.  
  855. </div>
  856.  
  857.  
  858.  
  859. <div id="post">
  860. {block:Posts}
  861.  
  862.  
  863.  
  864. <!-- {block:NoRebloggedFrom}
  865. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  866. {/block:NoRebloggedFrom} -->
  867. {block:ContentSource}<!-- {SourceURL}
  868. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  869. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  870. {/block:ContentSource}
  871.  
  872. <div class="entry">
  873.  
  874.  
  875. {block:Text}
  876. <div class="text">
  877. {block:Title}<h1>{Title}</h1>{/block:Title}
  878. {Body}
  879.  
  880. {block:IndexPage}
  881. <div id="text_perma">
  882. <a href="{Permalink}">{NoteCountWithLabel}</a>
  883. <a id="date" href="{Permalink}">{TimeAgo}</a>
  884. </div>
  885. {/block:IndexPage}
  886. </div>
  887. {/block:Text}
  888.  
  889. {block:Quote}
  890. <div class="text">
  891. <h1 id="quote">"{Quote}"</h1>
  892. {block:Source}<p id="source">{Source}</p>{/block:Source}
  893. {block:IndexPage}
  894. <div id="text_perma">
  895. <a href="{Permalink}">{NoteCountWithLabel}</a>
  896. <a id="date" href="{Permalink}">{TimeAgo}</a>
  897. </div>
  898. {/block:IndexPage}
  899. </div>
  900. {/block:Quote}
  901.  
  902. {block:Link}
  903. <div class="text">
  904. <h1><a href="{URL}" target="_blank">{Name}</a></h1>
  905. {block:Description}{Description}{/block:Description}
  906.  
  907. {block:IndexPage}
  908. <div id="text_perma">
  909. <a href="{Permalink}">{NoteCountWithLabel}</a>
  910. <a id="date" href="{Permalink}">{TimeAgo}</a>
  911. </div>
  912. {/block:IndexPage}
  913. </div>
  914. {/block:Link}
  915.  
  916. {block:Chat}
  917. <div class="chat">
  918. {block:Title}<h1>{Title}</h1>{/block:Title}
  919. {block:Lines}
  920. <li>{block:Label}<span>{Label}</span>{/block:Label}
  921. {Line}</li>
  922. {/block:Lines}
  923.  
  924. {block:IndexPage}
  925. <div id="text_perma">
  926. <a href="{Permalink}">{NoteCountWithLabel}</a>
  927. <a id="date" href="{Permalink}">{TimeAgo}</a>
  928. </div>
  929. {/block:IndexPage}
  930. </div>
  931. {/block:Chat}
  932.  
  933. {block:Audio}
  934. {block:AlbumArt}
  935. <img src="{AlbumArtURL}" id="albumart">
  936. {block:AlbumArt}
  937. <div class="audio" id="{PostID}">
  938. {AudioPlayerBlack}
  939. <div id="plays"><a href="{Permalink}">{PlayCountWithLabel}</a></div>
  940. </div>
  941.  
  942. {block:TrackName}
  943. <div class="audio_info">Track: {TrackName}</div>
  944. {/block:TrackName}
  945. {block:Artist}
  946. <div class="audio_info">Artist: {Artist}</div>
  947. {/block:Artist}
  948. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  949. {/block:Audio}
  950.  
  951. {block:Photo}
  952. <div id="photo">
  953. {block:IndexPage}
  954. <ul id="permalink">
  955. <li id="note"><a href="{Permalink}">{NoteCountWithLabel}</a></li>
  956. <li><a href="{Permalink}">{TimeAgo}</a></li>
  957. <li><a href="{ReblogURL}" target="_blank">Reblog</a></li>
  958. </ul>
  959. {/block:IndexPage}
  960. <a href="{Permalink}"> <img src="{PhotoURL-500}" width="{block:IndexPage}{block:IfNot2Columns}{block:IfNot3Columns}500{/block:IfNot3Columns}{/block:IfNot2Columns}{block:If2Columns}250{/block:If2Columns}{block:If3Columns}250{/block:If3Columns}{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}"> </a>
  961. </div>
  962. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  963. {/block:Photo}
  964.  
  965. {block:Photoset}
  966. {block:IndexPage}
  967. {block:IfNot2Columns}{block:IfNot3Columns}{Photoset-500}{/block:IfNot3Columns}{/block:IfNot2Columns}
  968. {block:If2Columns}{Photoset-250}{/block:If2Columns}
  969. {block:If3Columns}{Photoset-250}{/block:If3Columns}
  970. {/block:IndexPage}
  971. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  972. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  973. {block:IndexPage}
  974. <div id="text_perma">
  975. <a href="{Permalink}">{NoteCountWithLabel}</a>
  976. <a id="date" href="{Permalink}">{TimeAgo}</a>
  977. </div>
  978. {/block:IndexPage}
  979. {/block:Photoset}
  980.  
  981. {block:Video}
  982. <div class="video" id="{PostID}">
  983. {block:IndexPage}
  984. {block:IfNot2Columns}{block:IfNot3Columns}
  985. {Video-500}
  986. {/block:IfNot3Columns}{/block:IfNot2Columns}
  987. {block:If2Columns}{Video-250}{/block:If2Columns}
  988. {block:If3Columns}{Video-250}{/block:If3Columns}
  989. {/block:IndexPage}
  990. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  991. </div>
  992. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  993. {block:IndexPage}
  994. <div id="text_perma">
  995. <a href="{Permalink}">{NoteCountWithLabel}</a>
  996. <a id="date" href="{Permalink}">{TimeAgo}</a>
  997. </div>
  998. {/block:IndexPage}
  999. {/block:Video}
  1000.  
  1001. {block:Answer}
  1002. <div id="asker">
  1003. <img src="{AskerPortraitURL-30}">{Asker}
  1004. </div>
  1005. <div id="question">{Question}</div>
  1006. <div id="answer">{Answer}</div>
  1007.  
  1008. {block:IndexPage}
  1009. <div id="text_perma">
  1010. <a id="date" href="{Permalink}">{TimeAgo}</a>
  1011. </div>
  1012. {/block:IndexPage}
  1013. {/block:Answer}
  1014.  
  1015. </div>
  1016. {block:PermalinkPage}
  1017. {block:Date}
  1018. <div class="permalink_info">
  1019. <div id="post_info">
  1020. <h1>Post Info</h1>
  1021. <ul id="body">
  1022. <li><strong>Notes:</strong> {NoteCountWithLabel}</li>
  1023. <li><strong>Date:</strong> {Month} {DayOfMonthWithZero}, {Year}</li>
  1024. <li><strong>Time:</strong> {12Hour}:{Minutes} {CapitalAmPm}</li>
  1025. {block:RebloggedFrom}
  1026. <li><strong>Posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  1027. <li><strong>Reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  1028. {/block:RebloggedFrom}
  1029. </ul>
  1030. </div>
  1031. <div id="share">
  1032. <h1>Share This</h1>
  1033. <ul id="body">
  1034.  
  1035. <li><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_hcount' displayText='Tweet'></span></li>
  1036. {block:Photo}<li><span st_url='{Permalink}' st_title='{Title}' class='st_pinterest_hcount' displayText='Pinterest'></span></li>{/block:Photo}
  1037.  
  1038. </ul>
  1039. </div>
  1040. </div>
  1041. {/block:Date}
  1042. {/block:PermalinkPage}
  1043.  
  1044. {block:PostNotes}
  1045. <div class="entry">{PostNotes}</div>
  1046. {/block:PostNotes}
  1047.  
  1048. {block:PermalinkPage}
  1049. {block:Date}
  1050. {block:IfDisqusShortname}
  1051. <div class="entry">
  1052. <div id="disqus_thread"></div>
  1053. <script type="text/javascript">
  1054. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1055. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your Disqus site shortname
  1056. var disqus_url = '{Permalink}';
  1057. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  1058.  
  1059. /* * * DON'T EDIT BELOW THIS LINE * * */
  1060. (function() {
  1061. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1062. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  1063. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1064. })();
  1065. </script>
  1066. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1067. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  1068. </div>
  1069. {/block:IfDisqusShortname}
  1070. {/block:Date}
  1071. {/block:PermalinkPage}
  1072. {/block:Posts}
  1073. </div>
  1074.  
  1075. <div id="side_right">
  1076. {block:Pagination}
  1077. <ul id="pagination">
  1078. {block:PreviousPage}
  1079. <li id="prev"><a href="{PreviousPage}">Back</a></li>
  1080. {/block:PreviousPage}
  1081. {block:NextPage}
  1082. <li id="next"><a href="{NextPage}">Next</a></li>
  1083. {/block:NextPage}
  1084. </ul>
  1085. {/block:Pagination}
  1086. </div>
  1087.  
  1088.  
  1089. </div><!-- #wrap -->
  1090. </div><!-- #container -->
  1091.  
  1092. <script id="_waus07">var _wau = _wau || [];
  1093. _wau.push(["tab", "kv8bjg6nt7zf", "s07", "left-lower"]);
  1094. (function() {var s=document.createElement("script"); s.async=true;
  1095. s.src="http://widgets.amung.us/tab.js";
  1096. document.getElementsByTagName("head")[0].appendChild(s);
  1097. })();</script>
  1098.  
  1099. </body>
  1100.  
  1101.  
  1102.  
  1103.  
  1104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!