Cara Memasang Lagu Di Blog Dengan SCMPLAYER

.social-buttons ul li.twitter-button, .social-buttons ul li.facebook-button, .social-buttons ul li.googleplus-button { width: 100px; } .social-buttons ul li.linkdin-button { width: 115px; } .social-buttons ul li.pinterest-button { margin: 0; width: 89px; } .social-buttons.responsive { display: block; margin: 30px 0 0; } .social-buttons.responsive h3 { float: left; margin: -3px 16px 0 0; font-size: 15px; line-height: 28px; color: #949494; } .social-buttons.responsive ul li { float: left; width: 100px; } /*------------------------------------ ---------Blockquote---------------- ----------------------------------------*/ blockquote:before { content: "\f10d"; font-family: FontAwesome; margin-right: 4px; } blockquote { background: #f4f4f4; padding: 20px 25px; margin: 25px 25px; font-style: italic; border-left: 4px solid #dfdfdf; color: #555; } blockquote:after { content: "\f10e"; font-family: FontAwesome; margin-left: 3px; } /*------------------------------------- ---------Typography---------------- -----------------------------------------*/ .letter { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #FFFFFF; float: left; font-size: 24px; height: 40px; line-height: 40px; margin: 0 6px 0 0; text-align: center; width: 40px; } .letter.black { background-color: #292929; } .letter.green { background-color: #46A28D; } .letter.red { background-color: #E53B2C; } .letter.light-green { background-color: #8DC546; } .letter.orange { background-color: #FF8B62; } ul.round { margin-top: 20px; } .round li, .correct li, .question li, .circle li, .ring li { list-style: none outside none; margin-left: 6em; padding: 0 0 0 25px; } .round li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPCBvupQd1zOj_dJkqlUsEXCnnJw_ii3BcUEFyLxs9uX5-D5zOn5LlQfIT1ZY2_BEp1r6E-N7nXUt33yuu9b4_5eGAFC0Rm-TruyWgjbbbcfYNMwm4nQKZucdUPKhV02QF2w1UtLRSflNd/s1600/box.png") no-repeat scroll 5px 45% transparent; } .correct li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBQyvDGu67S2GmzAE0ryRQvPFHjGzrnuwtSFK2PEC0J4WpfqXveBobFuPvwJg6pr0nepb-CX4V447Y1kwZFLBof6JQH6cdgJ6763sqZgnt4e6nc_0EY_M3p32bqqy0Xbrdpvm2YMzUcfo9/s1600/correct-list.png") no-repeat scroll 5px 45% transparent; } .question li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXaZD4bMRtlAwkuHf_DxnVk8N4pJjEnL7pmYeTDQAu9L7-EUvKwNoaDGjsUFLrdR_ezJo_7HAGGlQKTHOZizM0X0tc8zBi-S0iuHMVYE6JkhrTwJzKHjbYyzbr_ZfR7zRNqqM0gk2nVqu3/s1600/question.png") no-repeat scroll 5px 45% transparent; } .circle li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3CLprbnE062aMCT1CctAnYeWoSEywwv2wFrx4x70BbRNusbyA8GZBs_cAYQO-4gJQr7wCJHlAUzWX4FsTxQZsnCg9fF1gnTwBkozM8N_8TBIFh414BEqQ4z7SF1it3-elwKbez_1Mlm0M/s1600/circle.png") no-repeat scroll 5px 45% transparent; } .ring li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjaA6xzB_eEioltmHaMK2t8xnUGMkYV_8a3EfUf3pITWq0dqaH4hLFR3EpsAm8oCsF8xrxO9gLmtgskeO332G5Mpich9m79XetDmvi88tZAP7waFLw2CtFXmg0TePA4-x0wl1gKbwU6EfE/s1600/ring.png") no-repeat scroll 5px 45% transparent; } /*------------------------------------------- --------Related Posts-------------------- ----------------------------------------------*/ .related-posts { background: #ffffff; list-style: none; overflow: hidden; margin: 25px 0 25px 25px; } .related-posts h2 { background: #d60d13; color:#fff; font-family: 'Open Sans',arial,sans-serif; font-size: 26px; font-weight: 500; margin: 0 0 25px; padding: 15px; text-transform:uppercase; } .related-posts .relatedTitles { color: #333232; display: block; font-family: 'Open Sans',arial,sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; } .related-posts .relatedTitles:hover { text-decoration: underline; } .related-posts img { border: none; display: block; height: 120px; margin: 0 0 5px; width: 207px; } .related-posts img:hover { -webkit-opacity: 0.96; -moz-opacity: 0.96; opacity: 0.96; } .related-posts h3 { color: #333232; font-size: 18px; line-height: 24px; } .related-posts a { border-left: 0.5px solid transparent; color: #333232; float: left; margin: 0 0 24px 25px; padding: 0; position: relative; text-decoration: none !important; width: 207px; } /*-------------------------------------------- ------------Comments--------------------- -----------------------------------------------*/ #bc_0_11, #bc_0_2I, #bc_0_3I, #bc_0_4I, #bc_0_5I, #bc_0_6I, #bc_0_7I, #bc_0_8I, #bc_0_9I, #bc_0_10I, #bc_0_11I, #bc_0_12I, #bc_0_13I, #bc_0_14I, #bc_0_15I, #bc_0_16I, #bc_0_17I, #bc_0_18I, #bc_0_19I, #bc_0_20I{ display: none !important; } #comment-holder { margin-bottom: -100px; } #comments { margin: 0 0 25px 25px; background: #ffffff; padding:0px 25px 25px 25px; } #comments pre { background: #F5F5F5; border-left: 2px solid #e0e0e0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px 15px; line-height: 1.4; } #comments h4 { color: #fff; font-family: 'Oswald'; text-transform:uppercase; font-weight:400; font-size: 18px; font-weight: 500; line-height: 26px; margin: 0 -25px 45px; padding: 15px; position: relative; text-align: left !important; background: #d60d13; } #comments-block { line-height: 1.6em; margin: 1em 0 1.5em; } #comments-block .comment-author { margin: 0.5em 0; } #comments-block .comment-body { margin: 0.25em 0 0; } #comments-block .comment-footer { border-bottom: 2px solid #DEDEDE; margin: -0.25em 0 0; } #comments-block .comment-body p { margin: 0 0 0.75em; } .deleted-comment { color: gray; font-style: italic; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0; } .comments .comments-content .comment, .comments .comments-content .comment:first-child, .comments .comments-content .comment:last-child { border-bottom: 1px solid #DFDFDF; margin: 0 0 30px; overflow: hidden; padding: 0 0 15px; } .comments .comments-content .comment-thread { margin: 0; } .comments .comments-content .inline-thread { border-top: 1px solid #DFDFDF; margin-left: 54px; padding: 30px 0 15px; } .comment .avatar-image-container { max-height: 70px !important; position: relative; width: 85px !important; z-index: 50; } .comment .comment-block { margin-left: 90px !important; } .comment .comment-header { font-style: italic; font-weight: 600; margin-left: 60px; padding: 0 0 15px; } .comment .comment-header .icon.user.blog-author .datetime.secondary-text a { text-align: right; } .comment .comment-header a { color: #D3D3D3; text-decoration: none; } .comment .comment-content { color: #474646; font-size: 14px; line-height: 22px; text-align: left; } .comments .thread-toggle { display: none; } .comment-header cite, .comment-header cite a { font-size: 18px; font-weight: 400 !important; line-height: 25px; margin: 0; position: relative; z-index: 99; } .comment .comment-header cite.blog-author, cite.blog-author a { color: #444444 !important; font-size: 19px; font-weight: 400; line-height: 24px; } .icon.blog-author { background: url("") no-repeat scroll 0 0 transparent; bottom: 5px; display: none !important; height: 60px !important; margin-left: 90px; position: absolute; right: 5px; top: 10px; width: 60px !important; } .comment .avatar-image-container img { border: none !important; height: 70px !important; max-height: 70px !important; max-width: 70px !important; width: 70px !important; } .comments .comment .comment-actions a { padding-right: 0; padding-top: 5px; } .comment .comment-actions a { color: #d60d13 !important; display: inline-block !important; *display: inline; zoom: 1; font-size: 14px; font-weight: 600; line-height: 1 !important; margin: 15px 0 0; padding: 0; text-decoration: none !important; text-transform: uppercase; } .comment .comment-actions a:hover { color: #292929 !important; text-decoration: none !important; } .comments { color: black; font-size: 1em; text-align: right; } .comments .continue { display: inline-block !important; *display: inline; zoom: 1; } .comments .continue a { color: #d60d13; font-size: 14px; font-weight: 600 !important; padding: 0 !important; text-transform: uppercase; } .comments .continue a:hover { color: #292929; text-decoration: none; } .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; } .seaf:after { content: "\f119"; font-family: FontAwesome; color: #555; font-weight: normal; margin-left: 5px; } .smib { display: inline-block; margin: 0 20px 10px 0; } .smib-t { margin-top:-9px; text-align: center; } /*------------------------------------ -------Page Navigation----------- ----------------------------------------*/ .bl-pager { margin: 25px 0; overflow: hidden; width: 100%; } .bl-pager li.next { float: right; width: 30%; text-align: right; } .bl-pager li.next .bpn:after { content: "\f101"; font-family: FontAwesome; margin-left: 5px; color: #555; } .bl-pager li.next .bpn { text-align: right; color: #333232; } .bl-pager li.previous { float: left; width: 30%; text-align: left; } .bl-pager li.previous .bpp { color: #333232; } .bl-pager li.previous .bpp:before { content: "\f100"; font-family: FontAwesome; margin-right: 5px; } .bl-pager li.previous a, .bl-pager li.next a { color: #7B7B7B; text-decoration: none; } .bl-pager li.previous a:hover, .bl-pager li.next a:hover { text-decoration: underline; } #blog-pager-newer-link { color: #363231; float: left; font-weight: bold; } #blog-pager-older-link { color: #363231; float: right; font-weight: bold; } #blog-pager { clear: both; text-align: center; margin: 0; } .blog-pager a, #blog-pager a { color: #d60d13; text-decoration: none; } .blog-pager a:hover, #blog-pager a:hover { text-decoration: underline; } .blog-pager, #blog-pager { background: #ffffff; } .blog-pager, #blog-pager a:visited { color: #d60d13; } .showpageNum a, .showpage a { background-color: #d60d13; color: #FFFFFF !important; font-family: 'Open Sans',arial,sans-serif; font-size: 15px; font-weight: normal; line-height: 25px; margin-right: 5px; overflow: hidden; padding: 2px 9px; text-decoration: none !important; } .showpageNum a:hover, .showpage a:hover { background-color: #242628; text-decoration: none; } .showpageOf { color: #999999; float: right; font-family: 'Open Sans',arial,sans-serif; margin: 0; } .showpagePoint { background-color: #242628; color: #FFFFFF; font-family: 'Open Sans',arial,sans-serif; font-size: 15px; font-weight: normal; line-height: 24px; margin-right: 5px; overflow: hidden; padding: 2px 9px; text-decoration: none; } .feed-links { clear: both; display: none; line-height: 2.5em; } /*-----------------------------------------------------------------*/ /*----------------Sidebar Wrapper--------------------------*/ /*--------------------------------------------------------------*/ .sidebar-wrapper { float: right; overflow: hidden; width: 415px; word-wrap: break-word; } /*-----------------------------------------------------------------*/ /*----------------Sidebar Recent Widget------------------*/ /*--------------------------------------------------------------*/ .sidebar .po_content { margin-top: 19px; min-height: 85px; } .sidebar .po_content h3 a { color: #333232; font-weight: 600; line-height: 1.1em; } .sidebar .po_content h3 a:hover { text-decoration: underline; } .sidebar .po_img { display: block; float: left; height: 85px; margin-right: 10px; width: 110px; } .sidebar .po_img img { height: 85px; width: 110px; } .sidebar .tune, .sidebar .t-tune { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; position: relative; } .sidebar .tune a, .sidebar .t-tune a { background: #00C8FF; font-size: 10px; left: 0; line-height: 18px; padding: 2px 4px; position: absolute; top: 0; z-index: 9999; color: #FFFFFF !important; font-style: normal; font-weight: 600; text-transform: capitalize; } .sidebar .t-tune a { background: #d60d13; } .sidebar .tune a:hover, .sidebar .t-tune a:hover { text-decoration: underline; } /*-----------------------------------------------------------------*/ /*----------------Sidebar Social Widget--------------------------*/ /*--------------------------------------------------------------*/ #buttons { overflow: hidden; } .button1 { background: none repeat scroll 0 0 #EEEEEE; -moz-box-shadow: 0 1px 0 #FDFDFD inset; -webkit-box-shadow: 0 1px 0 #FDFDFD inset; box-shadow: 0 1px 0 #FDFDFD inset; float: left; margin: 0; padding: 15px 0 0; width: 149px; } .button1.facebook,.button1:hover.facebook .slide { margin-right: 1px; background: #3873ad; } .button1.google,.button1:hover.google .slide { margin-right: 1px; background: #f73c28; } .button1.twitter,.button1:hover.twitter .slide { background: #62c6f8; } .button1.rss,.button1:hover.rss .slide { background: #f18421; } .button1 i { color: #FFFFFF; display: block; font-family: FontAwesome; font-size: 20px; font-style: normal; height: 40px; line-height: 40px; margin: 0 auto 2px; text-align: center; width: 40px; border: 2px solid #fff; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .social-container { color: #FFFFFF; font-size: 15px; font-weight: 600; height: 45px; line-height: 45px; overflow: hidden; position: relative; text-align: center; width: 100%; } .slide, .button1 i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slide { height: 45px; position: absolute; top: -35px; width: 100%; } .icon-facebook:before { content:"\f09a"; } .icon-twitter:before { content:"\f099"; } .icon-google-plus:before { content:"\f0d5"; } .icon-rss:before { content:"\f09e"; } .slide:after { border-left: 2px solid #EEEEEE; bottom: 0; content: ""; display: block; height: 10px; position: absolute; width: 100%; } .button1:hover .slide { top: 0; } .facebook_c { position: relative; top: 10px; } .twitter_c { position: relative; top: 10px; } .rss .IN-widget, .button1 iframe { position: relative; top: -5px; } .google_c { position: relative; top: 5px; } .rss_c { position: relative; top: 6px; } .twitter iframe { width: 134px !important; } .google #___plusone_0 { width: 60px !important; } .button1.rss { margin-right: 0; } /*--------------------------------- ---------Sidebar Content------ ------------------------------------*/ .sidebar { color: #666666; line-height: 1.5em; } .sidebar .widget { margin: 0; background: #ffffff; padding: 25px; margin-top: 51px; padding-top: 0px; padding-bottom: 0px; } .sidebar .widget h2 { position: relative; font-size: 18px; text-transform: uppercase; margin: 0px; font-weight: 700; color: #444; padding-bottom: 6px; margin-bottom: 10px; border-bottom: 4px #444 solid; } .sidebar ul { list-style: none; } .sidebar li { margin: 0; padding-bottom: 0.25em; padding-right: 0; padding-top: 0; } .sidebar .widget-content { margin: 0; } .main .widget { margin: 0; } .main .Blog { border-bottom-width: 0; } /*------------------------------------- -----------Multi Tabs---------------- -----------------------------------------*/ .tabscontent { display: none; padding: 0; width: 100%; } ul.tabs { margin: -25px -25px 0 -25px; overflow: hidden; } ul.tabs li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnavvGIKcrFBElnoyiJ20cko80yQoczuGqD-7Q4Ti9Xn-GEQrDVK1Tw78Es9Omp-8Xev-fN1yVrXZuA3k8wZ_KMOjisMZXsgTuOH416fsvd6UQ2LdyQoqrfq8y0EFeMzoaNAfRsHARdKk/s1600/title-bg.png") repeat-x scroll center bottom transparent; border-right: 1px solid #EEEEEE; color: #222222; cursor: pointer; display: block; float: left; font-family: 'Open Sans',arial,sans-serif; font-size: 15px; font-weight: normal; line-height: 20px; list-style-type: none; margin-bottom: 6px; padding: 20px 2px 25px 25px; text-transform: uppercase; width: 42%; } ul.tabs li:hover { color: #3396B9; } ul.tabs li.current { border-right: 1px solid #EEEEEE; color: #3396B9; } .block-image { float: left; height: 200px; margin-right: 25px; width: 250px; } img.postimage { height: 200px; width: 250px; } img.postimage:hover { -webkit-opacity: 0.95; -moz-opacity: 0.95; opacity: 0.95; } /*--------------------------------- --------Categories--------------- --------------------------------------*/ .list-label-widget-content li:before { content: "\f02c"; font-family: fontawesome; margin-right: 5px; } .list-label-widget-content li { display: block; padding: 8px 0 8px 5px; position: relative; } .list-label-widget-content li a { color: #555555; font-size: 13px; font-weight: normal; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; } .list-label-widget-content li a:first-child { text-transform: capitalize; } .list-label-widget-content li a:hover { color:#d60d13; padding-left:10px; } .list-label-widget-content li span:last-child { color: #949494; font-size: 12px; font-weight: bold; position: absolute; right: 0; top: 0; } .list-label-widget-content li:hover span:last-child { text-decoration: underline; } /*---------------------------------------- ----------Popular Posts--------------- -------------------------------------------*/ .PopularPosts .item-thumbnail { height: 50px; margin-right: 15px; width: 50px; } .PopularPosts ul li img { height: 50px; padding-right: 0; width: 50px; } .PopularPosts ul li a img:hover { -webkit-opacity: 0.9; -moz-opacity:0.9; opacity: 0.9; } .PopularPosts .widget-content ul li { padding: 7px 0 0; position: relative; } .PopularPosts ul li a { color: #222222; font-family: 'Open Sans',arial,sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; } .PopularPosts ul li a:hover { color: #d60d13; } .PopularPosts .item-title { margin-top: 2px; padding-bottom: 0; padding-top: 10px; } .PopularPosts .item-title .popular_span { color: #C4C4C4; font-size: 13px; font-style: normal; line-height: 21px; margin-top: 3px; } .footer-left .PopularPosts .widget-content ul li { padding: 0 0 5px; position: relative; text-align: left; } .footer-left .PopularPosts ul li a { color: #fff; font-family: 'Open Sans',arial,sans-serif; font-size: 15px; font-weight: normal; line-height: 20px; } .footer-left .PopularPosts ul li a:hover { color: #eae4e4; } .footer-left .PopularPosts .item-title { margin-top: 2px; padding-bottom: 0; padding-top: 0; } /*------------------------------------------------------------------*/ /*----------------Tag Cloud Widget--------------------------*/ /*----------------------------------------------------------------*/ .cloud-label-widget-content { margin-top: 10px; } .cloud-label-widget-content span a { font-size: 13px; color: #888888; border: 1px solid #7E7E7E; padding: 5px 10px; float: left; display: block; margin: 0 5px 5px 0; text-transform: capitalize; } .cloud-label-widget-content span a:hover { border:1px solid #ffffff; color: #ffffff; background:#d60d13; } /*------------------------------------------------------------------*/ /*----------------Footer Random Post Widget-------------*/ /*----------------------------------------------------------------*/ .footer-left #random-posts { text-align: left; } .footer-left #random-posts li { margin: 10px 0 0; } .footer-left #random-posts li a { color: #E0E3E9; font-size: 15px; line-height: 19px; font-family: 'Open Sans',arial,sans-serif; } .footer-left #random-posts li a:hover { text-decoration: underline; } .footer-left #random-posts img { float: left; margin-right: 15px; width: 50px; height: 50px; } /*------------------------------------------------------------------*/ /*----------------Footer-----------------------------------------*/ /*----------------------------------------------------------------*/ #footer { background: #19232D; overflow: hidden; border-top:5px solid #d60d13; } .footer-sidebar { overflow: hidden; margin: 25px 0 25px 25px; } .footer-left { display: block; float: left; width: 351px; margin-right: 25px; } .footer-left:nth-child(3) { margin-right: 0; } .footer-left h2 { color: #fff; font-size: 15px; margin: 0 0 25px; padding: 15px 0px; text-align: left; text-align: center; line-height: 3px; text-transform: uppercase; border-bottom: 3px solid #fff; } .copyr { color: #888888; overflow: hidden; padding: 0; text-align: center; } .fau { text-align: left; margin-bottom: 15px; } .fau img { margin-bottom: 10px; } .fau p:before { content: "\f123"; font-family: fontawesome; margin-right: 5px; } /*------------------------------------------------------------------*/ /*----------------Footer Bottom Text-------------------------*/ /*----------------------------------------------------------------*/ .footer_bottom { background: #0c161d; color: #ffffff; display: block; overflow: hidden; padding: 8px 0 7px; } .footer_bottom .footer-sidebar { margin: 0 25px; padding: 10px 0; } .footer_bottom .copyright { font-size: 12px; text-transform:uppercase; } .footer_bottom .copyright a { color: #d60d13; } .footer_bottom .copyright a:hover { color:#fff; } /*-----------------------------------------------------------------*/ /*---------Label Message Body-----------------------------*/ /*----------------------------------------------------------------*/ .label { background: #d60d13; color:#fff; font-size: 20px; margin: 25px 0 0 25px; padding: 15px; text-transform:uppercase; } /*-----------------------------------------------------------------*/ /*---------404 Error Page------------------------------------*/ /*----------------------------------------------------------------*/ .finderror { background: #ffffff; border-bottom: 1px solid #DEDEDE; padding: 25px; margin: 25px 0 0 25px; } .finderror h2 { color: #494949; font-size: 30px; line-height: 28px; margin: 0; } .finderror a { color: #d60d13; font-weight: bold; } .finderror a:hover { text-decoration: underline; } .ap-first { float: left; margin-right: 4%; width: 45%; } .ap-last { float: left; margin-right: 3%; width: 48%; } .ap-last h2, .ap-first h2 { border-bottom: 1px solid #DFDFDF; font-family: 'Open Sans',arial,sans-serif; font-size: 23px; line-height: 28px; margin: 40px 0 20px; padding: 0 0 10px; color: #494949; } .ap-last .label_count li a { color: #d60d13; } .search-query { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnavvGIKcrFBElnoyiJ20cko80yQoczuGqD-7Q4Ti9Xn-GEQrDVK1Tw78Es9Omp-8Xev-fN1yVrXZuA3k8wZ_KMOjisMZXsgTuOH416fsvd6UQ2LdyQoqrfq8y0EFeMzoaNAfRsHARdKk/s1600/title-bg.png") repeat-x bottom #ffffff; font-family: 'Open Sans',arial,sans-serif; font-size: 28px; margin: 25px 0 0 25px; padding: 25px 25px 30px; } .chrome .dd-find, .opera .dd-find, .safari .dd-find { width: 326px; } .dd-find #findform { border: 1px solid #DFDFDF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; overflow: hidden; padding: 0 5px; } .dd-find #findform input[type="text"] { background: none; border: none; color: #999999; font-size: 14px; padding: 13px 0; width: 270px; } .dd-find #findform input[type="submit"] { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUB0_c1ZobdCg5V-kCKuJdIFmQ_eSCi83g7ueXiXNGn6T2i_Ki73Tyye4NHWumgAHa3xxq6tWios2IfxRPpNBJOABqvR-63i9kNa6XlrA5-V7mwgqSW7aBR2HbyeQK8zSWc4nSeqfXcsn9/s1600/find-form.png") no-repeat scroll center center transparent; border: none; box-shadow: none; cursor: pointer; display: block; float: right; height: 15px; margin: 13px 0 0; width: 14px; } .dd-find #findform input[type="submit"]:hover { -webkit-opacity: 0.8; -moz-opacity:0.8; opacity: 0.8; } /*----------------------------------------------------------------*/ /*---------Back To Top--------------------------------------*/ /*--------------------------------------------------------------*/ .gotop{background-color: #111; background-image: url(http://cssauthor.a.cdnify.io/wp-content/themes/official/images/arrow_totop.png); background-position: 50% 50%; background-repeat: no-repeat; z-index: 999; border-radius: 10%; width: 40px; height: 40px; text-indent: -99999px; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto;} .gotop:hover{background-color:#e95c33;} /*----------------------------------------------------------------*/ /*--------Archive Page--------------------------------------*/ /*--------------------------------------------------------------*/ #bp_toc { background: #FFFFFF; padding: 25px; margin: 0 0 25px 25px; } h3.bp_toc_title { font-size: 28px; padding: 23px 0 0 25px; font-family: 'Open Sans',arial,sans-serif; background: #ffffff; margin: 25px 0 0 25px; } #bp_toc a { text-decoration: none !important; } #bp_toc a:hover { text-decoration: underline !important; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #4e4949; border-bottom: 5px solid #dfdfdf; padding: 10px; width: 50%; } .toc-entry-col2 { border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; font-family: 'Open Sans',arial,sans-serif; } .toc-header-col2 { border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; width: 15%; } .toc-header-col3 { width: 35%; } .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { color: #EBEBEB; font-family: "Trebuchet MS",sans-serif; font-size: 14px; font-style: normal; font-weight: bold; line-height: 1.4em; text-decoration: none; border-collapse: separate; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { text-decoration: underline; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { background: #F8F8F8; border-bottom: 2px solid #FFFFFF; padding: 10px; } .toc-entry-col2 { border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a { color: #d60d13; font-family: 'Verdana',Arial,sans-serif; font-size: 12px; } .toc-note { background-color: #4e4949; color: #EBEBEB; display: inline-block; font-size: 14px; padding: 10px; text-align: center; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #dfdfdf; } /*----------------------------------------------------------------*/ /*---------Other-----------------------------------------------*/ /*--------------------------------------------------------------*/ .recentpost_title { display: none; font-size: 20px; padding-bottom: 1.2em; padding-top: 1.5em; } .clear { clear: both; } .rpslider { margin: 25px 0 0 25px; display: block; } @charset "utf-8"; /* CSS Document */ .lof-slidecontent, .lof-slidecontent a { color:#FFF; } .lof-slidecontent, .lof-slidecontent a:hover { text-decoration: underline; } .lof-slidecontent a.readmore{ color:#58B1EA; font-size:95%; } .lof-slidecontent{ position:relative; overflow:hidden; border:#F4F4F4 solid 1px; width:100%; height: 340px; } .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; text-align:center; background:#FFF; z-index:100000; } .lof-slidecontent .preload div{ height:100%; width:100%; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqqDFyxY7TTw5jtiJtcK0XcxboJMK_5tISPxyI7ELqPMXgmGoYp2vDN3HK3wbmBvBhPclLB2ZM3hA5lC8BK9cxMIgII0Mnudeje6XAfh8nSi9HcVhQYepAujB6SgdtVQX2u6J9tuIaQ/s1600/load-indicator.gif) no-repeat scroll 50% 50%; } .lof-main-outer{ position:relative; height:340px; width:753px; z-index:3px; overflow:hidden; } /*******************************************************/ .lof-main-item-desc { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg42iIGkCZWFsy70Th5aR-tvLqkVqu_uBxTAxGGITPFiKS5yc5cYcgeyORiKuj5-W0x-aDWhUy1DsuegyXSIv8OjYuogPeSnZLB09285-BX5rQy0hD_tKIvAdDlKn_JbUCi2wegU6a8mA/s1600/bg_trans.png") repeat scroll 0 0 transparent; bottom: 75px; left: 0; padding: 0; position: absolute; width: 350px; } .lof-main-item-desc p { margin: 0 8px; padding: 8px 0; } .lof-main-item-desc h3 { margin: 0; padding: 5px 25px; background: rgba(0,0,0,0.6); } .lof-main-item-desc h2 { margin: 0; padding: 5px 25px 10px; color: #fff; font-size: 25px; line-height: 1.1em; background: rgba(0,0,0,0.3); font-weight: normal; } .lof-main-item-desc h3 a{ margin:0; background:#e33619; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none } .lof-main-item-desc h3 a:hover{ text-decoration:underline; } .lof-main-item-desc h3 i { font-size:70%; } .lof-main-item-desc h3 i small { background: #197de3; padding: 2px 3px; margin: 0 -3px; } /* main flash */ ul.lof-main-wapper{ /* margin-right:auto; */ overflow:hidden; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqqDFyxY7TTw5jtiJtcK0XcxboJMK_5tISPxyI7ELqPMXgmGoYp2vDN3HK3wbmBvBhPclLB2ZM3hA5lC8BK9cxMIgII0Mnudeje6XAfh8nSi9HcVhQYepAujB6SgdtVQX2u6J9tuIaQ/s1600/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden; } ul.lof-main-wapper li{ overflow:hidden; padding:0px; margin:0px; float:left; position:relative; background: #292929; width: 753px; height: 340px; } .lof-opacity li{ position:absolute; top:0; left:0; float:inherit; } ul.lof-main-wapper li img{ width: 100%; height: 340px; padding:0px; } /* item navigator */ .lof-navigator-wapper { position:absolute; bottom:10px; right:10px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh752URAQLqMtZxXeGhRW5-p2m1o2JaQbfgVYugdVgJadKzJXA568eEUu-yoqV0aAoNDiR6iv7HINXoc0zXErDXCwJrBkDqfPxG7ONK1Xunxtca2o7ygRSxaCd1CdFd3Xq-UU08y6ZokQ/s1600/transparent_bg.png) repeat; padding:5px 0px; } .lof-navigator-outer{ position:relative; z-index:100; height:180px; width:310px; overflow:hidden; color:#FFF; float:left } ul.lof-navigator{ top:0; padding:0; margin:0; position:absolute; width:100%; } ul.lof-navigator li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center; } ul.lof-navigator li img{ border:#666 solid 3px; } ul.lof-navigator li.active img, ul.lof-navigator li:hover img { border:#A8A8A8 solid 3px; } .lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{ display:block; width:22px; height:30px; color:#FFF; cursor:pointer; } .lof-navigator-wapper .lof-next { float:left; text-indent:-999px; position: relative; right:8px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi__Mvm3ps3JEs9It8MzcfSawgeoE4svRjM5D_vZTsvj6pf1RULqb9Yq8swDv8yRdhSbjS7zZClrEWoAAECBNTSXlOpB500HChuEYkYJC07ETAjwCmMFsjhzhfO00533IsjICGiW806Cg/s1600/next.png) no-repeat right center; } .lof-navigator-wapper .lof-previous { float:left; text-indent:-999px; position: relative; left:8px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SYW0w_6bkFRo29RjhE67KrC3zpYbRNlYNpZbFLVU7AXXMPS3IQHzGSxluQYNQOrB7nnW3DEkRsMXiZYFNwv7aO-os_VdOjLVuz02QmoRvFuorWHFkfEI4TejCpli735Cm1ck7of1Pg/s1600/previous.png) no-repeat left center; } /*------------------------------------------------------------------*/ /*----------------Email Subscriber----------------------------*/ /*----------------------------------------------------------------*/ .FollowByEmail .follow-by-email-inner .follow-by-email-address { width: 250px; background: #1F2C38; padding: 5px 10px; float: left; border: none; color: #888888; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { border-radius: 0px; height: 31px; width: 70px; position: relative; top: -10px; padding-bottom: 2px; background: #2A3C4C; color: #C5C7CB; } /*------------------------------------------------------------------*/ /*----------------Social Like----------------------------*/ /*----------------------------------------------------------------*/ .stw h3 { float: left; color: #fff; margin: 25px 15px 0 0; font-size: 15px; display: block; background:#d60d13; text-transform:uppercase; padding:2px 10px 2px; } .social-likes, .social-likes__widget { display: inline-block; list-style: none outside none !important; padding: 0; text-indent: 0 !important; vertical-align: middle !important; word-spacing: 0 !important; } .social-likes { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .social-likes_visible { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .social-likes > * { display: inline-block; visibility: hidden; } .social-likes_vertical > * { display: block; } .social-likes_visible .social-likes__widget { visibility: inherit; } .social-likes__widget { display: inline-block; position: relative; white-space: nowrap; } .social-likes__widget:before, .social-likes__widget:after { display: none !important; } .social-likes_vertical .social-likes__widget { clear: left; display: block; float: left; } .social-likes__button, .social-likes__icon, .social-likes__counter { text-decoration: none; text-rendering: optimizelegibility; } .social-likes__button, .social-likes__counter { display: inline-block; margin: 0; outline: 0 none; } .social-likes__button { -moz-user-select: none; cursor: pointer; position: relative; margin-top: 25px; background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); background: -moz-linear-gradient(#FFFFFF, #E0E0E0); background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); } .social-likes__button:before { content: ""; display: inline-block; } .social-likes__icon { left: 0; position: absolute; top: 0; } .social-likes__counter { display: none; position: relative; } .social-likes_ready .social-likes__counter, .social-likes__counter_single { display: inline-block; } .social-likes_ready .social-likes__counter_empty { display: none; } .social-likes_vertical .social-likes__widget { display: block; } .social-likes_notext .social-likes__button { padding-left: 0; } .social-likes_single-w { display: inline-block; position: relative; } .social-likes_single { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; position: absolute; text-align: left; visibility: hidden; z-index: 99999; } .social-likes_single.social-likes_opened { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; } .social-likes__button_single { position: relative; } .social-likes, .social-likes__widget { border: 0 none; font-size: 14px; } .social-likes__widget { line-height: 20px; } .social-likes { margin: -3px; min-height: 28px; } .social-likes, .social-likes_single-w { line-height: 20px; } .social-likes__widget { margin: 3px; } .social-likes__button, .social-likes__counter { border-radius: 3px; border-style: solid; border-width: 1px; font-family: "Trebuchet MS","Helvetica Neue",Tahoma,sans-serif; font-size: 14px; line-height: 18px; } .social-likes__button { font-weight: 700; padding: 1px 4px 1px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .social-likes__icon { background-repeat: no-repeat; height: 20px; width: 20px; } .social-likes__counter { color: rgba(0, 0, 0, 0.5); cursor: default; font-weight: 400; margin-left: 7px; padding: 1px 4px; } .social-likes_vertical { margin: -6px -4px; } .social-likes_vertical .social-likes__widget { margin: 6px 4px; } .social-likes_notext .social-likes__widget { margin: 3px 2px; } .social-likes_notext .social-likes__button { width: 16px; } .bl-pager{ display:none; } .social-likes_single { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); margin-top: -16px; padding: 6px 6px 4px; } .social-likes__widget_single { margin: 0; } .social-likes__button_single { background: none repeat scroll 0 0 #E2E2E2; border-color: rgba(179, 179, 179, 0.8) rgba(179, 179, 179, 0.8) rgba(153, 153, 153, 0.8); color: #444444; padding-left: 19px; } .social-likes__button_single:hover, .social-likes__widget_active .social-likes__button_single { background: none repeat scroll 0 0 #F4F4F4; border-color: #BBBBBB #BBBBBB #9F9F9F; color: #222222; } .social-likes__icon_single { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABxVBMVEVyqHIsfCwneyc3iDctfi0sfiwAAABupm5pomlxp3FwqXB0q3RSllI0hTRAjEBXmVdJkklig2JspGx1qHVdnF2LrYv///9wrXBQllBvrW////9cnVxmiGZtpG11p3WNrY1fnV95sHkufi4xgjElYyUwiTAreSseTh4ugS4eUh4kZSQvfi8seiwwiDAxgzH///9tqW1mpmYggiC827wlhSXr9Os5jznk8OS62rqp0qk5lzk6mDoUhRQ0lTRwsXBfpV81izVkqGRYoVhoqWhfpF9Vo1VaoVppqWlgpWAwiTAyjDI6jzpBlEFkqmRtrG1bpltysHJFlkVZpVkkiCQ4jjgniScVexWSxZIxjTExhjEpiikyiDI0izQxiTEvii+m0KaNvo2FuoV+tn7c7NxIl0hurW6kzqSn0Kd5tXl7t3s4lDiEvoQziDMxiDFUpFRHm0f7/Pvi8OI6lTo9mD3i8eKy17JwsnB+u35NoU1JnUnT5tP8/fyn0ac8mDyq0qpPo09eql5AmkBDnENFnkVhrGE5mDnP5s8+mz4qjyq017QhiiHB38FHnkdJoElaqFrU6dQtkS2z1rOezJ7V6dXC38KfzZ/O5s44zy9hAAAAL3RSTlPu6ebu5uYA7u7w7u3w7e7w73TH2fGAAu3v7QPtfcjbhPHtyu1u5s1u7XZxzM7m7ed67K8AAADZSURBVAjXYxATFeZkYOfgYGfglJOXYhAUN3D3S0pMCLB3NpCUYRAy9PA11gcCYztHQ1kGETf/ZH1zS0tz/XBXFwUGHh8L/dJma+v68rwgJ34GLlN908a+yf0tTRX5gQIM3Pr6dR1T9PW7WxvKUiUY+FIqe2wn6ut3dlno6ysyMIcU1U6wmjrJ1qq6IF6agdc7q7im18amvUo/LUyDQdkhKltff1qbvn56aIweg1K0V0Rmib5+YUZwXI42g7pqpKeRiZmZiVFsrq4mA5uKGiMLKxMTKwujjhYbAFshM23jReW7AAAAAElFTkSuQmCC"); background-position: 2px 3px; } .social-likes__counter_single { background: none repeat scroll 0 0 #F6F6F6; border-color: #DDDDDD; } .social-likes__counter_single:after { border-right-color: #F6F6F6; } .social-likes__button_facebook { background: none repeat scroll 0 0 #ECEEF5; border-color: rgba(202, 212, 231, 0.8) rgba(202, 212, 231, 0.8) rgba(189, 194, 203, 0.8); color: #3B5998; padding-left: 19px; } .social-likes__button_facebook:hover { background: none repeat scroll 0 0 #C0CDF3; border-color: #B4BFD4 #B4BFD4 #B3B7BF; color: #253860; } .social-likes__icon_facebook { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEU7WZj///9thLTr7vRheaxFYp5geKvYYUakAAAAL0lEQVQI12NwYAABFgZkkCwIoQ2hNJSC0YKCEIaxoDFWeTAdpKSkJKikCqeh9gAAtSUEXqOhTAgAAAAASUVORK5CYII="); background-position: 3px 3px; } .social-likes__counter_facebook { background: none repeat scroll 0 0 #F2F3F7; border-color: #CAD4E7; } .social-likes__counter_facebook:after { border-right-color: #F2F3F7; } .social-likes__button_twitter { border-color: rgba(164, 204, 229, 0.8) rgba(164, 204, 229, 0.8) rgba(158, 186, 204, 0.8); color: #186487; padding-left: 19px; } .social-likes__button_twitter:hover { background: #BFDFED; border-color: #9CBBCF #9CBBCF #68A0C4; color: #0B3752; } .social-likes__icon_twitter { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAA3lBMVEUAAAD///8lseQltOvl9fr///////////8Af68Af5+Ay+gAf7QZmMglrd9Pwe0Ag7UBiL0ChLgMqOW03u8FgbAVnc96x+QlncoAfK8AgbP///8MrOrV7/hoxukAfa2N1fEjsOZBvOua1u4Afa+44/P///+HzOZsyetsy+4AgLBsxOgAiLy/5PEAfKwCg7YRiLQKmM+LyuIAhbkArO4Aq+0Aq+wAlc4AqOgAp+cAntoAjMIAqekAod4Am9cAmNIAo+EApuYApeUApOMApeQAjsQAod8AkckAqusAnNgAouBS5YTcAAAAM3RSTlMASPPzoXckDBAQwTCf8+ef8NH7pLPRueBgnzz7x9lw1/Hry4CuMIjf35/f78Fg4Wf5ar/hKdysAAAAhElEQVQIHR3BhQKCMBQF0KsCG3a3Yne/bYTd+v8/5PAcwEaIt/tL2DZQrELLPV7BbrUGKkGNI6HO9+dnswXKvspmkgdBwutZQOl68U9Hj4hudQCFvJCuK4lECprVatDfPo7QqCNJE9EIQsNBVxKJmAGNT+fq+yaZNhg0Zi5m44nTNBm0H8LlEYm9SraOAAAAAElFTkSuQmCC"); background-position: 3px 5px; } .social-likes__counter_twitter { background: none repeat scroll 0 0 #F2F8FC; border-color: #A4CCE5; } .social-likes__counter_twitter:after { border-right-color: #F2F8FC; } .social-likes__button_plusone { border-color: rgba(204, 204, 204, 0.8) rgba(204, 204, 204, 0.8) rgba(179, 179, 179, 0.8); color: #DA573B; padding-left: 11px; } .social-likes__button_plusone:hover { background: none repeat scroll 0 0 #F4F4F4; border-color: #DDDDDD #DDDDDD #CCCCCC; color: #CD4427; } .social-likes__icon_plusone { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAA1VBMVEUAAAD29vbeaU/w6uj6+vrs5uXijXvv7+/aVzvaVzr77eru6urutKfdZUvggm7aWT3linf8/PzfeGLp5eTnoJHmqp3hiHXhd2DxysLx6ef02NL39PTcalHcYUbcYUXaWTz219HccVnl1tP33dfkraHfbVPo4+LnlILt6encaE/cYkfkzsr57OrbWz/gfGbsq53fiXbmu7LgkH7q4d/48fDcdFzssqXqp5jl2dbcZ03j09DecVjebVXdclv4+PjdemTw8PD44dzik4LcmozjgWvgdFzxxLrCp/DQAAAACHRSTlMA////////+EuuwZEAAAB3SURBVAgdLcEFFoIAEEDBDwLu2t3d3d19/yOJD2dIpjMJcTk+SikrHpJwwIJKEYhJBGjjykk0COMekBexQeeALVlAj0tolQvAS/eL2aCJ63L/nHSK5/bWSQfPRrXeAJ7XtdOtan8Ij5VlGDVTz+DnZ2Tqgb+t7r4MkwpuQ8fKEQAAAABJRU5ErkJggg=="); background-position: 0 6px; } .social-likes__counter_plusone { background: none repeat scroll 0 0 #F9F9F9; border-color: #D2D2D2; } .social-likes__counter_plusone:after { border-right-color: #F9F9F9; } .social-likes__button_mailru { background: none repeat scroll 0 0 #004584; border-color: rgba(11, 84, 153, 0.8) rgba(11, 84, 153, 0.8) rgba(3, 27, 48, 0.8); color: rgba(255, 255, 255, 0.95); padding-left: 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } .social-likes__button_mailru:hover { background: none repeat scroll 0 0 #001E5D; border-color: #094984 #094984 #031B30; color: rgba(255, 255, 255, 0.99); } .social-likes__icon_mailru { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAABhlBMVEUAAAD0xQD/xgBcSwAAAAD8ywC1kQD7yQC5lAD/1AAAAABsVwD/zAD6yAD5yAD/xgAAAAAAAAAAAAAQDgAoIAAAAABFLgC/mQD/yADcsQAAAAAsIwAAAAAAAAD4xwAAAAA7MAD6yQBbSQDZrQDcsgDywQDxwAClggD/yADnuAAAAAD8zAD7ygDargD8zAAzKQATEAD8ywBHOQBAMgAtJAD7ygD6yQCMcACLbwAPDACigQCphwBiUAC3kgDZrgAAAADIogAAAAAAAAD/zABmTwAAAAAGBgBZSADrvACBaAAAAADTqgD8ygDcsgD5yQD8ywD8ywDywQDqvQDRqQDpvADktwCyjgAAAAA8MADouQCzkADuvgDuwADEnQD2xQD9ywD7yQAAAADougDbsgBYRAC/mQCgfwDZrgDnvgDGoACYegChgAA+MADIogAAAADsvgDtvgDzwgB4XgCqiAD6yADHnwDNpQBpUwClhADmuQB8YwDzwwCHawCffQD0wwDktwDAnAD9ywDU1CnPAAAAgXRSTlMA+AmjBdjG/WcMZKke7PkSCGkCiV4DC8kq4wtWEA7pUXPgltnm9fJKIUxTeNnYaZVPz5JHdvewt25mwcVifdtuxCZhLS2HcaLfqYGT4W72wO2m4tyl0r9HmLSY8m/UmpniCrZdNNFWqDdnkF8lXiDtve1GZ/5uWJi8SaT2a0Oro2IKDPtyAAAAy0lEQVQIHQXBA0NDYQCG0Wf87h2zrWXXss1l215tme8/7xwAgAAAAOBsbJHkqbMBoLpeDT3R3gEdjgKES6tc3V39fT7/QzAA7JuyiEfSQfz18wecob2xYHnTuOtRf28mzKWud01JAfcfsr70zp1uLnYKgSdZ33rmXFfbxgZOZL0owa1jq62y0yanSNZv8hS3VzWty4op23EcOjuC5oqO+YnJ6c1ir8nNADLbVzS3Oru0mJ+emgKQN+JfX1uYGspyAwAMb/hmBmvTAP4BUaQsfohkhJwAAAAASUVORK5CYII="); background-position: 1px 2px; } .social-likes__counter_mailru { background: none repeat scroll 0 0 #FFF1C2; border-color: #FFC70D; } .social-likes__counter_mailru:after { border-right-color: #FFF1C2; } .social-likes_notext .social-likes__icon_mailru { background-position: 2px 2px; } .social-likes__button_vkontakte { background: none repeat scroll 0 0 #436F96; border-color: rgba(78, 131, 193, 0.8) rgba(78, 131, 193, 0.8) rgba(52, 88, 127, 0.8); color: rgba(255, 255, 255, 0.95); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } .social-likes__button_vkontakte:hover { background: none repeat scroll 0 0 #4E80AB; border-color: #5788BE #5788BE #3B6798; color: rgba(255, 255, 255, 0.99); } .social-likes__icon_vkontakte { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAABI1BMVEUeRmv6+/weRGn09vicrb0cRGsAAADu8fS9x9IgQWrg5usgRGsfQ2ocQmcqVX8cOHEiRG4AP38dQW0iRWghQ2scRWgfRGsdRmv29/keR2vW3eUkSG0fRmn6+vsbRG5wiJ8hRmySpLcAf39eeZSruMfe4+pNaokAAAAXRXOYqrodR2yRpLedrr4fP2qQo7UfRWqer7/n6u78/f3o7PAzM2aNoLTEz9l4jqbz9fbN1d21wc8/X4AkTHFyiaJ0jKMcRnGywM0fRWseRGsxV3kgRWqDma4eRGogRWodRGofRWxRbouHmq4eQ2zt8PPW3eUfQ2tEY4W2ws5cd5J5j6eltcRogJxNbIqUprhwhaCvvMtMa4qEma3Gz9k6Wn9aeJIfRGr////flzUiAAAAYHRSTlNM/Uv4uy0A89Uf60dIGwYJHgQjFiYsYUX5MuUVQfslfTakAmnA6FkBC6w9o7oYnzC57v7vBZnagfff0X1ho60SzIB0Q2e0ZT5WSTV1RPLQQFq+Qn6qXYGbVJ45aswwV0ob93UPAAAAtUlEQVQY02NgE5SWFGdiAANuBV4+NgZ1XnkpiQQIYFTVExFk4FdjTkAAI3N7BmHtBGTgIMQgYACk2R09xNxsDYEsDlEGThaQCLdXpLe7HUiEFSriGZHg5+OKLMIdGxwQ54sswhMVEu4fxowkEh+akBDNY4msJigm0NnGGCKiAxJxYhJzsTaD2K6rCXI+FxeXBdiFViIMGsqMyG42FWZQElJEeExWRd+EgY1PQAsaGAwMMnL8bAARvTwsqGgkuAAAAABJRU5ErkJggg=="); background-position: 1px 2px; } .repostt{ display:none; } .social-likes__counter_vkontakte { background: none repeat scroll 0 0 #EAEEF3; border-color: #AFC1D4; } .social-likes__counter_vkontakte:after { border-right-color: #EAEEF3; } .social-likes__button_odnoklassniki { background: none repeat scroll 0 0 #F6900B; border-color: rgba(217, 154, 38, 0.8) rgba(217, 154, 38, 0.8) rgba(197, 137, 7, 0.8); color: rgba(255, 255, 255, 0.95); padding-left: 17px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); } .social-likes__button_odnoklassniki:hover { background: none repeat scroll 0 0 #F69A21; border-color: #F0B22C #F0B22C #C59121; color: rgba(255, 255, 255, 0.99); } .social-likes__icon_odnoklassniki { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAMAAAABFhU/AAAAt1BMVEUAAAD9/f37+/sAAAAAAABYWFgAAAD19fUAAAD///8AAAD////z8/P9/f3///////9ycnK/v7/////9/f37+/v19fV3d3fa2tr////////BwcHh4eGlpaXHx8f///+srKz////5+fn4+Pj///94eHj5+fltbW35+fns7Oz19fX9/f3////q6ur9/f3S0tL////8/Pynp6fl5eX////9/f2bm5v9/f3s7Oz////////s7OwAAAD///+3C/ewAAAAPHRSTlMA5e0eBCsj0QIDHQ/J6F0SKGhR9/DUQA4h/GsRJXMnKPZWU/MzrDGvr5+j0q2gf8nyUjzw8Urusqt1RBmYPbn7AAAAd0lEQVQIHQXBBQKCQABFwYcgu4DSdnd367//uZwBgvyTBwDJSdIuAQ4qX6W2wF2X30MFcNaVrwpgr9v7qTWQGkkmhWC6zI7ZfBIQa7baLMaK6dckSWaEF3YlDVwP2o46qg8hctRoGtUjWhVT9aq1Sg/ruxYb+vYPq3IOiMcZvH4AAAAASUVORK5CYII="); background-position: 4px 3px; } .social-likes__counter_odnoklassniki { background: none repeat scroll 0 0 #FFE9BE; border-color: #D9AB53; } .social-likes__counter_odnoklassniki:after { border-right-color: #FFE9BE; } .social-likes_notext .social-likes__icon_odnoklassniki { background-position: 5px 3px; } .social-likes__button_pinterest { border-color: rgba(186, 186, 186, 0.8) rgba(186, 186, 186, 0.8) rgba(153, 153, 153, 0.8); color: #C71A28; padding-left: 20px; } .social-likes__button_pinterest:hover { background: none repeat scroll 0 0 #EFEFEF; border-color: rgba(186, 186, 186, 0.6) rgba(186, 186, 186, 0.6) rgba(153, 153, 153, 0.6); color: #C11524; } .social-likes__icon_pinterest { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAABYlBMVEUAAADBByTBAB62ACTBByS5ABe/ABXBBiPBBiTBByO/AB/ABiS/AAC0AB7BBiPBBiO+BCDBByTBBSMAAADBBiPBBCPBBiTBBiTBByTBBiPABiO+ByK8BSG/BCLBByO/AyPABiLBBSPBByTAByPABSPABiPABCPBBiO/AyPBBSPAByTBBiLBBiTBBiLABiSqAADBBiTBByPCACTABiTBByTBBSPBBiO9BSDABSTBBiTBBiTBByTABiPBBSPBAyPABiTBBiPBByTABSTBByS/BCS7ABrBBiPBBiTAByO5ACLBByPBBySyABnBBiPABiLABSJ/AADBBiPAByTBBiPBBiTBByTBBSPBBiS/BSLBByTCByO/Bh/ABiTDByTCByTABiS/BiTBBiOZAAC/BCLBByTBBSTABiTBBSS6AB3AByTBBiTBByTBByS4ABy/AB/AByTBBiTBBSPCByXCCCXCByTDCCV4snBOAAAAcnRSTlMA7BkH6wsM6rylEOYEEZbPN42zAew6/ZnGo5dDLjSjQCXXooJeeznLSKtF2/RLTQbs1RXerdlPL1qhqrGcMkdveemwkWkTp/qPFoGqCtOUsALR5sTr2bL8LOSyKM2qxclUnQU81tiTWxrN29T7Egji39pl2aR6AAAA3ElEQVQYGQXBA4IDUAxAwdet7XZt27Zt22aSf/+dAQAAAACAqdVk8HBvOwUAeNMrYiZqhYQfwDthameh88sT50IBIG36+3IPnB6LTMJIwZ5ev4p/R1cXLIvmWXCfD/F3+xHZX1uakzG25JpnyX8fOFlkXIfIyR0fb5ARnaVoHnKywc1jNhJUHWVQe+lz0c3b4O60SmdJbEA6SIjNr+8wLNJEo0qYKlWTGWLd7VRGRWug3Kmm+jOtzQ0e1TDgD2mwp0tMTVxpBCBQn8y2iYnTsjgAUFvS4vPVVVcA/AMRETlXnYR1ZQAAAABJRU5ErkJggg=="); background-position: 2px 1px; } .social-likes__counter_pinterest { background: none repeat scroll 0 0 #FFF5F6; border-color: #F0A8AE; } .social-likes__counter_pinterest:after { border-right-color: #FFF5F6; } /*------------------------------------------------------------------*/ /*---------------------------Others----------------------------*/ /*----------------------------------------------------------------*/ .no-display { -webkit-opacity: 0; -moz-opacity: 0; opacity:0; } .appear { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-opacity: 1; -moz-opacity: 1; opacity:1; } div#search-header { float: right; } #search-header button { float: right; } div#search-header { position: relative; overflow: hidden; } #search-header button { width: 50px; height: 46px; border: 0; font-size: 1.2em; color: #FFF; cursor: pointer; background-color: #d60d13; } #shide { position: absolute; width: 0%; top: 0px!important; margin-top: 6px; right: 15em; overflow: hidden; } #search-hide input { border: 0; width: 100%; padding: 0 40px; background-color: #F4F6F7; height: 46px; font-style: normal; font-weight: 400; font-size: 16px; } button.remove { position: absolute; top: 10px; border: 0; background-color: transparent; font-size: 1.5em; color: #555; cursor: pointer; } div#search-header { float: right; } #search-header button { float: right; } button.remove { right: 5px; } -->

Scroll To Top

Cara Memasang Lagu Di Blog Dengan SCMPLAYER

By Unknown - Thursday, 29 May 2014 - No Comments

Untuk mulai memasang SCM Music Player di blog kalian, silahkan ikuti langkah-langkah berikut ini :

1. Kunjungi situs resmi SCM Music Player disini.
2. Perhatikan tiga tab utama pada Setup Wizard.
3. Pada tab Choose Skin, pilih skin yang sesuai dengan keinginan kalian.

4. Klik Next atau langsung saja klik pada tab Edit Playlist untuk melakukan pengaturan pada playlist atau daftar lagu yang akan diputar, saya sarankan untuk menggunakan manual playlist.

5. Isikan judul lagu pada kolom Song Title dan isikan link lagu yang kalian gunakan pada kolom Song Url.
6. Untuk Link musik, sobat bisa mendapatkannya melalui Youtube atau melalui SoundCloud Track.
7. Klik Next atau langsung saja klik tab Configure Setting untuk melakukan pengaturan konfigurasi seperti gambar berikut ini.

8. Klik Tombol Done dan copy semua script yang ada di dalam kotak.

Pemasangan pada blog
1. Login ke akun blogger kalian.
2. Masuk ke menu Tata Letak dan klik Tambah gadget.
3. Pilih menu HTML/Javascript.
4. Pastekan code tadi, lalu klik Save/Simpan.
5. Selesai.

Itulah sedikit tutorial tentang cara mudah memasang musik di blog menggunakan SCM Music Player. Semoga bisa berhasil diterapkan dan dipasang di blog kalian masing-masing, dan juga semoga artikel ini bisa bermanfaat bagi kalian.

PANJI PH

Cara Memasang Lagu Di Blog Dengan SCMPLAYER

Share This:

Labels:

No Comment to " Cara Memasang Lagu Di Blog Dengan SCMPLAYER "