Cara membuat Related Post Bergambar Responsive

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtzdCAH8VqN63iRywbHEdlXMUdwZIosOeSmhknKoAf4z1tcH1tYkdZmsqBBrR3LuShcF_5hkq5_X_M7t6FQftvPU0TsmZH5CFjsvkZW5SVWysEnwz4D_58ao3TTQgvOhfS3wScTYJbu2Q/s1600/88.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtzdCAH8VqN63iRywbHEdlXMUdwZIosOeSmhknKoAf4z1tcH1tYkdZmsqBBrR3LuShcF_5hkq5_X_M7t6FQftvPU0TsmZH5CFjsvkZW5SVWysEnwz4D_58ao3TTQgvOhfS3wScTYJbu2Q/s320/88.jpg" width="320" /></a></div>Membuat Related Post atau yang sering disebut dikalangan blogger yaitu artikel terkait pada sebua blog. Fungsinya adalah untuk meningkatkan interlink pada postingan dan juga dapat meningkat pageview pada blogger. Dengan memasang Related Post, maka secara tidak langsung akan mempermudah para pengunjung blog anda untuk membaca artikel-artikel yang terkait dengan yang anda saat ini baca. Sehingga dapat membuat pengunjung betah bertahan lama di blogger anda. Related Post atau Artikel Terkait banyak digunakan dikalangan para blogger, selain untuk mempermudah pengunjung melihat artikel-artikel yang berhubungan dengan yang dibaca, Related Post dapat memper-ganteng blogger anda^.^.<br /><br />Sebelum melakukan praktekk, silakan anda backup terlebih dahulu Template anda. Karena jika tidak sesuai dengan keinginan anda, maka dengan mudah membalikan seperti semula lagi.<br /><br /><b>Cara Pasang:</b><br /><br />1. Masuk ke Blogger anda.<br />2. Template -> Edit HTML.<br />3. Temukan kode <b></head></b><br />4. Copy-Paste kode berikut ini, tepat diatas kode<b> </head></b><br /><pre data-codetype="CSS" title="CSS"><code class="language-css"><!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' /> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End--></code></pre>5. Jika sudah dipasang diatas <b></head> </b>. Temukan kode <b><div class='post-footer'></b>letakkan kode dibawha ini diatas kode<b> </b><b> </b><br /><br />NB: Kode<b> <span style="color: red;"><div class='post-footer'></span> </b>ada dua, jadi kalian pasang saja keduanya!<b> </b><br /><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://maycyber-download.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV5fkUoTsT_Xz8987tLOojJoRIM1v0aRPzzV3s7s_LLYc1rxUg1GGx7EruJPKeimYmcON2s6CYWrs5h2z1d82IUOJK0cA1SNMtBLI_esm5hJQkh-B_vAM6ANHSPrbwLfWRyBvh9_wstCsk/s1600/best+blogger+tips.png'/></a> </b:if> </b:if> <!-- Related Posts with Thumbnails Code End--></code></pre>NB: <span style="color: red;"><b>Maxresults=5;</b></span> Jumlah postingan di Related Post, bisa diubah<b> 7</b><br />        <b><span style="color: red;">Related Post</span> </b>= Bisa diubah menjadi <b>Artikel Terkait</b><br /><br />6. <b>Save Template!</b><br /><br />Untuk melihat Related Post berbagai macam, Silakan lihat <a href="http://maycyber-download.blogspot.com/" target="_blank">Label Tags Related Post</a><br /><br />Demikianlah Tutorial Blogger kali ini, Sekian dari saya, <b>Semoga Bermanfaat!</b> Selamat Mencoba.</div>

Diposting oleh Mr Xiulung

Cara membuat Kolom Search/Pencarian Simple and Responsive

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONVG_ZSE9zOfVlQ7Fh6YED9bYgEUrtHe_G6bbr2Gy-Pq8IKqBoH7IOvNy_Pq6TGg6dgDYt49ivtmxLH4PIy5mD84GzJqxfXTlSpfXiCO575QBwkwYc-GIhANI3EkhQvr-hGpLhRNGsNw/s1600/search-images-13.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONVG_ZSE9zOfVlQ7Fh6YED9bYgEUrtHe_G6bbr2Gy-Pq8IKqBoH7IOvNy_Pq6TGg6dgDYt49ivtmxLH4PIy5mD84GzJqxfXTlSpfXiCO575QBwkwYc-GIhANI3EkhQvr-hGpLhRNGsNw/s200/search-images-13.jpg" width="200" /></a></div>Kolom Search. Berikut ini saya akan berbagi cara membuat kolom pencarian yang simple dan yang pasti Responsive!. Kolom Search adalah salah satu emelem UI yang paling penting dihalam web. Banyak sekali manfaat kotak pencarian ini buat website anda. Sebuah kotak pencarian pada halaman web melakukan fungsi yang sama dengan mbah google yang memungkinkan pengguna untuk mencari konten atau katergori yang sudah ada di blogger kita. Kolom Search ini adalah kebutuhan pokok diwebsite, karena fungsinya memudahkan pengunjung mencari apa yang dicari. Dalam tutorial ini saya akan berbagi cara membuat kolom search yang Simple dan Responsive. Jika anda suka dengan kolom search yang simple ini ikuti langkah-lagkah berikut ini setelah saya memberikan screenshoot.<br /><br /><b>Screenshoot:</b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6-lLLTmeObacrvu57OAPkYHOGEaMqUB-Qr8iYYHKwSu-6PzKkF6k3TnAFQGkl3HamgWKM6xpnyHkHl1SBkOp7qGVlSXFXKgZ1KODDYRGo9dZdFakbCSeIUFL2a4BBCevSL-hIMz28GY/s1600/77.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6-lLLTmeObacrvu57OAPkYHOGEaMqUB-Qr8iYYHKwSu-6PzKkF6k3TnAFQGkl3HamgWKM6xpnyHkHl1SBkOp7qGVlSXFXKgZ1KODDYRGo9dZdFakbCSeIUFL2a4BBCevSL-hIMz28GY/s400/77.JPG" width="400" /></a></div><div style="text-align: left;"><b>Cara pertama:</b>1. Login dan Masuk ke Blogger/</div><div style="text-align: left;">2. <b>Tata Letak</b> -><b> Pilih bagian Sidebar </b>-> <b>Add Gadget HTML/Java Script.</b></div><div style="text-align: left;">3. Copy-Paste kode berikut ini!</div><div style="text-align: left;"><br /></div><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id="_bcd_141013" style="display:none"></div><br /><style type="text/css"><br />form#_bcd_141013_search_form {<br /> position: relative;<br /> display: block;<br /> clear: both;<br /> float: none;<br /> <br /> border: /*border-width-s*/1px solid;/*border-width-e*/<br /> border-color: /*border-color-s*/#dddddd;/*border-color-e*/<br /> padding: /*padding-s*/5px;/*padding-e*/<br /> font-size: /*font-size-s*/12px;/*font-size-e*/<br /> background-color: /*bg-color-s*/#ffffff;/*bg-color-e*/<br />}<br />input#_bcd_141013_search_text {<br /> width: auto;<br /> border: none;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 2em;<br /> height: 2em;<br /> outline: none;<br /> background: transparent;<br /> <br /> color: /*text-color-s*/#000000;/*text-color-e*/<br />}<br />button#_bcd_141013_search_submit:hover {<br /> opacity: 0.8;<br />}<br />button#_bcd_141013_search_submit {<br /> width: auto;<br /> padding: 0 /*padding-s*/5px;/*padding-e*/<br /> margin: 0;<br /> position: absolute;<br /> right: /*padding-s*/5px;/*padding-e*/<br /> top: /*padding-s*/5px;/*padding-e*/<br /> line-height: 2em;<br /> height: 2em;<br /> text-align: center;<br /> cursor: pointer;<br /> border: none;<br /> min-width: 2em;<br /> <br /> color: /*submit-text-color-s*/#000000;/*submit-text-color-e*/<br /> background: /*submit-bg-color-s*/#f0f0f0;/*submit-bg-color-e*/<br />}<br />html[dir="rtl"] button#_bcd_141013_search_submit {<br /> right: auto;<br /> left: /*padding-s*/5px;/*padding-e*/<br />}<br /></style><br /><br /><form action='/search' id='_bcd_141013_search_form' method='get'><br /> <input id='_bcd_141013_search_text' name='q' placeholder="Search..." data-placeholder-end="" type='text'/><br /> <button type="submit" id="_bcd_141013_search_submit"><i class="fa fa-search"></i></button><!--endofsearsubmit--><br /></form><br /><br /><script type="text/javascript"><br />/*<br />Name: Natural Search Box with Multi Design<br />Author: Tien Nguyen<br />Site: http://www.sneeit.com/<br />Version: 1.0<br />License GNU<br />*/<br />var ss = document.getElementsByTagName('link');<br />for (var i = 0; i < ss.length; i++) {<br /> var href = ss[i].getAttribute('href');<br /> if (href && href != null && href.indexOf("font-awesome/") != -1) {<br /> break;<br /> }<br />}<br />if (i >= ss.length) {<br /> var link = document.createElement("link");<br /> link.rel = "stylesheet";<br /> link.href = "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";<br />}<br />document.getElementsByTagName("head")[0].appendChild(link);<br /><br /><br /></script><br /><br /><!--<br />BLOGGER-WIDGET-OPTIONS<br />"Border Width": {<br /> "start": "/*border-width-s*/",<br /> "end": "px solid;/*border-width-e*/",<br /> "default": "1",<br /> "desc": "Border width of search box."<br />},<br />"Border Color": {<br /> "start": "/*border-color-s*/",<br /> "end": ";/*border-color-e*/",<br /> "default": "#dddddd",<br /> "type" : "color",<br /> "desc": "Border color of search box"<br />},<br />"Padding": {<br /> "start": "/*padding-s*/",<br /> "end": "px;/*padding-e*/",<br /> "default": "5",<br /> "desc": "Padding of search box. Allow integer only."<br />},<br />"Font Size": {<br /> "start": "/*font-size-s*/",<br /> "end": "px;/*font-size-e*/",<br /> "default": "12",<br /> "type" : "number",<br /> "desc": "Search text font size in pixel"<br />},<br />"Background Color": {<br /> "start": "/*bg-color-s*/",<br /> "end": ";/*bg-color-e*/",<br /> "default": "white",<br /> "type" : "color",<br /> "desc": "Search box background color"<br />},<br />"Text Color": {<br /> "start": "/*text-color-s*/",<br /> "end": ";/*text-color-e*/",<br /> "default": "black",<br /> "type" : "color",<br /> "desc": "Search box text color"<br />},<br />"Padding": {<br /> "start": "/*padding-s*/",<br /> "end": "px;/*padding-e*/",<br /> "default": "5",<br /> "type" : "number",<br /> "desc": "Search text padding in pixel"<br />},<br />"Submit Button Background Color": {<br /> "start": "/*submit-bg-color-s*/",<br /> "end": ";/*submit-bg-color-e*/",<br /> "default": "#f0f0f0",<br /> "type" : "color",<br /> "desc": "Search box background color for submit button"<br />},<br />"Submit Button Text Color": {<br /> "start": "/*submit-text-color-s*/",<br /> "end": ";/*submit-text-color-e*/",<br /> "default": "black",<br /> "type" : "color",<br /> "desc": "Search box text color for submit button"<br />},<br />"Placeholder Text": {<br /> "start": "placeholder=\"",<br /> "end": "\" data-placeholder-end=\"\"",<br /> "default": "Search...",<br /> "desc": "Placerholder text for search box"<br />},<br />"Search Submit Text": {<br /> "start": "<button type=\"submit\" id=\"_bcd_141013_search_submit\">",<br /> "end": "</button>",<br /> "default": "<i class=\"fa fa-search\"></i>",<br /> "desc": "Search submit text and / or <a href=\"http://fontawesome.io/icons/\" target=\"_blank\">icon tags</a>"<br />}<br />BLOGGER-WIDGET-OPTIONS<br />--></code></pre><div style="text-align: left;"><br /></div><div style="text-align: left;">4. Simpan Gadget<br /><br />Demikianlah Tutorial Blogger kali ini, Sekian dari saya, <b>Semoga Bermanfaat!</b></div><div style="text-align: left;"></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Kolom Search Berbasis Plus Media Sosial

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuOe3u8QjaaRoggqBvdJSwojfeTm37E6n_MXOzFAsWn8Gh-6ItuOIPZ-sdnrQfDyUMkw_it0N9FquRyV8DiIdLJLZZ6iTpQqrhIS-X9nZRz5lXMkC3GP8GY6BafD2RWj8zHpAsLEb2ik/s1600/3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuOe3u8QjaaRoggqBvdJSwojfeTm37E6n_MXOzFAsWn8Gh-6ItuOIPZ-sdnrQfDyUMkw_it0N9FquRyV8DiIdLJLZZ6iTpQqrhIS-X9nZRz5lXMkC3GP8GY6BafD2RWj8zHpAsLEb2ik/s400/3.png" width="400" /></a></div>Kolom Search. Pasti kalian sudah pada tau dong apa fungsinya? Yaitu untuk mencari suatu kategory yang sudah lampau. Blogger siapa saja yang tidak mempunyai kolom search di sidebar, header atau dibagian yang mudah dilihat pengunjung, ini dikatakan kalau blogger dia tidak user frendly! . Postingan kali ini adalah kolom pencarian berbasis plus media sosial. Jika anda suka dengan Kolom Search plus media sosial ini, ikuti langkah-langkah berikut ini:<br /><br />Cara Pertama:<br /><br />1. Masuk ke Blogger.<br />2. Tata letak -> Pilih di Sidebar -> Add Gedget Script HTML !<br />3. Copy-Paste kode berikut ini!<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id="_bcd_141013" style="display:none"></div><br /><style type="text/css"><br />form#_bcd_141013_search_form {<br /> position: relative;<br /> display: block;<br /> clear: both;<br /> float: none;<br /> <br /> border: /*border-width-s*/1px solid;/*border-width-e*/<br /> border-color: /*border-color-s*/#dddddd;/*border-color-e*/<br /> padding: /*padding-s*/5px;/*padding-e*/<br /> font-size: /*font-size-s*/12px;/*font-size-e*/<br /> background-color: /*bg-color-s*/#ffffff;/*bg-color-e*/<br />}<br />input#_bcd_141013_search_text {<br /> width: auto;<br /> border: none;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 2em;<br /> height: 2em;<br /> outline: none;<br /> background: transparent;<br /> <br /> color: /*text-color-s*/#000000;/*text-color-e*/<br />}<br />button#_bcd_141013_search_submit:hover {<br /> opacity: 0.8;<br />}<br />button#_bcd_141013_search_submit {<br /> width: auto;<br /> padding: 0 /*padding-s*/5px;/*padding-e*/<br /> margin: 0;<br /> position: absolute;<br /> right: /*padding-s*/5px;/*padding-e*/<br /> top: /*padding-s*/5px;/*padding-e*/<br /> line-height: 2em;<br /> height: 2em;<br /> text-align: center;<br /> cursor: pointer;<br /> border: none;<br /> min-width: 2em;<br /> <br /> color: /*submit-text-color-s*/#000000;/*submit-text-color-e*/<br /> background: /*submit-bg-color-s*/#f0f0f0;/*submit-bg-color-e*/<br />}<br />html[dir="rtl"] button#_bcd_141013_search_submit {<br /> right: auto;<br /> left: /*padding-s*/5px;/*padding-e*/<br />}<br /></style><br /><br /><form action='/search' id='_bcd_141013_search_form' method='get'><br /> <input id='_bcd_141013_search_text' name='q' placeholder="Search..." data-placeholder-end="" type='text'/><br /> <button type="submit" id="_bcd_141013_search_submit"><i class="fa fa-search"></i></button><!--endofsearsubmit--><br /></form><br /><br /><script type="text/javascript"><br />/*<br />Name: Natural Search Box with Multi Design<br />Author: Tien Nguyen<br />Site: http://www.sneeit.com/<br />Version: 1.0<br />License GNU<br />*/<br />var ss = document.getElementsByTagName('link');<br />for (var i = 0; i < ss.length; i++) {<br /> var href = ss[i].getAttribute('href');<br /> if (href && href != null && href.indexOf("font-awesome/") != -1) {<br /> break;<br /> }<br />}<br />if (i >= ss.length) {<br /> var link = document.createElement("link");<br /> link.rel = "stylesheet";<br /> link.href = "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";<br />}<br />document.getElementsByTagName("head")[0].appendChild(link);<br /><br /><br /></script><br /><br /><!--<br />BLOGGER-WIDGET-OPTIONS<br />"Border Width": {<br /> "start": "/*border-width-s*/",<br /> "end": "px solid;/*border-width-e*/",<br /> "default": "1",<br /> "desc": "Border width of search box."<br />},<br />"Border Color": {<br /> "start": "/*border-color-s*/",<br /> "end": ";/*border-color-e*/",<br /> "default": "#dddddd",<br /> "type" : "color",<br /> "desc": "Border color of search box"<br />},<br />"Padding": {<br /> "start": "/*padding-s*/",<br /> "end": "px;/*padding-e*/",<br /> "default": "5",<br /> "desc": "Padding of search box. Allow integer only."<br />},<br />"Font Size": {<br /> "start": "/*font-size-s*/",<br /> "end": "px;/*font-size-e*/",<br /> "default": "12",<br /> "type" : "number",<br /> "desc": "Search text font size in pixel"<br />},<br />"Background Color": {<br /> "start": "/*bg-color-s*/",<br /> "end": ";/*bg-color-e*/",<br /> "default": "white",<br /> "type" : "color",<br /> "desc": "Search box background color"<br />},<br />"Text Color": {<br /> "start": "/*text-color-s*/",<br /> "end": ";/*text-color-e*/",<br /> "default": "black",<br /> "type" : "color",<br /> "desc": "Search box text color"<br />},<br />"Padding": {<br /> "start": "/*padding-s*/",<br /> "end": "px;/*padding-e*/",<br /> "default": "5",<br /> "type" : "number",<br /> "desc": "Search text padding in pixel"<br />},<br />"Submit Button Background Color": {<br /> "start": "/*submit-bg-color-s*/",<br /> "end": ";/*submit-bg-color-e*/",<br /> "default": "#f0f0f0",<br /> "type" : "color",<br /> "desc": "Search box background color for submit button"<br />},<br />"Submit Button Text Color": {<br /> "start": "/*submit-text-color-s*/",<br /> "end": ";/*submit-text-color-e*/",<br /> "default": "black",<br /> "type" : "color",<br /> "desc": "Search box text color for submit button"<br />},<br />"Placeholder Text": {<br /> "start": "placeholder=\"",<br /> "end": "\" data-placeholder-end=\"\"",<br /> "default": "Search...",<br /> "desc": "Placerholder text for search box"<br />},<br />"Search Submit Text": {<br /> "start": "<button type=\"submit\" id=\"_bcd_141013_search_submit\">",<br /> "end": "</button>",<br /> "default": "<i class=\"fa fa-search\"></i>",<br /> "desc": "Search submit text and / or <a href=\"http://fontawesome.io/icons/\" target=\"_blank\">icon tags</a>"<br />}<br />BLOGGER-WIDGET-OPTIONS<br />--></code></pre><br />4. Simpan!<br /><br />Dan, Taaraaaaaa Kolom Pencarian berbasis plus media sosial telah muncul^.^<br /><b style="text-align: center;"><br /></b><div style="text-align: left;"><span style="text-align: center;">Demikianlah Tutorial Blogger kali ini. Sekian dari saya, </span><span style="text-align: center;">Selamat Mencoba dan</span><b style="text-align: center;"> Semoga Bermanfaat!</b></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Related Post Yang Paling Simple, dan Aman!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNA9vGToMyQGY8x3hqY6tIgjeT3MYNpMxO4X4cGBV1XawPpU7Vbl-KByO-_PdZlP9PCdy2zpQyO2m-G7NC9pV6AgjwceJIdK4SsqQENB2cWgIE6E7B219ovlx5jvJpoEGJdtB_mKClt6Y/s1600/3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNA9vGToMyQGY8x3hqY6tIgjeT3MYNpMxO4X4cGBV1XawPpU7Vbl-KByO-_PdZlP9PCdy2zpQyO2m-G7NC9pV6AgjwceJIdK4SsqQENB2cWgIE6E7B219ovlx5jvJpoEGJdtB_mKClt6Y/s400/3.png" width="400" /></a></div>Related Post banyak dan berbagai macam bentuk, ada yang beserta dengan gambar ada juga yang bergerak dan ada juga sejajar ke kanan dan lain-lain. Sekarang yang saya postingkan kali ini adalah Related Post yang Simple dan Aman alias hanya dengan Teks dan Link saja. Fungsinya sama yaitu membuat artikel terkait. Jika anda mau seperti Related Post di atas, ikut langkah-langkah berikut ini:<br /><br />NB: Silakan anda backup terlebih dahulu, misalkan Related Post ini tidak sesuai dengan keinginan anda, maka mudah untuk dikembalikan seperti semula!<br /><br /><b>CaraPertama:</b><br /><br />1. Masuk ke <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger </a>anda.<br />2. Template -> Edit HTML<br />3. Copy - Paste kode berikut ini, tepat diatas kode <span style="color: red;"><b>]]></b:skin></b><span style="color: black;"> .</span></span><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}<br />#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0}<br />#related-posts a{color:#0973CF;font:12px Verdana}<br />#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivGyauLv0v-IP6iDarrYU6xw_bJlPOtmpg-I0GZxaTcGOoR8IkRj-Nrd_yj3RLhyzOG5Ys7fZ5LfrkTIo6B4CJmOsMU5vUkD2j_xKDUr_isXPHJ6e1rekTpJEhkgfUNCLPBB4_2ZL_eoQ/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}<br />#related-posts a:hover{color:#c00;text-decoration:none}<br />#related-posts .widget{margin:0;padding:0}<br />#related-posts ul{list-style:none;margin:0;padding:0}</code></pre>4. Jika sudah? Temukan kode <b><span style="color: red;"></head><span style="color: black;"> </span></span></b><br /><span style="color: red;"><span style="color: black;"><span style="color: black;">5. Copy-Paste kode berikut ini, dan letak kan diatas kode <span style="color: red;"><b></head></b></span></span></span></span><br /><pre data-codetype="Javascript" title="Javascript"><code class="language-javascript"><script type='text/javascript'><br />var relatedpoststitle=&quot;Related Posts&quot;;<br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};<br />//]]><br /></script></code></pre><br /><span style="color: red;"><span style="color: black;"><span style="color: red;"><span style="color: black;">6. Jika sudah, Temukan lagi kode <b><data:post.body/></b></span></span></span></span><br /><span style="color: red;"><span style="color: black;"><span style="color: red;"><span style="color: black;"><b>7. </b>Copy-paste kode berikut ini, dan letak kan dibawah kode<b> <data:post.body/> </b>Kode ini biasanya lebih dari satu, silakan <b>pilih yang kedua</b>!</span></span></span></span><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/></b:loop><br /><script type='text/javascript'><br />var maxresults=6;<br />removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);<br /></script><br /></div><div class='clear'/><br /></b:if></code></pre><span style="color: red;"><span style="color: black;"><span style="color: red;"><b><br /></b><span style="color: black;">8. Save Template!</span></span></span></span><br /><br />Demikianlah Tutorial Blogger kali ini, Sekian Dari Saya. Terima kasih telah berkunjung, <b>Semoga Bermanfaat!</b></div>

Diposting oleh Mr Xiulung

Cara Membuat Widget Kotak Berlangganan Plus Media Sosial di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVczTDrEjC8C7FYPaeMorKYkrgnNZ6Zx45kYMS0iRRtBilQJ71MS1CxBS9RlKWt1j_1QN_6-89WrGdHhNXMPV01W_NT_Wzc2Wq5VILPTdZN225RymWBcR0cCVj3wHssMc8runDPRqlNAY/s1600/56.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVczTDrEjC8C7FYPaeMorKYkrgnNZ6Zx45kYMS0iRRtBilQJ71MS1CxBS9RlKWt1j_1QN_6-89WrGdHhNXMPV01W_NT_Wzc2Wq5VILPTdZN225RymWBcR0cCVj3wHssMc8runDPRqlNAY/s1600/56.png" /></a></div>Kotak berlangganan (Subsciption Box ) Plus Media Sosial ini adalah berfungsi untuk mengirimkan suatu pesan atau email langsung dari para pembaca blogger. Caranya gampang mereka harus mengisikan email di kotak berlangganan yang tercamtum disitu. Widget ini bagus banget buat ningkatin pengunjung ke blogger anda. Setiap anda update artikel atau postingan, maka pemberitahuan akan masuk ke Email para pembaca dan tidak menutup kemungkinan mereka membuka email tersebut yang notabene bakal ngarahin mereka menuju blogger anda. Itulah manfaat kotak berlangganan yang satu ini. Jika anda tertarik dengan kotak berlangganan diatas, maka ikuti langkah - langkah berikut ini:<br /><br /><b>Cara Pertama:</b><br /><br />1. Login ke <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a>.<br />2. Tata Letak -> Pilih dibagian Sidebar -> Add Gedget HTML Java Script!<br />3. Copy-paste kode berikut ini di Tata Letak tadi. <b>Gausah ke Edit HTML</b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><style><br />.tbisubscribe {<br />border: 1px solid #D3D3D3;<br />padding: 8px;<br />width: 300px;<br />-webkit-transition: all 0.5s ease-in-out;<br />-moz-transition: all 0.5s ease-in-out;<br />-ms-transition: all 0.5s ease-in-out;<br />-o-transition: all 0.5s ease-in-out;<br />transition: all 0.5s ease-in-out;<br />}<br /></style><br /><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" /><br /><div class="tbisubscribe"><br /><div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;"><br />Berlangganan Agar Mendapatkan Update Blogger</div><br /><div style="color: #666666; font-weight: bold; font: 11px Oswald, cursive; margin: 0px 0px 10px 15px;"><br />Receive Quality Posts Straight in your Inbox by submitting your Email ID below</div><br /><div style="margin: 10px 0 0 6px;"><br /><!--Subscription Box--><br /><br /><br /><form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=contohblognih', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow"><br /><input name="uri" type="hidden" value="maycyber-download" /><br /><input name="loc" type="hidden" value="en_US" /><br /><input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." /><br /><input alt="" class="tbisubmit" title="" type="submit" value="Subscribe" /><br /></form><br /></div><br /><div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;"><br />Follow us on:</div><br /><div style="margin: -32px 0 0 120px;"><br /><br /><!--Facebook URL--><br /><a href="http://www.facebook.com/" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png" /></a><br /><br /><!--Twitter URL--><br /><br /><a href="http://www.twitter.com/username" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png" /></a><br /><br /><!--Google+ URL--><br /><br /><a href="https://plus.google.com/" rel="author" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png" /></a><br /><br /><!--LinkedIn URL--><br /><a href="http://www.linkedin.com" rel="nofollow" target="_blank" title="Follow us on LinkedIn"><img alt="linkedin" src="http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png" /></a><br /><br /><!--RSS URL--><br /><a href="http://feeds.feedburner.com/" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png" /></a><br /></div><br /></div><br /><!-- End --></code></pre><br />4. Silakan Link kepunyaan anda.<br />5. Simpan!<br /><br />Demikianlah Tutorial Blogger kali ini. Sekian dari saya, <b>Semoga Bermanfaat!</b></div>

Diposting oleh Mr Xiulung

Cara memasang Related Post Bergambar dengan Mudah

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIkVWyzugwDbnAlMzPq_p6nW6Y5pUyCg1Z7rmgLM0tSTkE9AB03zT52HtwZSVfD672I_GEUErK52gqVrR-udpnx0nHt2DheELCD5dGIDrLXHBqX6GDaGy0KzqaZgps_7yEH1BgBGpTWyg/s1600/3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIkVWyzugwDbnAlMzPq_p6nW6Y5pUyCg1Z7rmgLM0tSTkE9AB03zT52HtwZSVfD672I_GEUErK52gqVrR-udpnx0nHt2DheELCD5dGIDrLXHBqX6GDaGy0KzqaZgps_7yEH1BgBGpTWyg/s320/3.png" width="295" /></a></div>Related Post adalah sebagai artikel atau postingan yang masih dalam satu kategori atau istilahnya artikel terkait. Misalkan label nya tentang Tutorial Blogger, maka akan muncul semua tentang Tutorial Blogger. Related Post yang saya bisikan tips nya kali ini adalah Related Post Bergambar, "<i> Gambar Disamping Hanya Pemanis</i>" . Related Post yang saya berikan ini sejajar ke kanan, serta bergambar dan hemat ruang postingan anda.  Related Post tidak hanya menambah keren blog anda, tetapi juga membantu pageview bertambah. Postingan terkait ini sangat bermanfaat bagi blogger sendiri ataupun user. Sehingga memudahkan pengunjung menemukan artikel yang terkait, ataupun artikel yang menarik lainnya di blogger anda. Sebelum melakukan Tips ini, sebaiknya Backup terlebih dahulu Template anda, bisa dengan cara copy semua script HTML ke Notepad. Tujuannya adalah misalkan Related Post ini, tidak sesuai dengan keinginan anda maka dengan mudah mengembalikannya.<br /><br />Cara pertama:<br /><br />1. Masuk ke Blogger.<br />2. Template - Edit HTML<br />3. Copy - Paste kode berikut ini, dan letakkan di atas kode <b></head></b><br /><pre data-codetype="CSS" title="CSS"><code class="language-css"><!--Related Posts with thumbnails --><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type="text/css"><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;}<br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;}<br />#related-posts a{<br />color:black;}<br />#related-posts a:hover{<br />color:black;}<br />#related-posts a:hover {<br />background-color:#00FF00;}<br /></style><br /><script src='http://kucopas-js.googlecode.com/files/releatedimage.js' type='text/javascript'/><br /></b:if><br /><!--Related Posts With Thumbnails By MayCyber-Download--></code></pre>4. Jika sudah? Copy-Paste lagi kode berikut ini dan letakkan dibawah kode <b> </b><br /><b><div class='post-footer-line post-footer-line-1'></b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><!-- Related Posts with Thumbnails --><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br />var maxresults=7;<br />var relatedpoststitle="Related Post";<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script><br /></div><div style='clear:both'/><br /></b:if><br /><!-- Related Posts with Thumbnails --></code></pre>5. Simpan Template!<br /><br />Dan, Taraaaaa Related Post telah terpasang di Blogger anda.<br /><br /><b>Screenshoot:</b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28expeQzJTzKCTG7snExTSUtzuFEEbsrjguz6s5SlHk6MCHcsLM0aXq3okFfNJYjwrho4w2VMgu8wJUx6nl92Rf5fVrutYG4rgcRHUGQIf0-nwbh7GnSlEIil-Cgf2oxGffHXsM219zM/s1600/related+post+8+pos.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28expeQzJTzKCTG7snExTSUtzuFEEbsrjguz6s5SlHk6MCHcsLM0aXq3okFfNJYjwrho4w2VMgu8wJUx6nl92Rf5fVrutYG4rgcRHUGQIf0-nwbh7GnSlEIil-Cgf2oxGffHXsM219zM/s1600/related+post+8+pos.jpg" /> </a><br /><br />Demikianlah Tutorial Blogger kali ini. Sekian dari saya, <b>Semoga Bermanfaat!</b></div>

Diposting oleh Mr Xiulung

20 Tips Pencetan Keyboard untuk Windows dan Fungsinya!

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7HcsdPnNe5MTf2gu8kkllUGEYDG3clf4ll77E-rqS6d2IPAv9hEZIGi443QTR3Li7HHyQSkVckhpeZLNaCYicsb8RjfVzPALtxXBUkzVo9aVUQmxQOmOuUft87lsT1z3x6d68gEse-4/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7HcsdPnNe5MTf2gu8kkllUGEYDG3clf4ll77E-rqS6d2IPAv9hEZIGi443QTR3Li7HHyQSkVckhpeZLNaCYicsb8RjfVzPALtxXBUkzVo9aVUQmxQOmOuUft87lsT1z3x6d68gEse-4/s640/3.png" width="640" /></a></div><br />Kalian pengguna Windows ? Pahami dulu pencetan Keyboard dan Fungsinya untuk Windows Tujuannya kamu lebih leluasa menguasai pencetan Keyboard dan Fungsinya untuk komputer anda. Contoh misalkan anda ingin <b>Shutdown</b>, gampang anda hanya tinggal mencet di keyboard  <b>Alt + Tab + F4 . </b>Oke langsung saja kita praktekan pencetan keyboard, sekalian kalian praktekan di komputer atau Laptop anda^.^<br /><br />1. <b>Menutup Tab, dan pergi ke Desktop dengan Cepat!</b><br /><br /><b>    </b>Bila anda mempunyai pekerjaan dikantor yang menggukan komputer, ketikai itu anda sedang bermain game dengan asyik, eh tiba-tiba manager atau bos anda datang, apa yang harus anda lakukan? Exit game dahulu gitu? Kelamaan dong, bisa-bisa kamu dimarahin oleh si bos kantor kamu. Mudah saja, yang harus anda lakukan adalah menekan pada keyboard " <b>Windows + D</b> "untuk menutup semua tab, atau minimaze otomatis istilahnya.<br /><br />2. <b>Mengunci Layar Screen </b>(<b> </b>Khusus Password )<b><br /></b><br /><br /><b><b>     </b></b>Bila anda ingin pergi ke kamar mandi, meninggal komputer anda kebetulan disitu ada teman anda yang iseng banget, pasti anda takut kalo komputer/laptop anda di otak-atik, karena disitu ada data-data penting. Mudah saja, yaitu dengan cara <b>Loock Screen</b> atau <b>Kunci Layar</b>. Bila anda biasanya mengunci layar dengan cara pergi ke windows -> Lalu ada bacaan <b>Shutdown </b>dan <b>arah panah</b> ke kanan, maka disitu ada menu sub antara lain<i><b> Switch User</b></i>, <i><b>Log Off</b></i>, <i><b>Lock</b></i>, <i><b>Restar</b></i>, <b><i>Sleep</i></b>. Cara seperti itu menurut saya, terlalu lama. Apalagi anda kebelat berak hehe. Yang harus anda lakukan adalah menekan pada Keyboard " <b>Windows + L</b>" Tekan lama!<b></b><br /><b><br /></b><b>3. Task Manager dengan Cepat!</b><br /><br /><b><b>     </b></b>Bila kamu <b>mensilang/close game (X)</b> Biasa ada bacaan <b>Not Responding</b> . Itu artinya disuruh menunggu beberapa menit, menurut saya cara silang (X) itu membuat leg. Jalan satu-satunya adalah menggunakan <b>Task Manager</b> lalu anda tinggal <b>End Task</b>. Maka Apps akan tertutup paksa, Bagaimana cara menampilkan <b>Task Manager?</b> Pasti kalian sudah tau mungkin, yang harus dilakukan adalah <b>klik kanan pada mouse</b> pada dibagian <b>bar bawah windows</b> lalu pilih bagian <b>Task Manager . </b>Cara tersebut terlalu lama, yang harus lakukan adalah menekan pada Keyboard " <b>Ctrl + Shift + Esc </b>" maka akan muncul Task Manager Otomatis.<br /><br />4. <b>Task Manager ke - 2 </b><br /><br /><b> </b><b><b>     </b></b>Bila<b><b> Task Manager </b></b>kamu<b><b> Blank / Not Responding, </b></b>Cara yang harus anda lakukan adalah menekan pada keyboard<b><b>  " Ctrl + Alt + Delete "</b></b><br /><b><b><br /></b></b>5. <b><b>Menutup Browser dengan Cepat!</b></b><br /><br /><b><b><b> </b><b><b>     </b></b> </b></b>Bila kamu sedang bermain warnet, dan waktu anda sisa 2 menit yang harus anda lakukan adalah segera melakukan logout pada biling, kebetulan sekali anda membuka Tab pada Browser sangat banyak, mungkin lebih dari 4 Tab<b><b>. </b></b>Maka ketika itulah anda menutup semua (X) pada Tab dengan mencet mouse dibagian kanan dan mencet tanda (X)<b><b>. </b></b>Menurut cara seperti itu kelamaan, yang harus anda lakukan adalah menekan pada keyboard " <b>Ctrl + F4</b> " Maka Tab akan (X) satu/per satu!<br /><b></b><br />6. <b>Melakukan Perpindahan Pada Tab Browser, Misalkan Facebook ke Youtube.</b><br /><br /><b> </b><b><b><b> </b><b><b>     </b></b></b></b>Bila anda tidak mau ribet-ribet menggerakan mouse anda untuk berpindah tab, misalkan anda sedang <b>membuka facebook</b>, maka itu adalah <b>Tab Facebook</b> dan sebelah <b>Tab Facebook</b> anda sedang membuka <b>Youtube</b>. Maka cara yang anda lakukan untuk ini adalah menekan pada keyboard " <b>Ctrl Tahan + Number 1-9</b> ", Maka anda lebih bisa leluasa berpindah Tab ke Tab lainnya.<br /><br />7. <b>Minimaze Semua Tab.</b><br /><br /><b><b> </b><b><b><b> </b><b><b>     </b></b></b></b></b>Cara ini sama seperti menutup Tab dengan cepat, seperti nomor 1<b> . </b>Namun cara ini adalah untuk minimaze semua Tab, atau istilahnya menyematkan Tab. Yang harus anda lakukan adalah menekan pada keyboard " Windows + M " Tambahan = Jika anda ingin restore semua windows Tekan " <b>Windows + Shift + M</b> "<br /><br />8. <b>Menutup Semua Tab Program Jendela Browser.</b><br /><br /><b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b> Jika anda ingin menutup semua Tab Browser dengan cepat tanpa perlu silang (X) lagi Maka dengan itu untuk menutup semua program Jendela Browser yang harus anda lakukan adalah menekan pada keyboard<b><b><b><b><b> " Alt + F4 " </b></b></b></b></b>Atau bisa juga<b><b><b><b><b> " Alt + Space + C " </b></b></b></b></b>Maka akan tertutup semua Jendela Browser<b><b><b><b><b>.</b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>9. <b><b><b><b><b>Menamakan Folder dengan Cepat!</b></b></b></b></b><br /><br /><b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Untuk menakan <b>Folder</b> yang biasa anda lakukan adalah <i><b>meng-klik kanan lalu pilih Rename</b></i>. Maka cara itu terlalu lama bagi saya, yang ada harus lakukan adalah <b>menekan</b> " <b>F2 </b>" . Sebelum itu anda <b>meng-klik dahulu aplikasi atau folder</b> barulah anda tekan "<b> F2</b> "<b><b><b><b><b></b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>10.<b><b><b><b><b> Search/ Mencari Kategori dengan cepat (Khusus Windows 8/8.1).</b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b><b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b> Kalian pengguna <b>Windows 8/8.1</b> ? Ketika anda sedang mencari sebuah data - data penting anda jika tidak ketemu maka cara yang anda lakukan adalah dengan mencari di kolom "<b>Search</b>" untuk membantu mencari file atau data-data anda yang lupa menaruh mana.. Biasanya pada <b>Windows 8 adalah menu windows atau start nya berbeda dengan Windows 7</b> ataupun Windows XP jadi anda harus pergi kenan untuk mencari kolom search. Cara tersebut kelamaan jadi yang harus lakukan biar cepat adalah menekan pada keyboard " Windows + Q " atau bisa juga " Windows + C " Maka carilah berinisial apakah file anda.<br /><br /><br />11. <b>Membuat Folder Baru Dengan Cepat!</b><br /><br /> <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Biasanya untuk merapihkan suatu file yang harus anda lakukan adalah membuat Folder, Tujuannya adalah biar file rapih dalam satu kategory ( <b>misalkan musik ya musik semua</b> ). Hal yang biasa anda lakukan adalah membuat " <b>Folder Baru</b> " adalah dengan cara <b>Meng-klik Kanan -> News -> New Folder . Iyakan? Sudah pasti!. </b>Menurut saya itu kelamaan, cara yang cepat adalah dengan cara menekan pada keyboard<b> " Ctrl + Shift + N " </b>Maka akan muncul otomatis Folder Baru.<br /><br />12. <b>Mengganti Jendela Windows</b> ( Selain Alt + Tab )<br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Coba kalian tekan pada keyboard kalian dengan menekan " <b>Windows + Tab</b> " Maka akan muncul efect 3D . Ini cara kedua <i>selain </i><b>Alt + Tab</b> untuk mengganti Jendela Windows.<br /><br />13. Melihat Specsifikasi Komputer<br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Cara yang anda lakukan adalah " <b>Windows + R</b> " Lalu ketikan " <b>dxdiag </b>" Maka akan terlihat Specsifikasi Komputer anda.<b><b><b><b><b></b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>14. <b>Menutup Tab Browser 1/1 dengan cepat!</b><br /><b><b><b><b><b><br /></b></b></b></b></b>  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Untuk menutup Tab Browser yang tidak diperlukan biasanya anda <b>meng-klik (X)</b> cara tersebut kelamaan, yang sering saya pakai adalah menggunakan melalui keyboard dengan cara menekan " <b>Ctrf + F4</b> " Maka Browser akan menutup 1/1.<br /><b><b><b><b><b></b></b></b></b></b><br />15. <b>Screen Capture</b><br /><br /><b> </b>  <b><b> </b><b><b><b> </b><b><b>   </b></b></b></b></b>Seorang Blogger harus mengerti cara meng-screenshoot layar komputer, Tujuannya adalah sebagai disain hasil gambar sendiri bukan google image untuk dipostingankan di Blogger anda. Bukan Hp Android saja yang bisa meng-screenshoot layar, komputer juga bisa dong!. Caranya gampang jika anda menggunakan laptop anda menekan tombol " <b>FN</b> " atau bisa juga " <b>Print Screen</b> "<b><b><b><b><b> </b></b></b></b></b>Lalu anda menggunakan aplikasi " <b>Paint </b>"<b><b><b><b><b> </b></b></b></b></b>ketika sudah di paint, sekarang anda tekan pada keyboard<b><b><b><b><b> " Ctrl + V" </b></b></b></b></b>untuk pastekan gambar. Simpan gambar dalam Format <b>PNG,JPEG</b> Dan lain-lain.<b><b><b><b><b></b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>16. <b>Menutup Halaman yang sedang di Buka<b><b><b><b> </b></b></b></b></b>( Contoh Folder )<b><b><b><b><b></b></b></b></b></b><br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Menutup Halaman yang sedang dibuka hal biasa anda lakukan adalah men-silang (X) . Cara itu kelamaan, cara cepatnya adalah anda hanya perlu menekan pada keyboard <b><b><b><b><b>" Ctrl + W "</b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>17. <b><b><b><b><b>Merekam di Dalam Windows</b></b></b></b></b><br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Sebenarnya banyak aplikasi pihak ketiga menyediakan Perekam Layar Windows. Gausah pake aplikasi, anda hanya perlu menekan pada keyboard<b><b><b><b><b> " Windows + R " </b></b></b></b></b>lalu ketikan<b><b><b><b><b> " psr.exe "</b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>18.<b><b><b><b><b> Zoom ( Melihat Tulisan Lebih Dekat )</b></b></b></b></b><br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Bila anda merasa Gambar/Tulisan di layar monitor anda terlalu kecil? Yang harus lakukan adalah menekan pada keyboard anda " <b>Windows + [ Tombol + ]</b> "  untuk mengecilkan kembali anda harus menekan <b>( - )</b> Min - . Dan kaca pembesar akan muncul di layar, kamu bisa memperbesar atau memperkecil gambar di layar<b>.</b><br /><b><b><b><b><b><br /></b></b></b></b></b>19. <b><b><b><b><b>Memunculkan Start</b></b></b></b></b><br /><br />  <b><b> </b><b><b><b> </b><b><b>    </b></b></b></b></b>Biasa yang memunculkan <b>Start </b>anda menekan Tombol <b>Windows</b>, atau bisa juga <b>meng-klik dengan mouse dibagian kiri bawah pilih logo Windows</b>. Namun kali ini saya akan kasih tau cara lambatnya, Yaitu dengan cara menekan pada keyboard<b><b><b><b><b> " Ctrl + Esc " </b></b></b></b></b>Sama saja sih, tapi ini Tambahan saja ya.<b><b><b><b><b></b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b>20. <b><b><b><b><b>Pergi ke MyComputer Dengan Cepat!</b></b></b></b></b><br /><br />  <b><b> </b><b><b><b> </b><b><b>   </b></b></b></b></b>Ketika anda ingin mencari file, sebagian orang biasa atau awam adalah pastinya pergi ke MyCompuer. <b>Cara lamanya</b> adalah dengan <b>mengklik logo windows</b> pada bagian <b>bawah kiri, lalu pilih " Computer "</b> Tapi cara cepatnya yaitu dengan menekan pada keyboard yaitu<b><b><b><b><b> " Windows + E " </b></b></b></b></b>Maka akan langsung otomatis muncul Tab MyComputer.<br /><br />  Segitu dulu ya Tips dari saya, sebenarnya masih banyak lagi pencetan pada Keyboard dan fungsinya buat Windows<b><b><b><b><b>. </b></b></b></b></b>Bagaimana mudah bukan? Semoga kalian hapal ke-20 itu seperti saya^.^ Untuk menambahkan silakan komentar, kita sama sama belajar oke!<b><b><b><b><b></b></b></b></b></b><br /><b><b><b><b><b><br /></b></b></b></b></b><b><b><b><b><b>Semoga Bermanfaat!</b></b></b></b></b></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Menu Navigasi Drop Down Plus Media Sosial

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjEILY6AEBUINUl1RkpT2wXBapxLbzAf4pr5IvBkJv-xmzsMcuFlKkPo3s6lvCEtYbVoBZ0yLNy6kymPlPhRtvvOso_z7-J4GIwuGKNQ4S7T2pxOYkKBbtwPbb5fEwofWVoGeOMEsHuI/s1600/blog-posting.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjEILY6AEBUINUl1RkpT2wXBapxLbzAf4pr5IvBkJv-xmzsMcuFlKkPo3s6lvCEtYbVoBZ0yLNy6kymPlPhRtvvOso_z7-J4GIwuGKNQ4S7T2pxOYkKBbtwPbb5fEwofWVoGeOMEsHuI/s1600/blog-posting.png" /></a></div>Menu Navigasi merupakan tab menu yang berisi penunjuk arah pada bagian kategori/label yang berisikan link Tujuannya agar sesuai dengan nama menu yang tercantum, misalkan label Tutorial Blogger, maka akan tampil semua yang berbau Tutorial Blogger. Oke pada kesempatan kali ini saya akan share cara membuat menu navigasi kegunaan nya yaitu adalah untuk mengakses link ke halaman tertentu, atau mungkin bisa untuk menggolongkan artikel supaya lebih mudah mengaksesnya. Kita bisa meniru tampilan blogger manapun atau mengintip kode-kode untuk kita terapkan di blogger kita sendiri. Banyak para blogger sudah berbagi script kode menu navigasi seperti; <b>Cara Membuat Menu Navigasi Plus Media Sosial. </b>Oke<b> langsung </b>saja kita praktekan bagaimana caranya.<br /><br />Catatan: Silakan anda <b>Backup</b> terlebih dahulu, misalkan Copy semua kode HTML kalian ke <b>Notepad</b>. Tujuannya adalah misalkan menu navagasi ini tidak sesuai dengan keinginan anda? maka anda dengan mudah membalikan seperti semula lagi.<br /><br /><b>Cara Pertama:</b><br /><br />1. Masuk ke <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a>.<br />2. Pilih menu Template - Edit HTML.<br />3. Copy-paste kode berikut ini, letakkan diatas kode <span style="color: red;"><b></head></b><span style="color: black;"> . </span></span><br /><pre data-codetype="CSS" title="CSS"><code class="language-css"><style><br />#menutop{width:100%;margin:0 auto;height:45px;background:#fff;border:1px solid #e9e9e9;}<br />#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}<br />#menutop ul{height:45px}<br />#menutop li{float:left;display:inline;position:relative;font-family:&#39;Open Sans&#39;;font-size:12px;<br />font-weight:bold;}<br />#menutop a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#919392;}<br />#menutop ul li:hover a{color:#666;}<br />#menutop input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}<br />#menutop label{font-family:&#39;Open Sans&#39;;font-size:30px;font-weight:400;display:none;width:35px;height:45px;line-height:45px;text-align:center;}<br />#menutop label span{font-size:13px;position:absolute;left:35px}<br />#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}<br />#menutop ul li ul li a{color:#919392;height:45px;line-height:45px;background:#fff;width:100%;}<br />#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#919392;box-shadow: 0px 2px 3px rgba(0,0,0,0.1);top:10px;transition:all 0.3s ease-in-out;}<br />#menutop li:hover &gt; ul.menux{visibility:visible;opacity:1;top:45px;}<br />#menutop a.dutt{padding:0 27px 0 14px}<br />#menutop a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop ul.menux li a{background:#fff;color:#919392;}<br />#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0;}<br />#menutop li.facebook {padding:0 5px;}<br />#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{background:#fff;text-align:center;color:#666;float:right;transition:all 0.2s ease-in-out;}<br />#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.linkedin:hover{color:#8493a0;}<br />#menutop li.facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.linkedin .fa.fa-linkedin{color:#919392;transition:all 0.2s ease-in-out;}<br />#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop li.youtube:hover,<br />#menutop li.googleplus:hover,#menutop li.linkedin:hover{background:#fcfcfc;color:#8493a0;}<br />#menutop li.facebook:hover .fa.fa-facebook,#menutop li.twitter:hover .fa.fa-twitter,#menutop li.youtube:hover .fa.fa-youtube,#menutop li.googleplus:hover .fa.fa-google-plus,#menutop li.linkedin:hover .fa.fa-linkedin{color:#8493a0;}<br /><br />@media screen and (max-width:960px) {<br />#menutop li:hover &gt; ul.menux{display:block;}<br />#menutop ul{border:none;border-bottom:4px solid #e9e9e9;}<br />#menutop{position:relative;border:none;border-bottom:4px solid #e9e9e9;}<br />#menutop ul{background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}<br />#menutop ul.menux{width:100%;position:static;border:none}<br />#menutop li{display:block;float:none;width:auto;text-align:left}<br />#menutop li a{color:#666}<br />#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}<br />#menutop li:hover{background:#8493a0;color:#fff;}<br />#menutop a.dutt{font-weight: bold;}<br />#menutop li:hover &gt; a.dutt,#menutop a.dutt:hover{background:#b1b1b1;color:#fff;}<br />#menutop input,#menutop label{display:inline-block;position:absolute;right:0;top:0;}<br />#menutop input:after,#menutop label:after {content:&quot;\f0c9&quot;;font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#666;<br />display:inline-block;position:absolute;right:15px;top:25%;line-height:30px;}<br />#menutop input{z-index:4;}<br />#menutop input:checked + label{color:#fff;font-weight:700}<br />#menutop input:checked ~ ul{display:block}<br />#menutop ul li ul li a{width:100%;color:#666;}<br />#menutop ul li ul li a:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux a{background:#fff;color:#666;}<br />#menutop ul.menux a:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux li{background:#fff;color:#666;}<br />#menutop ul.menux li:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux li a{background:#fff;color:#666;}<br />#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0;}<br /></style><br /><link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/></code></pre>4. Jika sudah? Copy-Paste kode berikut ini, letakkan diatas kode <b><span style="color: red;"><div class='header-wrapper'></span> </b>atau juga bisa kode<b> <span style="color: red;"><div id='header-wrapper'></span> . </b>Jika tidak ketemu juga? Silakan anda copas kode dibawah ini letakkan saja dibawah kode<b> <span style="color: red;"></head></span></b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><nav id='menutop'><br /><input type='checkbox'/><br /><label/><br /><ul><br /><li><a href='/' title='Home'>Home</a></li><br /><li><a class='dutt' href='#'>Drop-Down</a><br /><ul class='menux'><br /><li><a href='###'>Sub-item 1</a></li><br /><li><a href='###'>Sub-item 2</a></li><br /></ul><br /></li><br /><li><a class='dutt' href='Link'>Contact Us</a><br /><ul class='menux'><br /><li><a href='####'>e-mail Form</a></li><br /><li><a href='####'>Twitter</a></li><br /></ul><br /></li><br /><li><a href='###'>Privacy Policy</a></li><br /><li><a href='###'>Sitemap</a></li><br /><li><a href='###'>Disclaimer</a></li><br /><li class='sorting-01 facebook'><a href='####'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-02 twitter'><a href='####'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-03 googleplus'><a href='####'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-06 linkedin'><a href='####'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-04 youtube'><a href='####'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li><br /></ul><br /></nav></code></pre><pre data-codetype="HTML" title="HTML"><code class="language-markup"><br /></code></pre><b>Catatan: </b>Ganti <span style="color: blue;">####</span> dengan Link kepunyaan anda.<br /><br />5. Jika Template anda belum terpasang dengan jQuery, maka pasanglah kode berikut ini. Dan letakkan kode berikut ini tepat diatas kode <b><span style="color: red;"></head></span></b><br /><pre data-codetype="jQuery" title="jQuery"><code class="language-javascript"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/></code></pre>6. <b>Save Template!</b><br /><br />                    Dan, Taraaaaa Menu Navigasi Plus Media Sosial sudah muncul ^.^<br /><b><br /></b><b>Screenshoot:</b><br /><b><br /></b><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUB7Md5Gzi4JBnsWj8-byKPFvX2-TDzt1xSNsoKo_c5AMenkvK2iEcMAM5Y3Cbr3O4FXtIdez9cXC93qK5Dv-TjwDECHKGtEc8iITXodzLAgB4N_5DUQzkyT06thKXQuZ3N91BCvTExyA/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUB7Md5Gzi4JBnsWj8-byKPFvX2-TDzt1xSNsoKo_c5AMenkvK2iEcMAM5Y3Cbr3O4FXtIdez9cXC93qK5Dv-TjwDECHKGtEc8iITXodzLAgB4N_5DUQzkyT06thKXQuZ3N91BCvTExyA/s640/2.jpg" width="640" /></a></b><br /><b><br /></b><b>Selamat Mencoba</b> . dan <b>Semoga Bermanfaat!</b> - Sekian dari saya!</div>

Diposting oleh Mr Xiulung

Cara Membuat Labels Keren, Responsive!

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2wM-g39N1RsqkkE2HM2Ol_uFCanaTMNqyrbMCPJXw0ziPUAuP6Ooo_QesErMxbHcfgk9VViqATPjIGwgkcQExskNte7zSC4CgAIXrdH7tE6TnoqPA90IvL345UGqX3qIe2hSl2_97MOE/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2wM-g39N1RsqkkE2HM2Ol_uFCanaTMNqyrbMCPJXw0ziPUAuP6Ooo_QesErMxbHcfgk9VViqATPjIGwgkcQExskNte7zSC4CgAIXrdH7tE6TnoqPA90IvL345UGqX3qIe2hSl2_97MOE/s320/1.jpg" width="320" /></a></div>Membahas Tentang Labels ya? Pasti kalian bosankan melihat Label/Kategori Template bawaan Blogger begitu-begitu saja engga ada motifnya? Iya pasti dong bosen, Widget Label Default Blogger menurut saya kurang menarik. Coba anda lihat dulu gambar disamping, bagaimana? Jika kalian suka, jangan kemana-mana dulu okey;)! Sebelum kita praktekan silakan anda buat dulu <b>Widget Label</b> di <b>Tata Letak</b>, selepas itu jangan lupa centang <b>Alfabetik dan Cloud</b>. Oke langsung saja kita praktekan bagaimana caranya, ini bisa dibilang cukuplah mudah ko..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuBHrbIXJlByqmK7-7Q4O0OIMnJlsPgmS_6wRFDPM3ivHxtVRztnhNeJUZNwx6zJOc-4z4tbApNNH0irsOYS1g3oPCtaHfJjrLIJ0zLgBAEGAtDtxFrdX_kbgqNtdjN5yfOLOlRuavZU/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>Cara Pertama:<br /><br />1. Login dahulu ke <a href="http://blogger.com/" target="_blank">Blogger </a>anda.<br />2. Masuk ke menu Tata Letak.<br />3. Tambahkan (+) Widget Label.<br />4. Pilih seperti gambar dibawah:<br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuBHrbIXJlByqmK7-7Q4O0OIMnJlsPgmS_6wRFDPM3ivHxtVRztnhNeJUZNwx6zJOc-4z4tbApNNH0irsOYS1g3oPCtaHfJjrLIJ0zLgBAEGAtDtxFrdX_kbgqNtdjN5yfOLOlRuavZU/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuBHrbIXJlByqmK7-7Q4O0OIMnJlsPgmS_6wRFDPM3ivHxtVRztnhNeJUZNwx6zJOc-4z4tbApNNH0irsOYS1g3oPCtaHfJjrLIJ0zLgBAEGAtDtxFrdX_kbgqNtdjN5yfOLOlRuavZU/s400/2.jpg" width="400" /></a></div>5. Setelah itu, klik selesai!<br />6. Sekarang kita pergi ke Menu Template. Sebaiknya <b>Backup dahulu Template anda</b>, karena jika engga sesuai keinginan anda, maka dengan mudah mengembalikannya!<br />7.  Carilah kode <span style="color: red;"><b>]]></</b><b>b:skin</b><b>> </b><span style="color: black;">atau bisa juga</span><b> </style><span style="color: black;"> .</span></b></span><br /><span style="color: red;"><span style="color: black;">8. </span><span style="color: black;">Jika kesulitan mencari kode nya</span><span style="color: black;">, Tekan <b>Ctrlt + F</b>.</span></span><br /><span style="color: red;"><span style="color: black;">9. Jika sudah menemukannya, silakan masukan/copy script CSS berikut dibawah ini <b>Tepat Diatas</b> kode </span></span><span style="color: red;"><span style="color: black;"><span style="color: red;"><b>]]></</b><b>b:skin</b><b>> </b><span style="color: black;">a</span><span style="color: black;">taupun di</span><b> </style></b><span style="color: black;"> .</span></span></span><b><span style="color: black;"> </span></b></span></div><pre data-codetype="CSS" title="CSS"><code class="language-css">/* CSS label */<br />.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {<br />font-size:100%;<br />filter:alpha(100);<br />opacity:10<br />}<br />.cloud-label-widget-content{<br />text-align:left<br />}<br />.label-size {<br />background:#2ea9da;<br />display:block;<br />float:left;<br />margin:0 3px 3px 0;<br />color:#ffffff;<br />font-size:11px;<br />text-transform:uppercase;<br />}<br />.label-size a,.label-size span{<br />display:inline-block;<br />color:#ffffff !important;<br />padding:6px 8px;<br />font-weight:bold;<br />}<br />.label-size:hover {<br />background:#333333;<br />}<br />.label-count {<br />white-space:nowrap;<br />padding-right:3px;<br />margin-left:-3px;<br />background:#333333;<br />color:#fff !important;<br />}<br />.label-size {<br />line-height:1.2<br />}</code></pre> 10. Setelah selesai meletak kode itu dengan benar, silakan anda <b>Pratinjau</b> dahulu jangan asal <b>Simpan saja</b>! Tujuannya untuk memastikan apakah hasilnya sesuai dengan keinginan anda^.^<br /><br />Demikianlah Tutorial singakat ini, Kurang Lebihnya Segitu Saja,<b> Semoga Bermanfaat! </b></div>

Diposting oleh Mr Xiulung

WMware Workstation 9 Full Lisense

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmjn5R2-LtHYgesMtbNc28eEjn03tGrfQyvN7dxq012oXfeSpxrZ3ABy5wK35MJglqiTj0xdiTvbh3LSlXuneIePbjoy39-u1XD3jL0QrD7Zqx9y_Hfjr6Zdzf7TPQvsdkngOj3ehvhc/s1600/2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmjn5R2-LtHYgesMtbNc28eEjn03tGrfQyvN7dxq012oXfeSpxrZ3ABy5wK35MJglqiTj0xdiTvbh3LSlXuneIePbjoy39-u1XD3jL0QrD7Zqx9y_Hfjr6Zdzf7TPQvsdkngOj3ehvhc/s200/2.jpg" width="157" /></a><b>[MayCyber] - VMware Workstation Version 9</b> - Kali ini saya akan posting <b>VMware Workstation</b> versi lama yaitu versi 9, dengan pembaharuan terbaiknya saat ini, mereka merilis nya ke versi VMware Workstation 12.1.0 Build 3272444 Final.<br />Sudah tidak asing lagi tentunya buat kita yang hobi sekali mengoleksi <b>Sistem Operasi</b>,<b> </b>dimana dengan bantuan VMware ini, kita dapat membuat sebuah Simulasi/Simulator mesin atau Virtual mesin yang untuk dapat mencoba <b>Menginstal</b> Banyak sistem Operasi. Contoh menginstal : Linux Ubuntu, Linux Mint dll Pokoknya yang berformat <b>ISO</b>. Software <b>VMware Workstation</b> ini sangat cocok untuk kita yang ingin sekali belajar menginstal Sistem Operasi atau sangat cocok juga untuk kita yang ingin mengajarkan rekan kita utuk belajar Sistem Operasi, atau cocok juga untuk kita yang ingin belajar lebih jauh tentang Sistem Operasi lain seperti Sistem Operasi berbasis <b>Lnux</b> atau <b>Microtik</b> yang dapat kita installkan di Virtual mesin. Virtual mesin sangat berguna buat kita yang hobi bermain komputer di tingkat lebih. Dimana belajar bagaimana menginstal Sistem Operasi lain di Sistem Operasi yang kita Instal.<br /><br />Silahkan Download Versi Vmware Workstation 9. Link ada di bawah : <br /><br /><b>Screenshoot : </b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3XYa-DEjCQTMvObEseVEPYTGkCmzbeICE0scp3ZrAPLIg0cCmAZFvQAuApKdeHHr6Zl3kBhQAMfUZAiOHCLPSzO9TYZ_ufO4Dwdq0CxqdQ-asPOG0F8AO6EDfNC6kDnxZJp9FpYM5vE/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3XYa-DEjCQTMvObEseVEPYTGkCmzbeICE0scp3ZrAPLIg0cCmAZFvQAuApKdeHHr6Zl3kBhQAMfUZAiOHCLPSzO9TYZ_ufO4Dwdq0CxqdQ-asPOG0F8AO6EDfNC6kDnxZJp9FpYM5vE/s640/3.png" width="640" /></a></div><div style="text-align: left;"><b><span style="color: #0000ee;"><span style="background-color: white;"><span style="color: black;">Download :</span></span></span><span style="color: #0000ee;"><u><br /></u></span></b><br /><ul><li><b><span style="color: #0000ee;"> </span></b><span style="color: blue;"><span style="color: #0000ee;"><a href="http://adf.ly/1XXsVM">Download WMware Workstation 9</a></span></span><span style="color: #0000ee;"> <span style="color: black;"><b>( Google Drive )</b></span></span></li><li><b> </b><u><span style="color: #0000ee;">D<a href="http://adf.ly/1XXssf">ownload Serial Number/ Keygen </a></span></u></li></ul><b>Cara Instal :</b><br /><b><br /></b><b>1. Instal WMware Workstation 9. Lalu Instal Seperti biasa!</b><br /><b>2. Kemudian Register dengan Serial yang tersedia.</b><br /><b>3. Done!</b><br /><b>4. Silakan Komentar;)</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><b>Semoga Bermanfaat!</b><br /><div style="text-align: center;"></div></div>

Diposting oleh Mr Xiulung

Download 114/30 Juzz Al - Qur'an Gratis!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxY6a0SZg0j1iw6FGQOJVDrhKKq5vG4E0OTI6jlBeQ3WdTXESUrxed7eK5eSiRs8SLOXEaizod1xiUDHijG_uP3C_71t6urTnRIsQxIcmQK5Ee6Xw7ikpWrX8Mz6RaRg9_sBGjuNMLaQ/s1600/IMG_0007+-+Copy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxY6a0SZg0j1iw6FGQOJVDrhKKq5vG4E0OTI6jlBeQ3WdTXESUrxed7eK5eSiRs8SLOXEaizod1xiUDHijG_uP3C_71t6urTnRIsQxIcmQK5Ee6Xw7ikpWrX8Mz6RaRg9_sBGjuNMLaQ/s320/IMG_0007+-+Copy.jpg" width="320" /></a></div><b>Assalamuaikum</b>.. Pada kesempatan kali ini saya akan bagikan sebuah lagu atau musik yaitu bacaan Surah Al-Qur'an merdu sekali. Blogger <b>MayCyber-Download</b> biasanya kan membahas <b>Tutorial Blogger</b>, sekali kali saya posting tentang Agama hehe, Ini adalah <b>Voice </b>dari <b>Mishary Alafasi Musshaf</b> yang saya beli berupa kaset <b>DVD</b>, jadi saya mengambil lagu itu dengan menggunakan <b>Nero Express</b>, dan Akhirnya saya posting disini^.^ Kalian beragama islam? pasti ingin sekali dong anda bisa khatam Al-Qur'an. Bagaimana sih caranya biar cepet hapal, yaitu dengan cara mendengarkan sebuah musik dari ustad atau mungkin juga orang yang sedang mengaji bersuara merdu seperti Mishary Alafasi Musshaf. Maka pada kesempatan kali ini, saya akan bagikan Voice dari Mishary Alafasi Musshaf. Langsung aja Download :<br /><b style="font-style: italic;"><br /></b><b>Download :</b><br /><br /><div style="text-align: center;"><div style="text-align: left;">1. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofRE53X3VuVmJMXzg" target="_blank">Al - Fatihah</a> الفاتحة</div></div><div style="text-align: center;"><div style="text-align: left;">2. <span style="color: #3d85c6;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofLUh0dHA0NkphNTQ" target="_blank">Al - Baqaarah</a> </span>البقرة</div></div><div style="text-align: center;"><div style="text-align: left;">3. <span style="color: #3d85c6;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTEhuZUZ6VlhqaEU" target="_blank">Al - Imran</a> </span>آل عمران</div><div style="text-align: left;">4. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofeDRSaWhVT29uVHc" target="_blank">An - Nisaa</a> النساء</div></div><div style="text-align: center;"><div style="text-align: left;">5. <span style="color: #3d85c6;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofT3BWTEltamVUb1U" target="_blank">Al - Maidah</a> </span>المائدة</div></div><div style="text-align: center;"><div style="text-align: left;">6. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSEZsTk1rQ0JGRVk" target="_blank">Al - An'aam</a> </span>الأنعام</div><div style="text-align: left;"><span style="text-align: center;">7. </span><span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofelI4VVA0bG9GaVk" target="_blank">Al - A'raaf</a> </span>الأعراف</div></div><div style="text-align: center;"><div style="text-align: left;">8. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofWXBfTDVMM2RBTFU" target="_blank">Al - Anfaal</a> </span>الأنفال</div></div><div style="text-align: center;"><div style="text-align: left;">9. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZ3dqcUZzOGVGWkE" target="_blank">At - Taubah'</a> </span>التوبة</div><div style="text-align: left;"><span style="text-align: center;">10. </span><span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofN1NURkdqQXdQc2c" target="_blank">Yunus</a> </span>يونس</div></div><div style="text-align: center;"><div style="text-align: left;">11. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofUl9xd0xsSVlhODg" target="_blank">Huud</a> </span>هود</div></div><div style="text-align: center;"><div style="text-align: left;">12. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofNDJpVWszMXB0UWs" target="_blank">Yusuf</a> </span>يوسف</div></div><div style="text-align: center;"><div style="text-align: left;">13. <span style="text-align: center;"><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTXU5aEpGLURZUHc" target="_blank">Ar - Ra'd</a> </span>الرعد</div></div><div style="text-align: center;"><div style="text-align: left;">14. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofbmJYWm5reGJUVlk" target="_blank">Ibrahim</a> ابراهيم</div><div style="text-align: left;">15. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZnk1bGRGNTVXSW8" target="_blank">Al - Hijr</a> الحجر</div><div style="text-align: left;">16. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofX0lVdkkxcS1FYkE" target="_blank">An - Nahl'</a> النحل</div><div style="text-align: left;">17. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZWtPX3g1Z3hmSFE" target="_blank">Al - Israa'</a> الإسراء</div><div style="text-align: left;">18. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMkhPalhaQ3dacWs" target="_blank">Al - Kahfi</a> الكهف</div><div style="text-align: left;">19. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMG1zWGhydVo2R2M" target="_blank">Maryam</a> مريم</div><div style="text-align: left;">20. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTW1FLU9yVGx0VUE" target="_blank">Thaaha</a> طه</div></div><div style="text-align: center;"><div style="text-align: left;">21. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofM3pWUHVaZlNZNXc" target="_blank">Al - Anbiyaa'</a> الأنبياء</div><div style="text-align: left;">22. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTEhYNEp5ZV8tbzA" target="_blank">Al - Hajj</a> الحج</div><div style="text-align: left;">23. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofM29HQzNGMFllME0" target="_blank">Al - Mu'minuun</a> المؤمنون</div><div style="text-align: left;">24. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofRzhvWW9xQzIzTXc" target="_blank">An - Nuur</a> النور</div><div style="text-align: left;">25. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofeDlTRkFpVXhSNHc" target="_blank">Al - Furqaan</a> الفرقان</div><div style="text-align: left;">26. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofajVaZG1OandFTnM" target="_blank">Asy - Syu'araa'</a> الشعراء</div><div style="text-align: left;">27. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofR2Rqblc3STNqcHc" target="_blank">An - Naml</a> النمل</div><div style="text-align: left;">28. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofbkRSNmRUbWJOSHc" target="_blank">Al - Qashash</a> القصص</div><div style="text-align: left;">29. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTnJxNGRYcTdJckE" target="_blank">Al - Ankabuut</a> العنكبوت</div><div style="text-align: left;">30. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofc1FMMkk1d3RXTUU" target="_blank">Ar - Ruum'</a> الروم</div><div style="text-align: left;">31. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofY3RtWE1EbVZfc2M" target="_blank">Luqman</a> لقمان</div><div style="text-align: left;">32. A<a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofaTN3blpaNnZLRjg" target="_blank">s - Sajdah</a> السجدة</div><div style="text-align: left;">33. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofT3N4OXJRRy1FU1k" target="_blank">Al - Ahzab</a> الأحزاب</div><div style="text-align: left;">34. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofU0o0ay1fcU0wd1U" target="_blank">Sabba'</a> سبإ</div><div style="text-align: left;">35. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofalNkTV9tTFBJU2c" target="_blank">Faathir'</a> فاطر</div><div style="text-align: left;">36. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofdnFNdm44RVkzLUk" target="_blank">Yassen</a> يس</div><div style="text-align: left;">37. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofVEVYU20wSTRpUHc" target="_blank">As - Shaaffaat</a> الصافات</div><div style="text-align: left;">38. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofc0xRdDZ3R1Y3TUE" target="_blank">Shaad</a> ص</div><div style="text-align: left;">39. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofaG1VX1dwOHo2WDg" target="_blank">Az - Zumar'</a> الزمر</div><div style="text-align: left;">40. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofdGxQMmhLbW1mUm8" target="_blank">Ghafir</a> غافر</div><div style="text-align: left;">41. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofc0R2VzYwMmZ0d0U" target="_blank">Fushshilat</a> فصلت</div><div style="text-align: left;">42. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSXBibXhEVm44UHc" target="_blank">Asy - Syuura</a> الشورى</div></div><div style="text-align: center;"><div style="text-align: left;">43. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofaUg1QnY1NTRDRFE" target="_blank">Az - Zukhruf</a> الزخرف</div></div><div style="text-align: center;"><div style="text-align: left;">44. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofT0JDNGxKMEN3aWc" target="_blank">Ad - Dukhaan</a> الدخان</div></div><div style="text-align: center;"><div style="text-align: left;">45. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSG5pUTZaQXBxQ0k" target="_blank">Al - Jaatsiyah</a> الجاثية</div></div><div style="text-align: center;"><div style="text-align: left;">46. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofR01rMUtEdEw3Z2M" target="_blank">Al - Ahqaaf</a> الأحقاف</div></div><div style="text-align: center;"><div style="text-align: left;">47. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTS1KNFJnekY1c2s" target="_blank">Muhammad</a> محمد</div></div><div style="text-align: center;"><div style="text-align: left;">48. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofNVdxSFZYNXpEM2M" target="_blank">Al - Fath</a> الفتح</div></div><div style="text-align: center;"><div style="text-align: left;">49. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZzhGVUdUT1dGNVU" target="_blank">Al - Hujuraat'</a> الحجرات</div></div><div style="text-align: center;"><div style="text-align: left;">50. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofU2pRMnNqVUl0bEU" target="_blank">Qaaf</a> ق</div></div><div style="text-align: center;"><div style="text-align: left;">51. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofY2JxMHB0TEh1R00" target="_blank">Adz - Dzaariyaat</a> ق الذاريات</div></div><div style="text-align: center;"><div style="text-align: left;">52. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSXFfWE5MZDFrUEU" target="_blank">Ath - Thuur</a> الطور<br />53. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofQ1FDMG9majMzakU" target="_blank">An - Najm</a> النجم</div></div><div style="text-align: center;"><div style="text-align: left;">54. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMjZ2U1B5aVBjeUE" target="_blank">Al - Qamar</a> القمر<br />55. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofR2hqanF5RHZadW8" target="_blank">Ar - Rahman</a> الرحمن</div></div><div style="text-align: center;"><div style="text-align: left;">56. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofM284blBtczRBSGM" target="_blank">Al - Waqiah</a> الواقعة</div></div><div style="text-align: center;"><div style="text-align: left;">57. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZk1SUnFRMThaXzg" target="_blank">Al - Hadiid</a> الحديد</div></div><div style="text-align: center;"><div style="text-align: left;">58. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMzEta2pILUw5NUk" target="_blank">Al - Mujaadilah</a> المجادلة</div></div><div style="text-align: center;"><div style="text-align: left;">59. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZWRRY2ZJV3NWelU" target="_blank">Al - Hasyr</a> الحشر</div></div><div style="text-align: center;"><div style="text-align: left;">60. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofcTUzNHhXS0Y3YTA" target="_blank">Al - Mumtahanah</a> الممتحنة</div></div><br /><div style="text-align: center;"><div style="text-align: left;">61. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofcnhRRHBiWlRtbFE" target="_blank">Ash - Shaff</a> الصف</div></div><div style="text-align: center;"><div style="text-align: left;">62. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofTFJpaHVEOWlya28" target="_blank">Al - Jamu'ah</a> الجمعة</div></div><div style="text-align: center;"><div style="text-align: left;">63. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofUEMxVW43d0k2d1E" target="_blank">An - Munaafiqun</a> المنافقون</div></div><div style="text-align: center;"><div style="text-align: left;">64. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofS0NPMDdCRnh5UVk" target="_blank">At - Taghaabun</a> التغابن</div></div><div style="text-align: center;"><div style="text-align: left;">65. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofVkRTOHpFSlp3cE0" target="_blank">Ath - Thalaaq</a> الطلاق<br />66. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofc0dzVTBLZFNESlk" target="_blank">At - Tahrim</a> التحريم</div></div><div style="text-align: center;"><div style="text-align: left;">67. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofWU1sLUdmaUo4OFk" target="_blank">Al - Mulk'</a> الملك</div></div><div style="text-align: center;"><div style="text-align: left;">68. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZGJJdVM0Y2taVGc" target="_blank">Al - Qalam</a> القلم<br />69. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZG9DMVU1MWhpbVk" target="_blank">Al - Haaqqah</a> الحاقة</div></div><div style="text-align: center;"><div style="text-align: left;">70. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofNFVGWmxrQktpaHM" target="_blank">Al - Ma'aarij</a> المعارج</div></div><div style="text-align: center;"><div style="text-align: left;">71. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofb2tWeTdOYlY0SEE" target="_blank">Nooh</a> نوح</div></div><div style="text-align: center;"><div style="text-align: left;">72. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofenc2UEw3aUg3UzQ" target="_blank">Al - Jin</a> الجن</div></div><div style="text-align: center;"><div style="text-align: left;">73. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofRnA1a0hjMmExN1k" target="_blank">Al - Muzzammil</a> المزمل</div></div><div style="text-align: center;"><div style="text-align: left;">74. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofOVRpcU9qdm9BOWM" target="_blank">Al - Muddatstsir'</a> المدثر</div></div><div style="text-align: center;"><div style="text-align: left;">75. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofb28zLXdteDBIUHc" target="_blank">Al - Qiyaamah</a> القيامة</div></div><div style="text-align: center;"><div style="text-align: left;">76. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMDhJb3NUZ01lZ0k" target="_blank">Al - Insaan</a> الانسان</div></div><div style="text-align: center;"><div style="text-align: left;">77. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMjNVeDh6V09teVE" target="_blank">Al - Mursalaat</a> المرسلات</div></div><div style="text-align: center;"><div style="text-align: left;">78. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofanp0VWdOYTUxUXc" target="_blank">An - Naba'</a> النبإ</div></div><div style="text-align: center;"><div style="text-align: left;">79. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofM3ZoRW5lNXB1UEk" target="_blank">An - Naazi'aat</a> النازِعات</div></div><div style="text-align: center;"><div style="text-align: left;">80. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofdThJWGhRSDkzYUk" target="_blank">'Abasa</a> عبس</div></div><div style="text-align: center;"><div style="text-align: left;">81. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofV2dsU2JpeWUwV1E" target="_blank">At - Takwiir</a> التكوير</div></div><div style="text-align: center;"><div style="text-align: left;">82. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSjZqaUh0X0Rwd0E" target="_blank">Al - Infithaar</a> الإنفطار</div></div><div style="text-align: center;"><div style="text-align: left;">83. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofa3h1Y0tLVUNrVEk" target="_blank">Al - Muthaffifin</a> المطففين</div></div><div style="text-align: center;"><div style="text-align: left;">84. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofNGtJUVVpZlZETGc" target="_blank">Al - Insyiqaaq</a> الإنشقاق</div></div><div style="text-align: center;"><div style="text-align: left;">85. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofc0g0ODJoc3NkYnc" target="_blank">Al - Buruuj</a> البروج</div></div><div style="text-align: center;"><div style="text-align: left;">86. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSUJaSTRQbk5jam8" target="_blank">Ath - Thaar</a><a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSUJaSTRQbk5jam8" target="_blank">iq</a> الطارق</div></div><div style="text-align: center;"><div style="text-align: left;">87. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofVGZYdXVmMS1yTFE" target="_blank">Al -' Alaa</a> الأعلى</div></div><div style="text-align: center;"><div style="text-align: left;">88. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofUV9hTE16cGRTbHM" target="_blank">Al - Ghaasyiyah</a> الغاشية</div></div><div style="text-align: center;"><div style="text-align: left;">89. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofRXl2M3BlcmtnT3c" target="_blank">Al - Fajr</a> الفجر</div></div><div style="text-align: center;"><div style="text-align: left;">90. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMkJsXzJnSWpuX1k" target="_blank">Al - Balad</a> البلد </div></div><div style="text-align: center;"><div style="text-align: left;">91. A<a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSTlEbGN4NkNjWkE" target="_blank">sy - Syams</a> الشمس</div></div><div style="text-align: center;"><div style="text-align: left;">92. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMGIxeDlsSTJlTjA" target="_blank">Al - Lail'</a> الضحى</div></div><div style="text-align: center;"><div style="text-align: left;">93. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofZVBfVzlxXy0tM1E" target="_blank">Add - Dhuhaa</a> الليل</div></div><div style="text-align: center;"><div style="text-align: left;">94. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSFkyOG9yV01FZ2c" target="_blank">Al - Inshirah</a> الشرح</div></div><div style="text-align: center;"><div style="text-align: left;">95. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSFkyOG9yV01FZ2c" target="_blank">At - Tii</a>n التين</div></div><div style="text-align: center;"><div style="text-align: left;">96. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofeEVDQ2FqOHRWNjg" target="_blank">Al - 'Alaq</a> العلق</div></div><div style="text-align: center;"><div style="text-align: left;">97. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMHZMMV94cU5RY3M" target="_blank">Al - Qadr</a> القدر</div></div><div style="text-align: center;"><div style="text-align: left;">98. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofNTM1UlRhTlJyNjg" target="_blank">Al - Bayyinah</a> البينة</div><div style="text-align: left;">99. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofS3RQNWhCN2QzOGs" target="_blank">Az - Zalzalah</a> الزلزلة</div></div><div style="text-align: center;"><div style="text-align: left;">100. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofY1dOdjRYa0hyRjg" target="_blank">Al -' Aadiyaat</a> العاديات</div></div><div style="text-align: center;"><div style="text-align: left;">101. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofdVRvZDBwbzV1NGc" target="_blank">Al - Qaari'ah</a> القارعة</div></div><div style="text-align: center;"><div style="text-align: left;">102. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofWWJOVmpvaXFQMzQ" target="_blank">At - Takatsuur</a> التكاثر</div></div><div style="text-align: center;"><div style="text-align: left;">103. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofWmhCUlRydjlzazg" target="_blank">Al -' Ashr</a> العصر</div></div><div style="text-align: center;"><div style="text-align: left;">104. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofMHhSNVlKUTlsTnc" target="_blank">Al - Humazah</a> الهمزة</div></div><div style="text-align: center;"><div style="text-align: left;">105. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofdE5RSUY0R293dnc" target="_blank">Al - Fill</a> الفيل</div></div><div style="text-align: center;"><div style="text-align: left;">106. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofVWcxbzlXVmFTYnc" target="_blank">Al - Quraisy</a> قريش</div></div><div style="text-align: center;"><div style="text-align: left;">107. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofS3J6eWVWMlFEcnM" target="_blank">Al - Maa'uun</a> الماعون</div></div><div style="text-align: center;"><div style="text-align: left;">108. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofWkVJREdJVkI2WUE" target="_blank">Al - Kautsaar</a> الكوثر</div></div><div style="text-align: center;"><div style="text-align: left;"><span style="text-align: center;">109. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofbHVCWmViTEFpZEU" target="_blank">Al - Kafiruun</a> </span>الكافرون</div><div style="text-align: left;">110. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSkVOOGVUMFZOaHM" target="_blank">An - Nashr</a> النصر</div></div><div style="text-align: center;"><div style="text-align: left;">111. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofUlUwTmNQb2pkaTA" target="_blank">Al - Lahab</a> اللهب</div></div><div style="text-align: center;"><div style="text-align: left;"><span style="text-align: center;">112. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofSE1YN2x1amRuc28" target="_blank">Al - Ikhlas</a> </span>الإخلاص</div><div style="text-align: left;"><span style="text-align: center;">113. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofbm9mVmk4a2FrcVE" target="_blank">Al - Falaaq</a> </span>الفلق<br />114. <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofOWc2eWRRYzlXT0E" target="_blank">An - Naas</a> الناس<br /><br /><div style="text-align: left;"><b>Semoga Bermanfaat! Assalamuaikum..</b></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Menghapus/Menghilangkan Logo Blogger Pada Navbar

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCJpx-a2SVmmbYKRUQPJqf5_Os6oQV_Ipx1U9yjfVlxy9tgaJYGEU-aXvk7wbFrzB728DBaf2MLMZ2JLrpzjvLcJ1JAXfMTJ7KW0101WhFWH_tULYGWw_hMeSRRIzRzd_0WeRIc7FxpU/s1600/8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCJpx-a2SVmmbYKRUQPJqf5_Os6oQV_Ipx1U9yjfVlxy9tgaJYGEU-aXvk7wbFrzB728DBaf2MLMZ2JLrpzjvLcJ1JAXfMTJ7KW0101WhFWH_tULYGWw_hMeSRRIzRzd_0WeRIc7FxpU/s400/8.png" width="400" /></a>Navbar Blogger. Biasanya terletak pada bagian paling atas dari sebuah blogger. Navbar ini sering dihapus oleh para blogger, karena dianggap risih atau memiliki kode yang valid atau error di Style nya yang kurang memuaskan bagi para blogger. Karena logo pada navbar ini menggangu? disarankan untuk menghapusnya saja, agar blog anda Seo Freandly! Oke pada Tutorial ini saya akan membahas Cara Menghapus/Menghilangkan Logo Blogger pada Navbar. Langsung saja kita praktekan:<br /><br /><b>Screenshoot:</b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaqbUU74Bsjmc7Gzcljn0hqJQUlOLdQogQZf2XdYFhokTXCbwi2GwWMIcDD-3anigx7owfS-d8sjA0cVQjRF7xVvvDz_GjUY2w4v7olmITLRknocpxhSRPhyphenhyphenQyR2ZmQ2VTmfESReHnGY/s1600/9.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaqbUU74Bsjmc7Gzcljn0hqJQUlOLdQogQZf2XdYFhokTXCbwi2GwWMIcDD-3anigx7owfS-d8sjA0cVQjRF7xVvvDz_GjUY2w4v7olmITLRknocpxhSRPhyphenhyphenQyR2ZmQ2VTmfESReHnGY/s640/9.jpg" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaqbUU74Bsjmc7Gzcljn0hqJQUlOLdQogQZf2XdYFhokTXCbwi2GwWMIcDD-3anigx7owfS-d8sjA0cVQjRF7xVvvDz_GjUY2w4v7olmITLRknocpxhSRPhyphenhyphenQyR2ZmQ2VTmfESReHnGY/s1600/9.jpg" style="margin-left: 1em; margin-right: 1em;"></a><br />1. Masuk ke Blogger anda.<br />2. Pilih Template -> Edit HTML.<br />3. Cari kode <span style="color: red;"><b style="color: red;">]]></b:skin><span style="color: black;">, </span></b><span style="color: black;">lalu letakan kode</span><span style="color: black; font-weight: bold;"> </span><span style="color: black;">dibawah ini</span><span style="color: red; font-weight: bold;"><span style="color: black;"> </span></span><span style="color: black;">tepat diatasnya.</span><b style="color: red;"><span style="color: black;"></span></b></span></div></div><pre data-codetype="CSS" title="CSS"><code class="language-css">#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}</code></pre>4. Terakhir, Simpan Template.<br />5. Silakan Lihat Blog anda, atau anda bisa Pratinjau dulu!<br /><br />Oke, mudah bukan? Jika anda ingin memunculkan lagi, gampang tinggal hapus kode yang terdapat diatas. Sekian dari saya, <b>Semoga Bermanfaat!</b></div>

Diposting oleh Mr Xiulung

Cara Menghapus Status Twitter Dengan Cepat!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70xE0qSltobqTXFt8td3VNiXzx9VN8G5yvvV42VdwlgsP1u8hXj5ovXXhGaru0Q0h0B5uixfkziHj4ceLWTS9zNdAIf6tye0RE0tnEhz9axlsY1wAcTA8UUXdr-FpGnreshIEN5C1TtI/s1600/3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70xE0qSltobqTXFt8td3VNiXzx9VN8G5yvvV42VdwlgsP1u8hXj5ovXXhGaru0Q0h0B5uixfkziHj4ceLWTS9zNdAIf6tye0RE0tnEhz9axlsY1wAcTA8UUXdr-FpGnreshIEN5C1TtI/s1600/3.jpg" /></a></div><span style="font-family: "verdana" , sans-serif;">Twitter adalah media sosial yang paling banyak digemari, salah satunya adalah di Indonesia. Indonesia merupakan pengguna terbanyak yang menggunakan Twitter. Dan Indonesia merupakan Negara yang suka ngetweet setiap harinya. Di Twitter anda bisa menulis status lucu, sindiran bahkan curhat, Banyak sih Twitter digunakan untuk Curhat^.^. Jadi anda tak heran lagi dong jika tweet yang orang tulis bisa sampe Ratusan, bahkan Ribuan Tweet!. Karena Twitter merupakan sosial media yang paling banyak diminati, dari situlah orang memulai meliki ide bagaimana sih cara menghapus tweet/status sendiri? Disamping itu juga orang memiliki ide untuk menciptakan aplikasi - aplikasi penghapus Tweet dengan cepat, mungkin saja Twitter tidak ada fitur tersebut untuk menghapus tweet kita dengan cepat, jadi ada saja orang yang menciptakan aplikasi tersebut.<br /><br />  Mungkin saja aplikasi berikut ini sangat berguna bagi anda yang mempunyai perasaan kalo tweet yang ada buat tidak berguna lagi atau anda ingin menghapus secara massal.<br /><br />Jika anda ingin menghapusnya, mudah saja ko ! Aplikasi ini hanya bisa menghapus 1-50 Tweet anda, Tapi tenang saja oke, Prosesnya cepat engga pake lama ko.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Oke langsung saja kita praktekan:<br /><br />1. Buka <a href="http://delete.twitlan.com/" target="_blank">Delete Twitlan</a></span><br /><span style="font-family: "verdana" , sans-serif;">2. Kemudian, anda sign dulu akun anda <b>Sign in with your Twitter account</b>. </span><br /><span style="font-family: "verdana" , sans-serif;">3. Kemudian, anda izikan aplikasi <b>Delete Twitlan</b></span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnX_txvMxJQr4ZMw9UgN1qtQRhbS9UEogNmH-Ux5A9__jBblOPt1hZ0JRPs0Gu_9d6_00CREoskx9JAEathQselTckVTV8t0osL-b1v2rOb7kQ1gWvjuPrIUgsm01trYURTPv4k9b3Qtw/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnX_txvMxJQr4ZMw9UgN1qtQRhbS9UEogNmH-Ux5A9__jBblOPt1hZ0JRPs0Gu_9d6_00CREoskx9JAEathQselTckVTV8t0osL-b1v2rOb7kQ1gWvjuPrIUgsm01trYURTPv4k9b3Qtw/s640/4.png" width="640" /></a></div><span style="font-family: "verdana" , sans-serif;">4. Kemudian pilih <b>Select All the Tweets that are displayed </b>. Maka akan otomatis select all 1-50 Tweet anda.</span><br /><span style="font-family: "verdana" , sans-serif;">5. <b>Delete Tweets Permanently</b></span><br /><br /><span style="font-family: "verdana" , sans-serif;">6. Selesai!<br /><br />  Keuntung menggunakan Delete Twitlan adalah anda bisa menghapus Tweet dalam jumlah banyak, namun dibatasi yaitu sekali menghapus hanya sampai 50 saja, jika ingin sekaligus semua? anda harus membayarnya! Tapi untungkan menggunakan Delete Twitlan proses sangat cepat! selama masih ada gratis ngapain yang membayar iya engga!<br /><br /><b>Terima Kasih! Semoga Bermanfaat!</b></span></div>

Diposting oleh Mr Xiulung