tag:blogger.com,1999:blog-33363800930503247332024-02-20T13:27:51.708-08:00Microblog Blogger TemplateMuhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-3336380093050324733.post-80696312336941319432015-11-22T08:08:00.001-08:002015-11-22T08:08:21.099-08:00Blogger Subscribe box widget with social icons<style>
.widget_follow_subscribe .widget-detail {
padding: 36px 30px 40px 30px;
}
.widget_follow_subscribe p {
text-align: center;
}
.follow-subscribe-social {
margin: 0 0 15px;
padding: 0 0 14px;
border-bottom: #858585 solid 1px;
}
.follow-subscribe-social ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.follow-subscribe-social ul li {
display: inline;
margin: 0 15px 0 0;
}
.follow-subscribe-social ul li:last-child {
margin: 0;
}
.follow-subscribe-social ul li a {
font-size: 17px;
color: #cacaca;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.follow-subscribe-social ul li a:hover {
color: #fff;
}
form.subscribe {
margin-top: -7px;
}
form.subscribe input {
display: block;
width: 100%;
}
.subscribe-email {
height: 45px;
border-radius: 4px;
border: none;
margin: 0 0 15px;
padding: 0 15px;
font-size: 0.928571em;
background-color: rgba(255,255,255,0.2);
}
.subscribe-email:focus {
outline: 0;
}
/* ===== Placeholder color ===== */
form.subscribe .placeholder { /* Internet Explorer 9 */
color: #cacaca;
}
form.subscribe input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #cacaca;
}
form.subscribe input::-webkit-input-placeholder { /* WebKit browsers */
color: #cacaca;
}
form.subscribe input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fafafa;
}
form.subscribe input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fafafa;
}
.subscribe-button {
height: 45px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
border: none;
background-color: #e7cd3b;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.subscribe-button:hover {
background-color: #f1d640;
}
.subscribe-button:focus {
outline: 0;
}
</style>
<br />
<div class="follow-subscribe-social">
<ul>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=3336380093050324733#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
Subscribe to my Newsletter<br />
<form class="subscribe">
<input class="subscribe-email" name="email" placeholder="Your email address..." required="" type="text" />
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com0tag:blogger.com,1999:blog-3336380093050324733.post-24926853714427853892015-11-09T08:41:00.002-08:002015-11-09T09:49:47.931-08:00Responsive Hover Effect Social Icons<div id="social-wrapper">
<a class="fb" href="#" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="gp" href="#" target="_blank">
<i class="fa fa-google-plus"></i>
</a>
<a class="yt" href="#" target="_blank">
<i class="fa fa-youtube"></i>
</a>
<a class="tw" href="#" target="_blank">
<i class="fa fa-twitter"></i>
</a>
</div>
Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com0tag:blogger.com,1999:blog-3336380093050324733.post-88388700201004515602015-02-06T03:01:00.002-08:002015-02-06T03:01:45.329-08:00jQuery For Mobile<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7k2osNWH3aF8sHHr7sETkS4m3Xgf6pz8KybddhQ0s_uQLM4YZoSJIP2X2tsyQV4daQz7bAdvNNg2mgxpdTvhJViDxBnCsRWPww0t-A3DZXCkrkwpdRfzli31VystZWEollqr2F9rN6qo/s1600/jQuery+For+Mobile.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7k2osNWH3aF8sHHr7sETkS4m3Xgf6pz8KybddhQ0s_uQLM4YZoSJIP2X2tsyQV4daQz7bAdvNNg2mgxpdTvhJViDxBnCsRWPww0t-A3DZXCkrkwpdRfzli31VystZWEollqr2F9rN6qo/s1600/jQuery+For+Mobile.png" height="284" width="640" /></a></div>
<br />Etiam velit mi, sagittis a ultricies id, imperdiet at purus. Aenean dignissim id elit a vestibulum. Nulla porta mi sed ligula eleifend, nec eleifend risus venenatis. Donec eu aliquet nibh. Praesent luctus id turpis auctor rutrum. Morbi neque est, facilisis sed enim eget, mattis convallis mauris. Aliquam id interdum erat. Cras quis tristique erat. Nulla pellentesque purus in nibh faucibus iaculis. Duis lobortis mi mollis porttitor sollicitudin.<br /><br />Etiam tempor euismod ligula ut pellentesque. Quisque accumsan justo egestas felis egestas varius. In sed orci sed arcu gravida pellentesque quis at nunc. Aenean ante dui, malesuada at mi a, sagittis venenatis libero. Cras hendrerit pellentesque est at ultrices.<br /><br />Aliquam semper erat ut urna facilisis hendrerit. Mauris feugiat, ipsum eu molestie blandit, odio libero aliquam tellus, ac tempus enim nunc a velit. Phasellus tincidunt dolor nec tortor tincidunt blandit.<br /><br />Curabitur id rhoncus tortor. Proin tincidunt molestie elit, ac iaculis nisi. Suspendisse vel elementum turpis. Sed dignissim ante id feugiat molestie. Proin id urna nec nunc cursus eleifend ac nec tellus. Etiam posuere est euismod ultricies semper. Etiam nulla nulla, eleifend id eros facilisis, aliquam aliquam tellus.Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com1tag:blogger.com,1999:blog-3336380093050324733.post-45158984490536713072015-02-06T02:58:00.003-08:002015-02-06T02:58:52.378-08:00Like a Phoenix Rising from the Ashes<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmP5oBYpQrkLwOZ2rSWzEpkRKPJWgnKyswfcUkuxLdgBBZVR5ro1ieoOqqUsDckP5hhpvSE144ZagX4gVXwRRQjcvWWfaVLPIMNyTq2nsKRXTC-mqpQbiT0F7JXVL8R4hzp8ZX7gnwZac/s1600/Phoenix+Reborn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmP5oBYpQrkLwOZ2rSWzEpkRKPJWgnKyswfcUkuxLdgBBZVR5ro1ieoOqqUsDckP5hhpvSE144ZagX4gVXwRRQjcvWWfaVLPIMNyTq2nsKRXTC-mqpQbiT0F7JXVL8R4hzp8ZX7gnwZac/s1600/Phoenix+Reborn.jpg" height="310" width="640" /></a></div>
<br />1, n there around the world, propaganda football problem, though, by scientists pure. Parenting time, sem eu enhanced the keyboard, hate poisoned than a bed, a bed of life, in order that he wishes to ullamcorper mi. In order that an element of a soft film, wishes to a wide range of financing of life.<br /><br />Also, my wishes , that a ultricies arrows, pushed at the pure. Aeneas soccer competition from the porch. There is no gate, but do Reserved deductible, nor the laughter of Japan poisoned. Until football Nibh bananas. This grief, this film, the author of the official website. Of the disease, and there is, easy but for chocolates, real estate the valley, funny. Some times it was. Who was sad tomorrow. There is no kids that in the jaws of the pure sugar. Morbi dolor amet, my soft ferry. Even tempor Performance indicators that have kids. Each layer of gas just to poverty poverty divers. In the bow, but expensive, but kids who is pregnant at now. Aeneas before the selection, from the advising but, my, freedom of poisoned arrows.Cras hendrerit beating is at ultrices.<br />
<blockquote class="tr_bq">
Of all times was to the pot of antioxidants Bureau. Mauris of the feugiatus, the same areas employee exciting, free of any hatred of the earth, from the wishes and the time is now. The pain will stop, nor tortor id afternoon.</blockquote>
<br />Textile Celtics that temperature. Lorem ipsum employee competition, and targeted only. Stress or element scores. But soccer in front of montes employee. Donec id urna the course of Japan and is not now, nor relax. In hac ultricies Performance is always. Yes, no, no, that Japan eros antioxidants, some of some the region. Unfortunately, the pain was, easy for the time of a man, always will not be back. Planning in order to free my son from the customization or quis enim Maecenas. Celtics amet, film or layer of convenience, nibh diam thermal sapien, and varied, nor the torturer and his son.But sometimes mourning cartoon. In the time of wisdom and to drink in the employee. For Japan, for her, who is the author of the pure football consectetuer adipiscing. Congue ultricies arrows Reserved football now. At liberty, but not now, nor any man than the jaws of range.Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com0tag:blogger.com,1999:blog-3336380093050324733.post-41119782032478425732015-02-06T02:56:00.003-08:002015-02-06T02:56:46.052-08:00Tags and Styling Post Format<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGRcTCRWlwmrW199UCflEyslPNIOsPrlFDOlfYOL4dBlscrSLWK19ZsOYsQhsiQkHGARiWnRuKysIzgrFQoW2UL8f1j2EDt9kKyNgpvD6qqgdKfrqD_SX6KPSr7miIc7ca7_JNh5UFeDE/s1600/Tags+and+Styling+Post+Format.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGRcTCRWlwmrW199UCflEyslPNIOsPrlFDOlfYOL4dBlscrSLWK19ZsOYsQhsiQkHGARiWnRuKysIzgrFQoW2UL8f1j2EDt9kKyNgpvD6qqgdKfrqD_SX6KPSr7miIc7ca7_JNh5UFeDE/s1600/Tags+and+Styling+Post+Format.png" height="284" width="640" /></a></div>
<br />
<h4>
A normal paragraph</h4>
Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.<br /><br /><br /><h4>
A paragraph format</h4>
Et posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex sed sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).<br /><br /><h4>
A paragraph as code</h4>
Mel putent quaeque an, ut postea melius denique sit. Officiis sensibus at mea, sea at labitur deserunt. Eam dicam congue soluta ut.<br /><br /><h4>
A paragraph as pre code</h4>
Mel putent quaeque an, ut postea melius denique sit. Officiis sensibus at mea, sea at labitur deserunt. Eam dicam congue soluta ut.<br /><br /><br /><h4>
A paragraph as blockquote</h4>
<blockquote class="tr_bq">
Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.</blockquote>
<br /><h4>
Unordered list</h4>
<ul>
<li>Blogger templates</li>
<li>Templates</li>
<li>Blogs</li>
<li>Layouts</li>
<li>Skins</li>
</ul>
<br /><h4>
Ordered list</h4>
<ol>
<li>Login</li>
<li>Visit Arlina Design</li>
<li>Download template</li>
<li>Install</li>
<li>Enjoy!</li>
</ol>
Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com0tag:blogger.com,1999:blog-3336380093050324733.post-16959448138173478382015-02-06T02:46:00.000-08:002015-02-06T02:46:04.304-08:00Check in W3C Validation Templates<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjglxyXrCXjp-wTRVLVc4UtA1kDYeUDNeQYY7QyiFYbSLMdWJqY3VsXXaCsZR6B3EmrXfn6-9nG6frdDcWUmSemE_GZ7q0gzPfgR1JjX9_3-GwK752LTAcQDUsSCFeSGA5ErFmQb5Gmy9k/s1600/Cek+Validasi+Template+di+W3C.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjglxyXrCXjp-wTRVLVc4UtA1kDYeUDNeQYY7QyiFYbSLMdWJqY3VsXXaCsZR6B3EmrXfn6-9nG6frdDcWUmSemE_GZ7q0gzPfgR1JjX9_3-GwK752LTAcQDUsSCFeSGA5ErFmQb5Gmy9k/s1600/Cek+Validasi+Template+di+W3C.png" height="320" width="640" /></a></div>
<br />
<br />T emplate valid an important consideration for us to do on our blog templates to facilitate the process crawled by spiders bots on our blog.<br /><br />Validity is arranged to be easily understood by the machine or bots in the reading sequence of code in our blog and of course, the validity is supported by human convenience also in understanding the meaning of the markup code that is regularly enhanced to create something better and easier of course. We often find paid or free templates that may be due to a slight error or old template that no longer compatible with the new rules in the HTML markup of the current.<br />
<br />
So to get the most important for us to check and make improvements as necessary in order to produce a better template and comfortable translated by machine and humans. Well, to start the mission validitasi our blog template, please follow the instructions below.<br />
<br />
Markup Validation To check the validity of an html code, we can use the Markup validation tool provided by W3C . The way we simply tick all the important options such as Clean up Markup with HTML-Tidy which serves as an example of code to replace the advice blog template code that experiencing html error in the checking in order to be valid.<br />
<br />
When we find a more appropriate advice from the results of these checks, we can immediately correct it and then we check again whether is valid or not. Before we edit our blog template helps us back up first by downloading our templates for backup in case of an error which resulted in the template we are getting an error. Please go to http://validator.w3.org/ to try it.<br />
<br />
CSS Validation To give the impression and design blogs we must use CSS. CSS itself is also not devoid of errors, thereby reducing the validity of our templates in the current CSS code format. It also affects the crawl on our template. To facilitate this process, it is important we also validate and repair if there is an error on our template CSS. Please do CSS Validation through http://jigsaw.w3.org/css-validator/ . Besides Validation of HTML and CSS, we can also do some other validation tools available on the W3C<br />
<br />
Validation as validation for a feed and a mobile version of your blog or site. To validate the blog feed we can do it in http://validator.w3.org/feed/ and to the mobile version of the blog we can do in http://validator.w3.org/mobile/ Good luckMuhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com0tag:blogger.com,1999:blog-3336380093050324733.post-80649685029271762122015-02-06T01:27:00.000-08:002015-02-06T01:27:00.084-08:00Fixing Bug Due To Generating Too Much Traffic<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvWQjGlyKXeHJcnM_fNXCkeeVjL1jv0Rr383BcXa8KIS7DMT4WaL9QrR-Ha3zypEfTuCuBV0cmWfRB48uNBt-hEMbrNU1fJgRgHhOhPnG8Vcw_lX5IMShgXeVS-D6LoAd2IzpChyrjxBE/s1600/Fixing+Bug+Due+To+Generating+Too+Much+Traffic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvWQjGlyKXeHJcnM_fNXCkeeVjL1jv0Rr383BcXa8KIS7DMT4WaL9QrR-Ha3zypEfTuCuBV0cmWfRB48uNBt-hEMbrNU1fJgRgHhOhPnG8Vcw_lX5IMShgXeVS-D6LoAd2IzpChyrjxBE/s1600/Fixing+Bug+Due+To+Generating+Too+Much+Traffic.png" height="251" width="320" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
Fixing Bug Due To Generating Too Much Traffic In Public Link Dropbox File<br /><br /><br />EXPIRED<br /><br /><br /><a href="http://4.bp.blogspot.com/-V_0ggDazGf4/VCnmOgfiExI/AAAAAAAAGko/yme00-RP4B4/s1600/Error%2B509.png"><img border="0" src="http://4.bp.blogspot.com/-V_0ggDazGf4/VCnmOgfiExI/AAAAAAAAGko/yme00-RP4B4/s1600/Error%2B509.png" /></a><br />Error 509 in Dropbox<br /><br /><br /><br />Please upload the files in the folder CSS BundleMinima2.css to your dropbox. After that share then copy the link and apply in get.<br /><br /><br /><a href="http://1.bp.blogspot.com/-JhnopRfeP8w/VCnkt0mUQ4I/AAAAAAAAGkc/dI6lI9ZcBPc/s1600/Share%2BLink%2BDropbox.png"><img border="0" src="http://1.bp.blogspot.com/-JhnopRfeP8w/VCnkt0mUQ4I/AAAAAAAAGkc/dI6lI9ZcBPc/s1600/Share%2BLink%2BDropbox.png" /></a><br /></div>
Muhammad Subelhttp://www.blogger.com/profile/09280593907688002943noreply@blogger.com1