31 Ocak 2014 Cuma

Create a CSS3 Image Hover Effect with Animated Vinyl Record

Here is an amazing CSS image effect to reveal more information on your images with a really cool CSS3 hover animation. This is just perfect for blogs dedicated to music or if you just want to show off the music that you love.

So, what we will do in this tutorial is to take an image for our album cover, add some fancy CSS3 transitions and transforms that, on hover, will slide out a pure-CSS vinyl record behind it. Finally, we will add some basic HTML to our post or page where we need to apply this amazing effect.

Demo: hover over the album cover and see how CSS reveals further information:

The Wall is the eleventh studio album by the English progressive rock group Pink Floyd.

How to Apply The Animated Vinyl Record on Blogger Images


Step 1. From your Blogger's Dashboard, go to Template > click on the Edit HTML button:


Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste inside the search box the tag below and hit Enter to find it:
]]></b:skin>
Step 4. Just above ]]></b:skin> add the following code:


.info {
position: absolute;
z-index: 3;
top: 20%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
padding: 10px;
text-align: center;
color: #eee;
font-size: 13px;
font-weight: bold;
background: #333;
background: rgba(0,0,0,.7);
-moz-transition:all linear 0.5s 0s;
-webkit-transition:all linear 0.5s 0s;
transition:all ease 0.5s 0s;
}
.case:hover .info, .case:hover .vinyl {
filter: alpha(opacity=100);
opacity:1;
}
.case {
position:relative;
display:block;
width:185px;
height:185px;
-webkit-border-radius:3px;
border-radius:3px;
z-index:2;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
margin:0 auto;
}
.case:after {
position:absolute;
display:block;
content: "";
width:265px;
height:10px;
left:-40px;
bottom:-8px;
z-index:1;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50%, rgba(225,225,225,0) 51%, rgba(246,246,246,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.45)), color-stop(50%,rgba(0,0,0,0)), color-stop(51%,rgba(225,225,225,0)), color-stop(100%,rgba(246,246,246,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%);
    background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%);
}
.case .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
}
.case .overlay{
position:absolute;
display:block;
top:0;
left:0;
z-index:3;
width:100%;
height:100%;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(255, 255, 255, 0.45),inset 1px 1px 2px 0px rgba(255,255, 255, 0.5),inset -1px -1px 2px 0px rgba(255,255, 255, 0.5);
    box-shadow: inset 1px 1px 4px 0px rgba(255,255, 255, 0.45),inset 1px 1px 2px 0px rgba(255,255, 255, 0.5),inset -1px -1px 2px 0px rgba(255,255, 255, 0.5);
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid rgba(0, 0, 0, 0.35);
}
.case .overlay:before{
    position:absolute;
    display:block;
    content: "";
    top:0;
    left:0;
    z-index:4;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(-55deg,  rgba(255,255,255,0.1) 0%, rgba(244,244,244,0.35) 50%, rgba(225,225,225,0) 51%, rgba(246,246,246,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(50%,rgba(244,244,244,0.35)), color-stop(51%,rgba(225,225,225,0)), color-stop(100%,rgba(246,246,246,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(244,244,244,0.35) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(244,244,244,0.35) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(244,244,244,0.35) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%); /* IE10+ */
    background: linear-gradient(-55deg,  rgba(255,255,255,0.1) 0%,rgba(244,244,244,0.35) 50%,rgba(225,225,225,0) 51%,rgba(246,246,246,0) 100%); /* W3C */
    -webkit-border-radius:3px;
    border-radius:3px;
}
.vinyl {
    position:absolute;
    z-index:1;
    bottom:4px;
    left:5px;
    display:block;
    width:175px;
    height:175px;
    border-radius:200px;
    background: -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(0,0,0,1) 100%);
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    border:1px solid #595959;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}
.case:hover .vinyl {
    animation: spin 600ms ease-in-out;
    -moz-animation: spin 600ms ease-in-out;
    -webkit-animation: spin 600ms ease-in-out;
    left:98px;
}
.vinyl:before {
    position:absolute;
    display:block;
    content: "";
    width:100%;
    height:100%;
    border-radius:100%;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(38,38,38,0.4) 0%, rgba(89,89,89,0.4) 1%, rgba(35,35,35,0.4) 2%, rgba(86,86,86,0.4) 3%, rgba(35,35,35,0.4) 4%, rgba(86,86,86,0.4) 5%, rgba(35,35,35,0.4) 6%, rgba(86,86,86,0.4) 7%, rgba(35,35,35,0.4) 8%, rgba(86,86,86,0.4) 9%, rgba(35,35,35,0.4) 10%, rgba(86,86,86,0.4) 11%, rgba(35,35,35,0.4) 12%, rgba(86,86,86,0.4) 13%, rgba(35,35,35,0.4) 14%, rgba(86,86,86,0.4) 15%, rgba(35,35,35,0.4) 16%, rgba(86,86,86,0.4) 17%, rgba(35,35,35,0.4) 18%, rgba(86,86,86,0.4) 19%, rgba(35,35,35,0.4) 20%, rgba(86,86,86,0.4) 21%, rgba(35,35,35,0.4) 22%, rgba(86,86,86,0.4) 23%, rgba(35,35,35,0.4) 24%, rgba(86,86,86,0.4) 25%, rgba(35,35,35,0.4) 26%, rgba(86,86,86,0.4) 27%, rgba(35,35,35,0.4) 28%, rgba(86,86,86,0.4) 29%, rgba(35,35,35,0.4) 30%, rgba(86,86,86,0.4) 31%, rgba(35,35,35,0.4) 32%, rgba(86,86,86,0.4) 33%, rgba(35,35,35,0.4) 34%, rgba(86,86,86,0.4) 35%, rgba(35,35,35,0.4) 36%, rgba(86,86,86,0.4) 37%, rgba(35,35,35,0.4) 38%, rgba(86,86,86,0.4) 39%, rgba(35,35,35,0.4) 40%, rgba(86,86,86,0.4) 41%, rgba(35,35,35,0.4) 42%, rgba(86,86,86,0.4) 43%, rgba(35,35,35,0.4) 44%, rgba(86,86,86,0.4) 45%, rgba(35,35,35,0.4) 46%, rgba(86,86,86,0.4) 47%, rgba(35,35,35,0.4) 48%, rgba(86,86,86,0.4) 49%, rgba(35,35,35,0.4) 50%, rgba(86,86,86,0.4) 51%, rgba(35,35,35,0.4) 52%, rgba(86,86,86,0.4) 53%, rgba(35,35,35,0.4) 54%, rgba(86,86,86,0.4) 55%, rgba(35,35,35,0.4) 56%, rgba(86,86,86,0.4) 57%, rgba(35,35,35,0.4) 58%, rgba(86,86,86,0.4) 59%, rgba(35,35,35,0.4) 60%, rgba(86,86,86,0.4) 61%, rgba(35,35,35,0.4) 62%, rgba(86,86,86,0.4) 63%, rgba(35,35,35,0.4) 64%, rgba(86,86,86,0.4) 65%, rgba(35,35,35,0.4) 66%, rgba(86,86,86,0.4) 67%, rgba(35,35,35,0.4) 68%, rgba(86,86,86,0.4) 69%, rgba(35,35,35,0.4) 70%, rgba(86,86,86,0.4) 71%, rgba(35,35,35,0.4) 72%, rgba(86,86,86,0.4) 73%, rgba(35,35,35,0.4) 74%, rgba(86,86,86,0.4) 75%, rgba(35,35,35,0.4) 76%, rgba(86,86,86,0.4) 77%, rgba(35,35,35,0.4) 78%, rgba(86,86,86,0.4) 79%, rgba(35,35,35,0.4) 80%, rgba(86,86,86,0.4) 81%, rgba(35,35,35,0.4) 82%, rgba(86,86,86,0.4) 83%, rgba(35,35,35,0.4) 84%, rgba(86,86,86,0.4) 85%, rgba(35,35,35,0.4) 86%, rgba(86,86,86,0.4) 87%, rgba(35,35,35,0.4) 88%, rgba(86,86,86,0.4) 89%, rgba(35,35,35,0.4) 90%, rgba(86,86,86,0.4) 91%, rgba(35,35,35,0.4) 92%, rgba(86,86,86,0.4) 93%, rgba(35,35,35,0.4) 94%, rgba(86,86,86,0.4) 95%, rgba(35,35,35,0.4) 96%, rgba(86,86,86,0.4) 97%, rgba(86,86,86,0.4) 97%, rgba(35,35,35,0.4) 98%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(38,38,38,0.4)), color-stop(1%,rgba(89,89,89,0.4)), color-stop(2%,rgba(35,35,35,0.4)), color-stop(3%,rgba(86,86,86,0.4)), color-stop(4%,rgba(35,35,35,0.4)), color-stop(5%,rgba(86,86,86,0.4)), color-stop(6%,rgba(35,35,35,0.4)), color-stop(7%,rgba(86,86,86,0.4)), color-stop(8%,rgba(35,35,35,0.4)), color-stop(9%,rgba(86,86,86,0.4)), color-stop(10%,rgba(35,35,35,0.4)), color-stop(11%,rgba(86,86,86,0.4)), color-stop(12%,rgba(35,35,35,0.4)), color-stop(13%,rgba(86,86,86,0.4)), color-stop(14%,rgba(35,35,35,0.4)), color-stop(15%,rgba(86,86,86,0.4)), color-stop(16%,rgba(35,35,35,0.4)), color-stop(17%,rgba(86,86,86,0.4)), color-stop(18%,rgba(35,35,35,0.4)), color-stop(19%,rgba(86,86,86,0.4)), color-stop(20%,rgba(35,35,35,0.4)), color-stop(21%,rgba(86,86,86,0.4)), color-stop(22%,rgba(35,35,35,0.4)), color-stop(23%,rgba(86,86,86,0.4)), color-stop(24%,rgba(35,35,35,0.4)), color-stop(25%,rgba(86,86,86,0.4)), color-stop(26%,rgba(35,35,35,0.4)), color-stop(27%,rgba(86,86,86,0.4)), color-stop(28%,rgba(35,35,35,0.4)), color-stop(29%,rgba(86,86,86,0.4)), color-stop(30%,rgba(35,35,35,0.4)), color-stop(31%,rgba(86,86,86,0.4)), color-stop(32%,rgba(35,35,35,0.4)), color-stop(33%,rgba(86,86,86,0.4)), color-stop(34%,rgba(35,35,35,0.4)), color-stop(35%,rgba(86,86,86,0.4)), color-stop(36%,rgba(35,35,35,0.4)), color-stop(37%,rgba(86,86,86,0.4)), color-stop(38%,rgba(35,35,35,0.4)), color-stop(39%,rgba(86,86,86,0.4)), color-stop(40%,rgba(35,35,35,0.4)), color-stop(41%,rgba(86,86,86,0.4)), color-stop(42%,rgba(35,35,35,0.4)), color-stop(43%,rgba(86,86,86,0.4)), color-stop(44%,rgba(35,35,35,0.4)), color-stop(45%,rgba(86,86,86,0.4)), color-stop(46%,rgba(35,35,35,0.4)), color-stop(47%,rgba(86,86,86,0.4)), color-stop(48%,rgba(35,35,35,0.4)), color-stop(49%,rgba(86,86,86,0.4)), color-stop(50%,rgba(35,35,35,0.4)), color-stop(51%,rgba(86,86,86,0.4)), color-stop(52%,rgba(35,35,35,0.4)), color-stop(53%,rgba(86,86,86,0.4)), color-stop(54%,rgba(35,35,35,0.4)), color-stop(55%,rgba(86,86,86,0.4)), color-stop(56%,rgba(35,35,35,0.4)), color-stop(57%,rgba(86,86,86,0.4)), color-stop(58%,rgba(35,35,35,0.4)), color-stop(59%,rgba(86,86,86,0.4)), color-stop(60%,rgba(35,35,35,0.4)), color-stop(61%,rgba(86,86,86,0.4)), color-stop(62%,rgba(35,35,35,0.4)), color-stop(63%,rgba(86,86,86,0.4)), color-stop(64%,rgba(35,35,35,0.4)), color-stop(65%,rgba(86,86,86,0.4)), color-stop(66%,rgba(35,35,35,0.4)), color-stop(67%,rgba(86,86,86,0.4)), color-stop(68%,rgba(35,35,35,0.4)), color-stop(69%,rgba(86,86,86,0.4)), color-stop(70%,rgba(35,35,35,0.4)), color-stop(71%,rgba(86,86,86,0.4)), color-stop(72%,rgba(35,35,35,0.4)), color-stop(73%,rgba(86,86,86,0.4)), color-stop(74%,rgba(35,35,35,0.4)), color-stop(75%,rgba(86,86,86,0.4)), color-stop(76%,rgba(35,35,35,0.4)), color-stop(77%,rgba(86,86,86,0.4)), color-stop(78%,rgba(35,35,35,0.4)), color-stop(79%,rgba(86,86,86,0.4)), color-stop(80%,rgba(35,35,35,0.4)), color-stop(81%,rgba(86,86,86,0.4)), color-stop(82%,rgba(35,35,35,0.4)), color-stop(83%,rgba(86,86,86,0.4)), color-stop(84%,rgba(35,35,35,0.4)), color-stop(85%,rgba(86,86,86,0.4)), color-stop(86%,rgba(35,35,35,0.4)), color-stop(87%,rgba(86,86,86,0.4)), color-stop(88%,rgba(35,35,35,0.4)), color-stop(89%,rgba(86,86,86,0.4)), color-stop(90%,rgba(35,35,35,0.4)), color-stop(91%,rgba(86,86,86,0.4)), color-stop(92%,rgba(35,35,35,0.4)), color-stop(93%,rgba(86,86,86,0.4)), color-stop(94%,rgba(35,35,35,0.4)), color-stop(95%,rgba(86,86,86,0.4)), color-stop(96%,rgba(35,35,35,0.4)), color-stop(97%,rgba(86,86,86,0.4)), color-stop(97%,rgba(86,86,86,0.4)), color-stop(98%,rgba(35,35,35,0.4)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(38,38,38,0.4) 0%,rgba(89,89,89,0.4) 1%,rgba(35,35,35,0.4) 2%,rgba(86,86,86,0.4) 3%,rgba(35,35,35,0.4) 4%,rgba(86,86,86,0.4) 5%,rgba(35,35,35,0.4) 6%,rgba(86,86,86,0.4) 7%,rgba(35,35,35,0.4) 8%,rgba(86,86,86,0.4) 9%,rgba(35,35,35,0.4) 10%,rgba(86,86,86,0.4) 11%,rgba(35,35,35,0.4) 12%,rgba(86,86,86,0.4) 13%,rgba(35,35,35,0.4) 14%,rgba(86,86,86,0.4) 15%,rgba(35,35,35,0.4) 16%,rgba(86,86,86,0.4) 17%,rgba(35,35,35,0.4) 18%,rgba(86,86,86,0.4) 19%,rgba(35,35,35,0.4) 20%,rgba(86,86,86,0.4) 21%,rgba(35,35,35,0.4) 22%,rgba(86,86,86,0.4) 23%,rgba(35,35,35,0.4) 24%,rgba(86,86,86,0.4) 25%,rgba(35,35,35,0.4) 26%,rgba(86,86,86,0.4) 27%,rgba(35,35,35,0.4) 28%,rgba(86,86,86,0.4) 29%,rgba(35,35,35,0.4) 30%,rgba(86,86,86,0.4) 31%,rgba(35,35,35,0.4) 32%,rgba(86,86,86,0.4) 33%,rgba(35,35,35,0.4) 34%,rgba(86,86,86,0.4) 35%,rgba(35,35,35,0.4) 36%,rgba(86,86,86,0.4) 37%,rgba(35,35,35,0.4) 38%,rgba(86,86,86,0.4) 39%,rgba(35,35,35,0.4) 40%,rgba(86,86,86,0.4) 41%,rgba(35,35,35,0.4) 42%,rgba(86,86,86,0.4) 43%,rgba(35,35,35,0.4) 44%,rgba(86,86,86,0.4) 45%,rgba(35,35,35,0.4) 46%,rgba(86,86,86,0.4) 47%,rgba(35,35,35,0.4) 48%,rgba(86,86,86,0.4) 49%,rgba(35,35,35,0.4) 50%,rgba(86,86,86,0.4) 51%,rgba(35,35,35,0.4) 52%,rgba(86,86,86,0.4) 53%,rgba(35,35,35,0.4) 54%,rgba(86,86,86,0.4) 55%,rgba(35,35,35,0.4) 56%,rgba(86,86,86,0.4) 57%,rgba(35,35,35,0.4) 58%,rgba(86,86,86,0.4) 59%,rgba(35,35,35,0.4) 60%,rgba(86,86,86,0.4) 61%,rgba(35,35,35,0.4) 62%,rgba(86,86,86,0.4) 63%,rgba(35,35,35,0.4) 64%,rgba(86,86,86,0.4) 65%,rgba(35,35,35,0.4) 66%,rgba(86,86,86,0.4) 67%,rgba(35,35,35,0.4) 68%,rgba(86,86,86,0.4) 69%,rgba(35,35,35,0.4) 70%,rgba(86,86,86,0.4) 71%,rgba(35,35,35,0.4) 72%,rgba(86,86,86,0.4) 73%,rgba(35,35,35,0.4) 74%,rgba(86,86,86,0.4) 75%,rgba(35,35,35,0.4) 76%,rgba(86,86,86,0.4) 77%,rgba(35,35,35,0.4) 78%,rgba(86,86,86,0.4) 79%,rgba(35,35,35,0.4) 80%,rgba(86,86,86,0.4) 81%,rgba(35,35,35,0.4) 82%,rgba(86,86,86,0.4) 83%,rgba(35,35,35,0.4) 84%,rgba(86,86,86,0.4) 85%,rgba(35,35,35,0.4) 86%,rgba(86,86,86,0.4) 87%,rgba(35,35,35,0.4) 88%,rgba(86,86,86,0.4) 89%,rgba(35,35,35,0.4) 90%,rgba(86,86,86,0.4) 91%,rgba(35,35,35,0.4) 92%,rgba(86,86,86,0.4) 93%,rgba(35,35,35,0.4) 94%,rgba(86,86,86,0.4) 95%,rgba(35,35,35,0.4) 96%,rgba(86,86,86,0.4) 97%,rgba(86,86,86,0.4) 97%,rgba(35,35,35,0.4) 98%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(38,38,38,0.4) 0%,rgba(89,89,89,0.4) 1%,rgba(35,35,35,0.4) 2%,rgba(86,86,86,0.4) 3%,rgba(35,35,35,0.4) 4%,rgba(86,86,86,0.4) 5%,rgba(35,35,35,0.4) 6%,rgba(86,86,86,0.4) 7%,rgba(35,35,35,0.4) 8%,rgba(86,86,86,0.4) 9%,rgba(35,35,35,0.4) 10%,rgba(86,86,86,0.4) 11%,rgba(35,35,35,0.4) 12%,rgba(86,86,86,0.4) 13%,rgba(35,35,35,0.4) 14%,rgba(86,86,86,0.4) 15%,rgba(35,35,35,0.4) 16%,rgba(86,86,86,0.4) 17%,rgba(35,35,35,0.4) 18%,rgba(86,86,86,0.4) 19%,rgba(35,35,35,0.4) 20%,rgba(86,86,86,0.4) 21%,rgba(35,35,35,0.4) 22%,rgba(86,86,86,0.4) 23%,rgba(35,35,35,0.4) 24%,rgba(86,86,86,0.4) 25%,rgba(35,35,35,0.4) 26%,rgba(86,86,86,0.4) 27%,rgba(35,35,35,0.4) 28%,rgba(86,86,86,0.4) 29%,rgba(35,35,35,0.4) 30%,rgba(86,86,86,0.4) 31%,rgba(35,35,35,0.4) 32%,rgba(86,86,86,0.4) 33%,rgba(35,35,35,0.4) 34%,rgba(86,86,86,0.4) 35%,rgba(35,35,35,0.4) 36%,rgba(86,86,86,0.4) 37%,rgba(35,35,35,0.4) 38%,rgba(86,86,86,0.4) 39%,rgba(35,35,35,0.4) 40%,rgba(86,86,86,0.4) 41%,rgba(35,35,35,0.4) 42%,rgba(86,86,86,0.4) 43%,rgba(35,35,35,0.4) 44%,rgba(86,86,86,0.4) 45%,rgba(35,35,35,0.4) 46%,rgba(86,86,86,0.4) 47%,rgba(35,35,35,0.4) 48%,rgba(86,86,86,0.4) 49%,rgba(35,35,35,0.4) 50%,rgba(86,86,86,0.4) 51%,rgba(35,35,35,0.4) 52%,rgba(86,86,86,0.4) 53%,rgba(35,35,35,0.4) 54%,rgba(86,86,86,0.4) 55%,rgba(35,35,35,0.4) 56%,rgba(86,86,86,0.4) 57%,rgba(35,35,35,0.4) 58%,rgba(86,86,86,0.4) 59%,rgba(35,35,35,0.4) 60%,rgba(86,86,86,0.4) 61%,rgba(35,35,35,0.4) 62%,rgba(86,86,86,0.4) 63%,rgba(35,35,35,0.4) 64%,rgba(86,86,86,0.4) 65%,rgba(35,35,35,0.4) 66%,rgba(86,86,86,0.4) 67%,rgba(35,35,35,0.4) 68%,rgba(86,86,86,0.4) 69%,rgba(35,35,35,0.4) 70%,rgba(86,86,86,0.4) 71%,rgba(35,35,35,0.4) 72%,rgba(86,86,86,0.4) 73%,rgba(35,35,35,0.4) 74%,rgba(86,86,86,0.4) 75%,rgba(35,35,35,0.4) 76%,rgba(86,86,86,0.4) 77%,rgba(35,35,35,0.4) 78%,rgba(86,86,86,0.4) 79%,rgba(35,35,35,0.4) 80%,rgba(86,86,86,0.4) 81%,rgba(35,35,35,0.4) 82%,rgba(86,86,86,0.4) 83%,rgba(35,35,35,0.4) 84%,rgba(86,86,86,0.4) 85%,rgba(35,35,35,0.4) 86%,rgba(86,86,86,0.4) 87%,rgba(35,35,35,0.4) 88%,rgba(86,86,86,0.4) 89%,rgba(35,35,35,0.4) 90%,rgba(86,86,86,0.4) 91%,rgba(35,35,35,0.4) 92%,rgba(86,86,86,0.4) 93%,rgba(35,35,35,0.4) 94%,rgba(86,86,86,0.4) 95%,rgba(35,35,35,0.4) 96%,rgba(86,86,86,0.4) 97%,rgba(86,86,86,0.4) 97%,rgba(35,35,35,0.4) 98%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(38,38,38,0.4) 0%,rgba(89,89,89,0.4) 1%,rgba(35,35,35,0.4) 2%,rgba(86,86,86,0.4) 3%,rgba(35,35,35,0.4) 4%,rgba(86,86,86,0.4) 5%,rgba(35,35,35,0.4) 6%,rgba(86,86,86,0.4) 7%,rgba(35,35,35,0.4) 8%,rgba(86,86,86,0.4) 9%,rgba(35,35,35,0.4) 10%,rgba(86,86,86,0.4) 11%,rgba(35,35,35,0.4) 12%,rgba(86,86,86,0.4) 13%,rgba(35,35,35,0.4) 14%,rgba(86,86,86,0.4) 15%,rgba(35,35,35,0.4) 16%,rgba(86,86,86,0.4) 17%,rgba(35,35,35,0.4) 18%,rgba(86,86,86,0.4) 19%,rgba(35,35,35,0.4) 20%,rgba(86,86,86,0.4) 21%,rgba(35,35,35,0.4) 22%,rgba(86,86,86,0.4) 23%,rgba(35,35,35,0.4) 24%,rgba(86,86,86,0.4) 25%,rgba(35,35,35,0.4) 26%,rgba(86,86,86,0.4) 27%,rgba(35,35,35,0.4) 28%,rgba(86,86,86,0.4) 29%,rgba(35,35,35,0.4) 30%,rgba(86,86,86,0.4) 31%,rgba(35,35,35,0.4) 32%,rgba(86,86,86,0.4) 33%,rgba(35,35,35,0.4) 34%,rgba(86,86,86,0.4) 35%,rgba(35,35,35,0.4) 36%,rgba(86,86,86,0.4) 37%,rgba(35,35,35,0.4) 38%,rgba(86,86,86,0.4) 39%,rgba(35,35,35,0.4) 40%,rgba(86,86,86,0.4) 41%,rgba(35,35,35,0.4) 42%,rgba(86,86,86,0.4) 43%,rgba(35,35,35,0.4) 44%,rgba(86,86,86,0.4) 45%,rgba(35,35,35,0.4) 46%,rgba(86,86,86,0.4) 47%,rgba(35,35,35,0.4) 48%,rgba(86,86,86,0.4) 49%,rgba(35,35,35,0.4) 50%,rgba(86,86,86,0.4) 51%,rgba(35,35,35,0.4) 52%,rgba(86,86,86,0.4) 53%,rgba(35,35,35,0.4) 54%,rgba(86,86,86,0.4) 55%,rgba(35,35,35,0.4) 56%,rgba(86,86,86,0.4) 57%,rgba(35,35,35,0.4) 58%,rgba(86,86,86,0.4) 59%,rgba(35,35,35,0.4) 60%,rgba(86,86,86,0.4) 61%,rgba(35,35,35,0.4) 62%,rgba(86,86,86,0.4) 63%,rgba(35,35,35,0.4) 64%,rgba(86,86,86,0.4) 65%,rgba(35,35,35,0.4) 66%,rgba(86,86,86,0.4) 67%,rgba(35,35,35,0.4) 68%,rgba(86,86,86,0.4) 69%,rgba(35,35,35,0.4) 70%,rgba(86,86,86,0.4) 71%,rgba(35,35,35,0.4) 72%,rgba(86,86,86,0.4) 73%,rgba(35,35,35,0.4) 74%,rgba(86,86,86,0.4) 75%,rgba(35,35,35,0.4) 76%,rgba(86,86,86,0.4) 77%,rgba(35,35,35,0.4) 78%,rgba(86,86,86,0.4) 79%,rgba(35,35,35,0.4) 80%,rgba(86,86,86,0.4) 81%,rgba(35,35,35,0.4) 82%,rgba(86,86,86,0.4) 83%,rgba(35,35,35,0.4) 84%,rgba(86,86,86,0.4) 85%,rgba(35,35,35,0.4) 86%,rgba(86,86,86,0.4) 87%,rgba(35,35,35,0.4) 88%,rgba(86,86,86,0.4) 89%,rgba(35,35,35,0.4) 90%,rgba(86,86,86,0.4) 91%,rgba(35,35,35,0.4) 92%,rgba(86,86,86,0.4) 93%,rgba(35,35,35,0.4) 94%,rgba(86,86,86,0.4) 95%,rgba(35,35,35,0.4) 96%,rgba(86,86,86,0.4) 97%,rgba(86,86,86,0.4) 97%,rgba(35,35,35,0.4) 98%);
    background: radial-gradient(center, ellipse cover,  rgba(38,38,38,0.4) 0%,rgba(89,89,89,0.4) 1%,rgba(35,35,35,0.4) 2%,rgba(86,86,86,0.4) 3%,rgba(35,35,35,0.4) 4%,rgba(86,86,86,0.4) 5%,rgba(35,35,35,0.4) 6%,rgba(86,86,86,0.4) 7%,rgba(35,35,35,0.4) 8%,rgba(86,86,86,0.4) 9%,rgba(35,35,35,0.4) 10%,rgba(86,86,86,0.4) 11%,rgba(35,35,35,0.4) 12%,rgba(86,86,86,0.4) 13%,rgba(35,35,35,0.4) 14%,rgba(86,86,86,0.4) 15%,rgba(35,35,35,0.4) 16%,rgba(86,86,86,0.4) 17%,rgba(35,35,35,0.4) 18%,rgba(86,86,86,0.4) 19%,rgba(35,35,35,0.4) 20%,rgba(86,86,86,0.4) 21%,rgba(35,35,35,0.4) 22%,rgba(86,86,86,0.4) 23%,rgba(35,35,35,0.4) 24%,rgba(86,86,86,0.4) 25%,rgba(35,35,35,0.4) 26%,rgba(86,86,86,0.4) 27%,rgba(35,35,35,0.4) 28%,rgba(86,86,86,0.4) 29%,rgba(35,35,35,0.4) 30%,rgba(86,86,86,0.4) 31%,rgba(35,35,35,0.4) 32%,rgba(86,86,86,0.4) 33%,rgba(35,35,35,0.4) 34%,rgba(86,86,86,0.4) 35%,rgba(35,35,35,0.4) 36%,rgba(86,86,86,0.4) 37%,rgba(35,35,35,0.4) 38%,rgba(86,86,86,0.4) 39%,rgba(35,35,35,0.4) 40%,rgba(86,86,86,0.4) 41%,rgba(35,35,35,0.4) 42%,rgba(86,86,86,0.4) 43%,rgba(35,35,35,0.4) 44%,rgba(86,86,86,0.4) 45%,rgba(35,35,35,0.4) 46%,rgba(86,86,86,0.4) 47%,rgba(35,35,35,0.4) 48%,rgba(86,86,86,0.4) 49%,rgba(35,35,35,0.4) 50%,rgba(86,86,86,0.4) 51%,rgba(35,35,35,0.4) 52%,rgba(86,86,86,0.4) 53%,rgba(35,35,35,0.4) 54%,rgba(86,86,86,0.4) 55%,rgba(35,35,35,0.4) 56%,rgba(86,86,86,0.4) 57%,rgba(35,35,35,0.4) 58%,rgba(86,86,86,0.4) 59%,rgba(35,35,35,0.4) 60%,rgba(86,86,86,0.4) 61%,rgba(35,35,35,0.4) 62%,rgba(86,86,86,0.4) 63%,rgba(35,35,35,0.4) 64%,rgba(86,86,86,0.4) 65%,rgba(35,35,35,0.4) 66%,rgba(86,86,86,0.4) 67%,rgba(35,35,35,0.4) 68%,rgba(86,86,86,0.4) 69%,rgba(35,35,35,0.4) 70%,rgba(86,86,86,0.4) 71%,rgba(35,35,35,0.4) 72%,rgba(86,86,86,0.4) 73%,rgba(35,35,35,0.4) 74%,rgba(86,86,86,0.4) 75%,rgba(35,35,35,0.4) 76%,rgba(86,86,86,0.4) 77%,rgba(35,35,35,0.4) 78%,rgba(86,86,86,0.4) 79%,rgba(35,35,35,0.4) 80%,rgba(86,86,86,0.4) 81%,rgba(35,35,35,0.4) 82%,rgba(86,86,86,0.4) 83%,rgba(35,35,35,0.4) 84%,rgba(86,86,86,0.4) 85%,rgba(35,35,35,0.4) 86%,rgba(86,86,86,0.4) 87%,rgba(35,35,35,0.4) 88%,rgba(86,86,86,0.4) 89%,rgba(35,35,35,0.4) 90%,rgba(86,86,86,0.4) 91%,rgba(35,35,35,0.4) 92%,rgba(86,86,86,0.4) 93%,rgba(35,35,35,0.4) 94%,rgba(86,86,86,0.4) 95%,rgba(35,35,35,0.4) 96%,rgba(86,86,86,0.4) 97%,rgba(86,86,86,0.4) 97%,rgba(35,35,35,0.4) 98%);
    top:0;
    left:0;
}
.vinyl:after {
    position:absolute;
    display:block;
    content: "\002022";
    width:34px;
    height:53px;
    line-height:53px;
    border-radius:53px;
    top:60px;
    left:60px;
    padding-left:19px;
    color:#000;
    background: -moz-linear-gradient(-45deg,  rgba(252,252,252,1) 0%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(239,239,239,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%);
    background: linear-gradient(-45deg,  rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%);
    border:1px solid #000;
    font-size:40px;
    text-shadow: 0px 0px 3px rgba(0,0,0, 0.8);
}
.slotwrapper {
    position:absolute;
    display:block;
    top:0px;
    right:-10px;
    height:100%;
    width:10px;
    overflow:hidden;
}
.slot{
    position:absolute;
    display:block;
    top:-160px;
    left:-67px;
    height:505px;
    width:85px;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(76,76,76,1) 51%, rgba(76,76,76,0) 52%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 58%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(51%,rgba(76,76,76,1)), color-stop(52%,rgba(76,76,76,0)), color-stop(53%,rgba(0,0,0,0.1)), color-stop(58%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(76,76,76,1) 51%,rgba(76,76,76,0) 52%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 58%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(76,76,76,1) 51%,rgba(76,76,76,0) 52%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 58%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(76,76,76,1) 51%,rgba(76,76,76,0) 52%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 58%);
    background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(76,76,76,1) 51%,rgba(76,76,76,0) 52%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 58%);
}
@keyframes spin
{
from {
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
}
to {
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
}

@-moz-keyframes spin
{
from {
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
}
to {
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
}
}

@-webkit-keyframes spin
{
from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}
to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}

Step 5. Click on the Save template button to save the changes. For applying the animated vinyl record effect on your image, first upload the picture for your album cover, copy the URL of it and then paste it inside a Notepad so that you can use it later. If you don't know how to upload images and get their urls, please read this tutorial: How to upload images and get the URLs

Step 6. When you create a post, add this code inside the HTML section:
<div class="case">
 <div class="overlay"></div>
 <img class="cover" src="http://add-image-url-here.com/"/>
<span class="info">TEXT HERE</span>
   <div class="slotwrapper">
  <div class="slot"></div>
 </div>
 <div class="vinyl"></div>
</div>
Replace the URL in blue with the one that you saved earlier and the text in red with the info to show on mouse over. In case you don't need any info, remove this part:
<span class="info">TEXT HERE</span>
Step 7. Publish your post and you're done! Enjoy!

Özgünleşme Çabaları

Günümüzde küreselleşen dünya insanları yarışma eyleminin içine itti. Artık herkes işte, okulda, evde yarışır bir konuma geldi. Baktığımız zaman herkesin bünyesine işleyen “en iyisi ben olmalıyım” görüşüşü zihinlere kazındı.

Bu aslında kapsam olarak iyi bir şey; fakat yarışmak insanları birazda adil yaşam koşullarında uzaklaştırmaya başladı. Ünlü düşünürlerden Machiavelli’in: “Amaca giden her yol mübahdır” sözü herhalde bu durumu özetleyen en belirgin sözlerden biridir. Herkes bir amacı var, bu amaç ulaşılabilir; fakat birçok rakip var. Bu yüzden de hemen adil
savaşma mekanizmalarının dışında bir mekanizma devreye giriyor.

Ülkemiz adına baktığımızda günümüzde gelişen teknolojinin evlere yerleşmesiyle insanlar artık; internet kullanımı konusunda daha da bilgili hale geldi. Artık herkes rahat bir şekilde kendi bilgi, deneyim, beceri vb. şeyleri çok rahatça kazanıyor ve bunlardan maddi, manevi kazanç elde edebiliyor. Bunu sağlayan en önemli araçta ücretsiz yer hizmeti sağlayan blogger,wordpress,tumblr gibi hizmetler.

Amaca giden her yol mübahdır” sözü günümüzde blogger dünyası için çokça kullanmak zorunda kalıyoruz. Çünkü insanlar zamanlarından, hayatlarından belli dakikaları, saatleri vererek bir içerik oluşturuyorlar. Ve bunun sonucunda yeni dostlar, yorumlara göre yeni deneyimler kazanıyorlar. Fakat bazı hadsiz arkadaşlar bu emekleri bir saniyede hiç ediyorlar.

özgün blog

Peki bu yazının problemi nedir? Başlıktan anlaşılacağı gibi özgün olmak bu yazının problemi. Bu nasıl yapılabilir?

1. Blogu Açmaya Karar Vermek

En zor aşamadır ama çok dikkatli olunması gerekir. İnsanın bir anlık heves ve devamlı istek arasındaki ayrımı iyi ayırt etmesi gerekir. “Ben yapabilir miyim? Yaparsam nasıl yaparım?” gibi sorular sormalıdır. Ayrıca; blogun türü konusu, amacını, hedefini taslak olarak belirlemeli. Tabi burada belirlemede; “Bu internette çok tutuyor, o olsun” olmamalı. Çünkü 2-3 yazı sonra devamlılık dediğimiz şey kendini kaybetmeye başlıyor. Bu konularda belki de belli süre kendi kendine denemeler yazmalıdır. (Yazabileceği konuda kararsız ise)

2. Empati Kurmak

İnsan için önemli işlerin başında gelir empati. Onları hayat anlamlandırmaya, insanları anlamaya sevk eder. Blogger içinde; Machiavelli iyi hoş bir söz söyledi de bu söz esas olan değil. Esas olan: “Sana yapılmasını istemediğini başkasına yapmayacaksın” olacak. Özgün olmak için çalmayacaksın, kopyalamayacaksın. Eğer çok etkilendin kullanmak istiyorsan izin alacaksın.

3. Kendin Olma


İnsan empati kurabilirse kendisi olabilir. Bu blogger içinde geçerli. Günümüzde blogger olarak başlayıp bunu kitap, köşe yazarlığına götüren kişiler var. Bunların temel başarısı kendi gibi kendi olmalarında yatıyor. “Şu tutar şunu da yazayım değil de ; bu gerekli bunu yazayım” diyenler başarılı oluyor. Özgün olmanın temeli kendin olmaktır.

4. Yorumları Dikkate Alma

Her blogger, açtığı bloga süreli olarak yayın girerse belli bir süre sonra bu diğer blogger ve internet kullanıcıları tarafından dikkat çeker. Ve bloga iyi kötü yorumlar gelir. Burada önemli olan bu yorumlarda okuyucu isteğini karşılamaktır. Ama, o eğer öyle dediyse öyle yazmak değil. Buradaki durum: üslupla ilgili düzenlemeye gitmek. Anlaşılırlığı ön plana çıkarmak. Yorumlar sayesinde bir çok eksiğinizi giderebilirsiniz.

Özgünleşme için en büyük temel empatidir. Günümüzde bloggerların baş düşmanı olan, kar amaçlı içerik hırsızlarının yapmadığı; bir çok özgün bloggera negatif yansımalara neden oluyor.

Burada her madde ona çıkar. Burada saydığım maddelere eklemeler yapılabilir. Bu maddeler basamaklı bir denge sistemi oluşturur. Bunun temelinde empati yatar. Eğer bir blogger empati parçasını koymayı unutursa, kurduğu dünya başlamadan sona erer. Kısacası buna çöp blogger ya da bloglar çöplüğü diyebiliriz…

Yazar Hakkında: Ruhsuz Atmaca'nın, tek ve temel amacı insanlığa bir şey katabilir miyim?, katabilirsem nasıl olmadır?, bu soruları kendine sorarken bir anda kendisini blog dünyasında bulur.Ruhsuz Atmaca blogunun kapağında yer alan ve ismini verdiği "Atmaca", insanlara benzer duygulara sahip bir canlıdır. Yırtıcılığı nedeniyle isminin önüne "Ruhsuz" takısı gelmiştir. Blogun sloganı ise: "Yazdıklarım ve Yazacaklarım Atmacanın Bakışlarında Gizli..." oluşturur.

30 Ocak 2014 Perşembe

Colour canvases of Mexico...

True to it's name Rang Decor presents the colours of Mexico;-)
If walls could be art, Mexico is a museum! A visual post follows.




















(Images by Arch shot in Puebla and San Miguel de Allende and are copyrighted)

Kadınlar için: Sevdiğin adamın yanında asla yapmaman gereken 10 şey





Posta.com.tr Yazarları Sabanur Kıraç' ın yazısı

Sevgilinin yanında asla yapmaman gereken 10 şey



1-    Anneanne çamaşırlarınla dolaşma
Biliyorum çok rahatlar! Biliyorum özellikle regli dönemlerinde vazgeçilmezler! Ama yapma. Anneanne çamaşırlarınla sevgilinin aklındaki tüm seksi görüntünü yerle bir etme. Evet hepimiz biraz Bridget Jones’uz ama onlar bizi hep Bridgette Bardot olarak görmek istiyor!

2-    Geğirme ya da gaz çıkarma
Bir kere yapmak komik hatta sevimli gelebilir. Hatta ne delikanlı kız etkisi bile yaratabilir. Ama işin bokunu çıkartırsan o da çıkartır! Sonra bir bakmışsın Al Bundy ile çıkıyorsun! Unutma ilişkideki saygı çerçevesini aslında kadınlar çizer. Sen o çerçeveyi ne kadar aşarsan o iki katı aşar. Ve bir kere çerçeve genişledi mi geriye dönüş yoktur!

3-    Kilon hakkında yakınma
Birincisi erkekler kilolarımız hakkında dır dır dinlemek istemiyor. İkincisi sen kendine devamlı şişko dedikten bir süre sonra bir bakarsın ki o da senin şişko olduğunu düşünüyor ve söylüyor. Kiloların hakkında ne kadar yakınırsan ağzına attığın her çikolata parçası sevgilinin gözlerine o kadar batar. Azıcık kendine güven ve hatta şişko olmadığına önce onu inandır. Biliyorum “çok şişkoyum” derken ki en temel amacın “Hayır hayatım bomba gibisin” demesini sağlamak ama sen de biliyorsun ki erkek aklı bunu hiçbir zaman anlamaz!

4-    Onun önünde tuvaletini yapma
Evet güzel kadınlar da pırt yapar, kaka yapar. Ama hiçbir erkek seni kaka yaparken hayal etmek istemez. O zaman sen de ona aklından silinmeyecek o görüntüyü sunma mümkünse!

5-    Annesi veya kız kardeşi gibi hayatındaki önemli kadınlar hakkında kötü konuşma
Aranız ne kadar kötü olursa olsun onun hayatındaki kadınları yermeden önce iki kez düşün. O koca dilini tut ve fikirlerini kendine sakla. O anda seni çok sevdiği veya senle sevişmek istediği için ağzını açmasa bile o söylediklerini asla unutmayacaktır ve daha kötüsü bu düşüncelerini o kişilerle de paylaşacaktır.


6-    Tüylerinin onun yanında alma
İster jiletle ister ağdayla istersen de epilasyon makinesiyle olsun kıllarını onun önünde alma! İnan bana seni bıyıklarını ya da koltuk altı kıllarını alırken görmek kadar itici çok az şey olabilir bu hayatta!

7-    Saçlarını onun yanında boyama
Öncelikle saç boyası dediğin zımbırtı iğrenç kokar. Ayrıca saçını boyarken oldukça korkunç görünürsün. Bırak o halini de görmesin. Güzelleşmek için hangi aşamalardan geçtiğini bilmesine hiç gerek yok!

8-    Onun yanında eski sevgililerinden bahsetme
Her erkek aslında ilk sevgilin, ilk aşkın ve ilk sevişmen olduğunu düşünmek ister. İlk olamasa da en iyi olmayı bekler. Sakın onun yanında eski sevgili mevzusunu açma ve ona onu diğerleriyle kıyasladığını hissettirme!


9-    Yakın arkadaşlarını kötüleme
Ne kadar iğrenç ve tehlikeli olurlarsa olsunlar sevgilin yakın arkadaşlarını onun suratına karşı kötüleme. Bu aynısını onunda yapmasına hak tanımaktır. Sen nasıl en kaşar arkadaşlarına bile toz kondurmuyorsan o da kondurmanı istemez. Üstelik senin birini sevmediğini anlarsa onunla buluştuğu zamanlarda olay çıkmasın diye yalanlar söylemeye bile başlar! Bildiğin tehlike bilmediğinden iyidir unutma!

10-     Ne kadar eski ve çirkin olursa olsun en sevdiği kıyafetlerini eleştirme
Erkeklerin bazen tutkuyla sarıldığı ve onları hem çirkin hem itici gösteren bazı kıyafetleri vardır. İşte o kıyafetlere hiç bulaşma. Ve asla onlardan gizlice kurtulmayı hayal etme. Çünkü asla o kıyafetlerin varlığını unutmaz üzerinden kaç yıl geçerse geçsin hesabını sorarlar. Ve eğer o kıyafetleri sürekli eleştirirsen de daha fazla giyerler, benden söylemesi!

kaynak: http://www.posta.com.tr/




İlgili Aramalar:

Erkekler için: Sevdiğin kadının yanında asla yapmaman gereken 10 şey




Posta.com.tr Yazarları Sabanur Kıraç' ın yazısı

Sevgilinin yanında asla yapmaman gereken 10 şey

Kendini ona ne kadar yakın hissedersen hisset, kaç yıldır beraber olursanız olun sevgilinin yanında asla yapmaman gereken bazı şeyler vardır. Bu şeylerden kâh ona saygından kâh ilişkinizin geleceği için ya da sadece yapılmaması gerektiğinden dolayı uzak durmalısın. Evet, biriyle beraber olmak onunla hayatı paylaşmaktır ama gel bunları sevgilinle paylaşmayıver! İnan ilişkinizin geleceği için çok daha faydalı olacak!

Erkekler için: Sevdiğin kadının yanında asla yapmaman gereken 10 şey

1-    Kız kardeşi, akrabası veya arkadaşlarının vücutları hakkında yorum yapma
“Baldız baldan tatlıdır” geyiğini kendine sakla! Sen, sen ol asla sevgilinin kız kardeşi, akrabası veya arkadaşları hakkında “Çok güzel/seksi/taş gibi” yorumları yapma. Hatta sen bu yorumları onun yanında hiç kimse için (Evet Angelina Jolie için bile) yapma!


2-    Onun problemlerini küçümseme, bilgiçlik taslama
Sevgilinin problemleri sana küçük geliyor olabilir ama onun için gerçekten önemli. Onun problemlerini asla küçümseme. Anlayışlı olmaya çalış. Ona çözümler öner ama asla bilgiçlik taslama. Onun için önemli olan onu dinlemen ve onun yanında olduğunu hissettirmen. Yoksa onun da kafası en az seninki kadar çalışıyor!

3-    Penisinin fotoğrafını yollama
Sen penisin gurur duyuyor olabilirsin, ya da onun sana seksi fotoğraflar yollaması seni baştan çıkarıyor olabilir ama unutma penisinin hiçbir kadın için çekici bir görüntü değil! Bir kere erkek cinsel organı kadınınki kadar estetik değil. İkincisi bir kadını baştan çıkarmak veya azdırmak için gerekli hiç değil! Onu etkilemek istiyorsan ona (dozunda) seksi şeyler söyle ama sakın penisinin fotoğrafını çekip yollama!


4-    Tuvaletini onun önünde yapma/tuvaletini yaparken kapıyı açık bırakma
Aradan kaç yıl geçerse geçsin hiçbir çift birbirinin önünde kakasını yapacak kadar yakınlaşmamalı! Kadınlar fırsatları olsa çocuklarının kakalarını yapışlarını bile izlemekten kaçar, seninkini ne yapsın! “Biz bunları aştık” deme! Hiçbir kadın senin gaz sesini, kokunu ve ıkınma suratını çekmemeli!

5-    Tombala çekme!
Ne kadar kaşınırsan kaşın, ne kadar rahatsız ederse etsin nolursun yapma! O elini pipinde dolaştırıp durma! Orada her ne arıyorsan ve bulamıyorsan lütfen o işini git ya tuvalette hallet ya da sevgilin yanında değilken!

6-    Küfretme
Konu erkeklerin küfretmesine gelince kabul edelim çok fazla yaratıcı ve iğrenç küfürler türetebiliyorsunuz. Hah, işte o iğrençliklerinizi mümkünse kadınların yanında sergilemeyiverin. Sevdiğin kadına biraz saygın olsun, çok giriş çıkışlı küfürleri erkek muhabbetlerine sakla!


7-    Onu başka bir kadınla kıyaslama
Amman diyeyim yapma, onu asla başka bir kadınla kıyaslama. Ne fiziksel olarak ne de yetenek veya huy olarak. Kıyaslayacağın kişi annen veya yakın arkadaşın da olamaz hiç tanımadığın ünlü bir isim de. Bir kadını asla başka bir kadınla kıyaslayarak gaza getiremezsin. Bunu sakın unutma!

8-    Onu uğursuz ilan etme
Ne kadar fanatik olursan ol, sevgilinin izlediği her maçı kaybetseniz de ona asla uğursuz olduğunu söyleme! Onu başkalarının önünde uğursuz ilan etme. Eğer gerçekten öyle olduğunu düşünüyorsan, onsuz maç izlemenin başka bir bahanesini bulabilirsin. Emin ol o da senle maç izlemeye bayılmıyordur!

9-    Sevişirken hareketlerine ve sözlerine dikkat et
Tamam sevişirken kan beynine değil başka bir yerine gidiyor olabilir ama bu kontrolü elinden bırakman için yeterli bir bahane değil. Sevişirken ağzından çıkanlara da dikkat et yaptığın hareketlere de. Çünkü sen her ne kadar o anın ateşiyle ne yaptığının farkında olmasan da o her daim tetikte!

10-     Hayvanlara karşı acımasız davranma
Hayvanlardan ne kadar nefret edersen et onun yanında asla bir hayvanı tekmeleme ya da onlara bir şey fırlatma. Aslında sen bunları hiçbir zaman yapma! Ama eğer içinde engel olamadığın hastalıklı bir şey varsa da bunu sevgilinin yanında asla yapma. Çünkü kadınlar böyle şeyleri asla affetmez ve akıllarının bir köşesine yazarlar. Bu onlar için sizin ne kadar iyi bir insan ve baba olduğunuzun bir göstergesidir...

kaynak: http://www.posta.com.tr/



İlgili Aramalar:

Hiç mi vicdanınız sızlamadı!



Mersin'de bir çöplükte kundağa sarılmış erkek bebek cesedi bulundu. Bir haftalık olduğu ve donarak öldüğü tahmin edilen bebeğin annesinin bulunması için polis çalışma başlattı.

Mersin'de çöplüğe plastik malzemeler toplamak için giden bir kişi, kundağa sarılı durumda bebek bulunca polisi aradı. Polis ekipleri olay yerine kısa sürede ulaşırken, çöp kenarında kundağa sarılmış olarak bulunan erkek bebeğin öldüğü belirlendi.
Olay Yeri İnceleme Ekibi delil araması yaparken, bebeğin özellikle son 3 gündür etkili olan yağmur ve soğuk hava nedeniyle donarak yaşamını yitirdiği tahmin edildi.
Mezitli Polis Merkezi'ne götürülen görgü tanığının ifadesi alınırken, bebeğin cesedi kesin ölüm nedeninin belirlenmesi için Mersin Üniversitesi Tıp Fakültesi Hastanesi Morgu'na kaldırıldı.

Olayla ilgili başlatılan soruşturma çerçevesinde polis, bebeğin annesini tespit edebilmek için bir hafta içinde doğum yapan kadınları incelemeye aldı.

kaynak: posta.com.tr


İlgili Aramalar:

29 Ocak 2014 Çarşamba

Blogunuzun Reklam/Sponsorluk Sayfası Var Mı?

Bloguna reklam alarak para kazanmak isteyen blog yazarlarının mutlaka profesyonelce hazırlanmış bir reklam/sponsorluk sayfasına sahip olmaları gerekir. Ciddi ve detaylı bir reklam sayfası, potansiyel reklamverenleri blogunuza reklam verme konusunda ikna edeceği gibi blogunuza daha profesyonel bir hava katacaktır.

Reklam sayfası oluşturmak şart dedim ama onun da bir usulü ve zamanı var. Blogu açar açmaz, daha 2 içerik girmeden reklam sayfası oluşturmak sizi sadece komik duruma düşürecektir. Ya da reklam isimli bir sayfa açıp içerisine “reklam vermek için bilmem ne adresinden iletişime geçin” gibi ciddiyetten ve profesyonellikten uzak bir şeyler yazmak reklam verme potansiyeli olan kişinin sayfayı hızla terk etmesine yol açacaktır.

Reklam sayfası oluşturup reklam almaya başlamak için acele etmemek gerekir. Blogunuzun, reklamverenlerin bloglardan beklentilerini yazdığım yazıda belirttiğim kriterlerin bir kısmını karşılıyor olmalası gerekir ki kayda değer ücretlerle reklam teklifleri alabilsin. Eğer blogunuzun reklam almaya hazır olduğunu düşünüyorsanız reklam/sponsorluk sayfasını oluşturmaya başlayabilirsiniz.

reklam sponsorluk

 

Bir Blogun Reklam Sayfası Neler İçermeli?

 

Reklam sayfasının içeriğine geçmeden önce küçük bir hatırlatma yapmak istiyorum. Reklam sayfanıza ziyaretçiler kolayca ulaşabliyor olmalı ve ana sayfanızda görünecek şekilde reklam sayfanıza en az bir bağlantı vermelisiniz. Gelelim reklam/sponsorluk sayfasında olması gerekenlere.

- Blogun Tanımı: Reklam verecek kişi blogunuzu tanımayabilir. Bu yüzden blogunuz hakkında kısaca bilgi verebilirsiniz. Misyonunuz, vizyonunuz, kuruluş amacınız, aldığınız ödüller, başarılarınız bu bölümde yazılabilir.

- Yazar Hakkında Bilgi: Reklam verecek kişi blogun arkasında kimin olduğunu ve kimle muhattap olacağını bilmek ister. Her ne kadar hakkımda sayfanızda kendinizden bahsetmiş olsanız da, burada kendinizi kısaca tanıtmak ve küçük bir profil fotoğrafı eklemek reklamveren üzerinde olumlu bir etki bırakacaktır.

- Okur Ve Ziyaretçi Profili: Blogunuzun ziyaretçi profili, reklam verecek firma için en önemli mevzudur. Firmaların hedef kitleleriyle sizin ziyaretçi profilinizin eşleşmesi kazançlı sposorluk anlaşmalarını beraberinde getirebilir. Bu konuda şeffaf olun ve biliyorsanız ziyaretçi profilinizin yaş aralığı, ağırlıklı cinsiyeti, eğitim düzeyi, alım gücü, meslek grubu gibi bilgilerini açıkça yazın.

- Reklam Türleri Ve Ücretleri: Reklamverenlere farklı reklam seçenekleri sunun ve bunların dönemlik ücretlerini açıkça belirtin. Ücreti gizlemek ve herkese farklı ücret söylemek uzun vadede iş ve itibar kaybı olarak size dönecektir. 

- İletişim Ve Ödeme Bilgileri: Bir reklam türüne karar veren kişi ödemeyi hangi yollarla yapacağını ve detayları görüşmek için size nasıl ulaşabileceğini bu sayfada bulmalı. Ödeme için farklı seçenekler sunmak, reklam alma şansınızı arttıracaktır. Ayrıca iletişim bilgilerinize telefon numarası eklemek, karşı tarafa güven aşılayacaktır.

 

Bu yazıyı yazarken kendi reklam sayfamı da gözden geçirmem gerktiğini fark ettim :) Son olarak reklam/sponsorluk sayfanızda görsel öğeler kullanmanızı önerip fiyat politikası belirlemeye geçmek istiyorum.

Blog Reklam Fiyatları Nasıl Belirlenir?

Bloglarda reklam fiyatı belirlemenin bir denklemi, matematiği, bilimi yoktur. Başlangıç için makul bir fiyat belirledikten sonra, talebe göre kendliğinden fiyat belirlenecektir zaten. Blogunuza reklam almaya karar verdiyseniz, blogunuzla benzer konuda yayın yapan, benzer popülariteye sahip, benzer özelliklerdeki blogları ziyaret ederek onların fiyatlarını inceleyin. Kendi blogunuzla kıyaslayarak taban bir fiyat belirleyin. İlerleyen zamanlarda talep çok olursa fiyatı artırır, talep olmazsa düşürürsünüz.

Her Gelen Reklam Teklifi Kabul Edilmeli Mi?

 

Elbette gelen her reklam teklifini kabul etmemelisiniz. Özellikle oturmuş bir okur kitleniz varsa, onların memnuniyeti kazanacağınız liralardan çok daha önemlidir. Onları rahatsız edecek, blogunuzdan soğutacak reklam türlerinden ve reklamverenlerden mutlaka uzak durun. Banner reklamlarında biraz daha esnek davranabilirsiniz ama içerik bazlı reklamlarda okurun ilgisini çekecek türde reklamları tercih edin. Mümkünse reklam içeriklerini kendiniz oluşturun.

Son Sözler

Reklam görüşmeleri yaparken herşeyden önce insan olduğunuzu unutmayın. İletişime ve ilişkilere önem verin. Karşı tarafa her zaman samimi ve dürüst olun. Önceliğiniz para değil, insan kazanmak olsun. Para zaten geelcektir. Hepinize bol kazançlar!

27 Ocak 2014 Pazartesi

Blog Yazarları İçin SWOT Analizi

Blog yazarlığında başarılı olmak için kendinizi blogunuzu çok iyi tanımalısınız. Tanımaktan kastettiğim şey; blogunuzun özelliklerinin ve şahsi becerilerinizin farkında olmanız. Aynı şekilde zayıf noktalarınızı da tespit etmeniz, ileride karşılaşabileceeğiniz muhtemel sorunlarla karşı hazırlıklı olmanızı sağlar.

Peki blogunuzun güçlü ve zayıf  noktalarını nasıl tespit edebilirsiniz? Bu noktaların yarattığı fırsatları ve tehlikeleri nasıl analiz edebilirsiniz? İş dünyasında bunun için çok sık kullanılan bir teknik var; SWOT analizi. Bu makalede SWOT analizinden ve bu tekniği blogunuza nasıl uygulayabileceğinizden bahsetmek istiyorum.

Swot Analizi Nedir?

SWOT terimi Strength, Weaknesses, Opportunities ve Threats kelimelerinin baş harfleri kullanılarak oluşturulmuş bir kısaltmadır. Anlamı ise bir girişimin güçlü ve zayıf yönlerini belirleyemek, oluşabilecek yeni fırsatları ve tehditleri tespit etmektir.

SWOT analizini blog yazarlığında 2 aşamada kullanabiliriz. Yeni bir blog oluştururken projeye karar verme aşamasında ve mevcut blogunuzu gelirştirme aşmasında.

SWOT Analizi Neden Önemlidir?

SWOT analizinde olası tehditlerinizi doğru tespit edip, bunlara karşı aksiyon planınızı hazırlarsanız, bu tehditleri fırsata çevirebilirsiniz. Tıpkı başarılı firmaların krizleri fırsata dönüştürüp cirolarını artırdığı gibi :)

SWOT analizinde zayıf yönlerimizi kendimize cesurca itiraf etmek çok önemlidir. Zayıf yönlerimizi geliştirerek iç faktörlerden kaynaklanan pronblemlere de önceden önlem almış oluruz.

SWOT Analizi Nasıl Yapılır?

Öncelikle boş bir kağıt alarak aşağıdaki grafikte olduğu gibi bir tablo oluşturmalısınız. Bu tabloda güçlü ve zayıf yönler size bağlı iç etkenler, fırsatlar ve tehditler ise çevreye bağlı dış etkenlerdir. Peki bu tabloladıki bu alanlar nasıl doldurulur?

SWOT analizi
Güçlü Yönler: Blogunuzu diğer bloglardan farklı kılan özellikler neler? Blogunuzun yayın yaptığı konuda edindiğiniz tecrünbeler neler? Elinizde hani kaynaklar mevcut? İnsanların blogunuzda üstün gördüğü özellikler neler? gibi soruların cevaplarını güçlü yönleriniz olarak yazabilirsiniz.

Zayıf Yönler: Diğer bloglaraoranla kötü olduğunuz yönler neler? Blogunuzun hangi özelliklerini geliştirmeniz gerekiyor? İnsanların blogunuzda gördüğü kötü özellikler neler? Kaçınmanız gereken hatalar neler? Başarınızı olumsuz etkilediğini düşündüğünüz şeyler neler? gibi soruların cevaplarını zayıf yönleriniz olarak yazabilirsiniz.

Fırsatlar: Mevcut fırsatlarınız neler? İşinize yarayacak teknolojiler neler? Sektör gelişmeye açık bir sektör mü? Size destek olabilecek kişiler kimler? Sektörde kimsenin dolduramadığı bir ihtiyaç var mı? gibi soruların cevaplarını fırsatlalar bölümüne yazabilirsiniz.

Tehditler: Önünüzde ne tür engeller var? Rakipleriniz neler yapıyor? Değişen teknoloji konumunuzu tehdit ediyor mu? Maddi sorunlarınız var mı? Sektöre olan talepte azalma var mı? Hedef kitlenin beklentileri değişti mi? gibi soruların cevaplarını tehditler bölümüne yazabilirsiniz.

SWOT analizi tablonuzdaki gerekli alanları doldurduktan sonra sıra beyin fırtınası yapmaya ve eldekileri analiz etmeye gelir. Burada da yukarıdaki sorulara verdiğiniz cevapların doğruluğu büyük önem arz eder. Şimdi bir örnek olması açısından Blog Hocam’ın SWOT analizini yapalım.

Blog Hocam’ın SWOT Analizi


Güçlü Yönler:

- İçerik üretme konusunda yaratıcıyım ve nitelikli içerik üretebliyorum.
- Okurlarla ve diğer blog yazarlarıyla iyi bir iletişimim var.
- Dijital pazarlamaya hakimim ve çözüm üretebiliyorum.

 

Zayıf Yönler:

- Tasarım modern değil ve yavaş.
- Bloga fazla vakit ayıramıyorum.
- Yazıları çok hızlı yazmaya çalıştığımdan çok sık yazım yanlışı yapıyorum.
 

 

Fırsatlar:

- Her geçen gün blog düyasına yeni bloglar ve bloggerlar katılıyor.
- Sektörde kaliteli içeriğe ihtiyaç var.
- Google, Blogger’a yatırım ypıyor ve yeni özellikler ekliyor.

 

Tehditler:

- Hükümet her an Blogger’a erişim yasağı  koyabilir.
- Gün geçtikçe blog yazarlğı hakkında yayın yayın yapan blog sayısı artıyor.
- Popüler olduğum için sürekli bir sataşma ve kötüleme ile karşı karşıyayım.


Örnek olduğu için kısa ve yüzeysel tuttum. SWOT analizi stratejik planlama yapılan en önemli ve gerekli çalışmadır. SWOT analizi sonra elde edilen etkenler değerlendirilerek, belirlenen hedefe ulaşmak için uzun vadeli bir eylem planı hazırlanır.

Siz de örnekten yola çıkarak güçlü yönlerinizi, zayıf yönlerinizi, fırsatları ve tehditleri detaylı bir şekilde yazdıktan sona sonuçlar üzerinde beyin fırtanısı yaparak eksik yönlernizi nasıl gidereceğinize, muhtemel tehditlere karşı nasıl hazırlanableceğinizedair bir plan oluşturabilirsiniz. Buna stratejlik planlama denir ve blogunu ciddiye alan, bir proje hatta bir şirket olarak olan kişiler tarafından mutlaka yapılması gerekir.