Friday, July 22, 2016

Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

2:15:00 PM 20
Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi - Instagram adalah salah satu social media yang paling banyak di gunakan di Dunia , Instagram berisikan tentang Follow dan Followers atau Pengikut dan Ikuti sebuah kiriman yang berisikan gambar dan video singkat , dan juga banyak penjual disana yang menawarkan kepada sang followers , ada banyak foto dan video bahkan ribuan tetapi kita mungkin bingung bagaimana cara mengambil foto atau video tersebut , apakah kita harus mengscreenshots lewat hp ? mungkin hasilnya akan tidak memuaskan. Pada kesempatan kali ini saya akan memberikan trick mengenai Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Software.

Untuk cara di android saya akan bagi menjadi 2 cara yaitu dengan software maupun tanpa software. Sedang kan untuk Iphone hanya 1 cara. Langsung aja simak Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi di bawah ini :


Cara Download Video Instagram Di Android Tanpa Aplikasi :

1.) Pastikan Kalian Sudah MengInstall Aplikasi Instagram dan Sudah Memainkan Video Yang Mau Di Download

2.) Bukalah File Manager


3.) Pilih Folder Android > 
 Pilih Folder Data

Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

4.) Pilih Folder com.instagram.android > Pilih Folder Cache > Pilih Folder Video

Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

5.) Pilih File Video Yang Mau di Putar. Rename File Tersebut.
Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

6.) Ubah Nama File Tersebut Dengan Menyisipkan Kata ".MP4" (tanpa kutip) di akhir nama file tersebut.
Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi
7.) Nah, Sekarang File tersebut telah menjadi File Video Dan Dapat Di putar.


Cara Download Video Instagram Di Android Dengan Aplikasi :

1.) Download Dan Install Aplikasi InstaSave Di Android Kalian 

2.) Buka Video Instagram yang ingin kalian Download > Klik Icon titik 3 > Pilih Opsi "Copy Share URL "
Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi



3.) Buka Aplikasi InstaSave. Maka Secara otomatis akan terdownload, jika tidak masukkan URL yang telah di copy tadi. Kemudian klik klik icon download yang ada di bawah kanan video.

Cara Mudah Download Video Instagram Di Android & Iphone Tanpa Aplikasi

4.) Sekarang Video Tersebut Sudah Terdownload dan tersimpan di folder InstaSave Videos.

Cara Download Video Instagram Di Iphone :

1.) Download Aplikasi InstaSave Di App Store
*Selanjutnya Tinggal Ikuti Cara Seperti Di Android. Alasan Saya tidak Membuatnya Dengan ScreenShoot Di karena kan Saya Tidak Punya Iphone :v (Curhat) .


Begitulah Cara Mudah Download Video Di Android & Iphone Tanpa Aplikasi. Saya mohon maaf jika tidak jelas, karena saya terhambat dalam ScreenShoot Di HP Saya. Semoga Tutorial Diatas Bermanfaat.

Wednesday, July 20, 2016

Cara Mudah Membuat Tabel Keren Di Postingan Blog

6:13:00 PM 31
Cara Mudah Membuat Tabel Keren Di Postingan Blog

Cara Gampang Membuat Tabel Keren Di Postingan Blog  - Saya kali ini akan membagikan tutorial yang sebenarnya tidak terlalu bagus, namun saya yakin semua blogger pasti akan membutuhkannya. Saya oprek oprek google dengan judul post ini, dan yang saya temukan hanyalah tabel sederhana dan tidak ada keren kerennya sama sekali. Karena itu saya akan membagikan tutorial mengenai Cara Gampang Membuat Tabel Keren Di Postingan Blog.


Dan Tabel ini, akan saya bagi menjadi dua macam. Yaitu Zebra Cool Tabel, Dan juga Dark Styling Tabel. Tanpa Basa basi langsung aja simak caranya di bawah ini :


1.) Tabel Zebra Cool

Cara Mudah Membuat Tabel Keren Di Postingan Blog
Caranya  Sebagai Berikut :

1.) Buka Template > Edit HTML > Dan masukkan CSS berikut ini tepat di atas </style> :
 
/* CSS for Zebra Table in index.html */
.zebra-table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 2px 3px 1px #ddd;
overflow: hidden;
border:10px solid #fff;
}
.zebra-table th,.zebra-table td{
vertical-align: top;
padding:10px 7px;
text-align: left;
margin:0;
}
.zebra-table tbody tr:nth-child(odd) { /* Make table like zebra */
background:#eee;
}/* End CSS for Zebra Table in index.html */

2.) Klik Simpan Template, Eitss.. Caranya belum selesai

3.) Klik Tulis Post > Pilih TAB HTML > Dan Copy kan kode HTML di bawah ini di tempat yang kalian inginkan. Dan Voila akan menjadi seperti gambar diatas .
 
<table class="zebra-table">
<thead>
<tr>
<th>No</th>
<th>Spesifikasi</th>
<th>Infinix Note 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Layar</td>
<td>IPS 5.9 Inch HD 720p</td>
</tr>
<tr>
<td>2</td>
<td>Chipset</td>
<td>MediaTek MT6753 Octa-Core 1.3GHz Cortex A53</td>
</tr>
<tr>
<td>3</td>
<td>GPU</td>
<td>Mali T720MP3</td>
</tr>
<tr>
<td>4</td>
<td>Operatyng System</td>
<td>Android 5.1 Lollipop</td>
</tr>
<tr>
<td>5</td>
<td>Memori&nbsp;</td>
<td>RAM 2GB/16GB</td>
</tr>
<tr>
<td>6</td>
<td>Kamera</td>
<td>13 MP &amp; 2Mp</td>
</tr>
<tr>
<td>7</td>
<td>Baterai</td>
<td>4040 mAh</td>
<td><br /></td></tr>
</tbody></table>
<div>
<br />
<div> 

2.) Tabel Dark Styling
Cara Mudah Membuat Tabel Keren Di Postingan Blog

Caranya  Sebagai Berikut :

1.) Buka Template > Edit HTML > Dan Letakkan CSS Berikut tepat diatas kode </style>
 
.costum-table-dark .table th {
    padding: 15px 10px !important;
    background-color: #212121;
    color: #EC7149;
    border-top: 0 !important;
    border-bottom: 2px solid #505050 !important;
}
.costum-table-dark .table tr:hover {
    background-color: #3A3A3A;
}
.costum-table-dark .table {
    background: #434242;
    color: #000;
}
.costum-table-dark {
    border: 0;
}
.costum-table-dark .table> tbody> tr> td, .costum-table-dark .table> tbody> tr> th, .costum-table-dark .table> tfoot> tr> td, .costum-table-dark .table> tfoot> tr> th, .costum-table-dark .table> thead> tr> td, .costum-table-dark .table> thead> tr> th {
    border-top: 1px solid #505050;
    text-align: left;
}
 

2.) Klik Simpan Template. Dan Seperti Cara Sebelumnya, Selanjutnya Pilih Menu Tulis Post > Pilih TAB HTML > Dan letakkan kode HTML berikut di tempat yang kalian inginkan. Setelah itu akan menjadi seperti gambar diatas.
 
<div class="row">
    <div class="col-md-4 col-md-offset-4">
        <div class="table-responsive costum-table-dark">
            <table class="table">
                <thead>
                    <tr>
                        <th width="2%">
                            No
                        </th>
                        <th>
                            ClickUnduh
                        </th>
                        <th>
                            ClickUnduh
                        </th>
                        <th>
                            ClickUnduh

                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            ClickUnduh

                        </td>
                        <td>
                            ClickUnduh

                        </td>
                        <td>
                            Otto
                        </td>
                        <td>
                            @mdo
                        </td>
                    </tr>
                    <tr>
                        <td>
                            2
                        </td>
                        <td>
                            Jacob
                        </td>
                        <td>
                            Thornton
                        </td>
                        <td>
                            @fat
                        </td>
                    </tr>
                    <tr>
                        <td>
                            3
                        </td>
                        <td>
                            Larry
                        </td>
                        <td>
                            the Bird
                        </td>
                        <td>
                            @twitter
                        </td>
                    </tr>
                    <tr>
                        <td>
                            4
                        </td>
                        <td>
                            Mark
                        </td>
                        <td>
                            Otto
                        </td>
                        <td>
                            @mdo
                        </td>
                    </tr>
                    <tr>
                        <td>
                            5
                        </td>
                        <td>
                            Jacob
                        </td>
                        <td>
                            Thornton
                        </td>
                        <td>
                            @fat
                        </td>
                    </tr>
                    <tr>
                        <td>
                            6
                        </td>
                        <td>
                            Larry
                        </td>
                        <td>
                            the Bird
                        </td>
                        <td>
                            @twitter
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

Note : Sebelum kalian membuat 2 tabel diatas, letakkan terlebih dahulu script CSS berikut di atas </head> :
 
"https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css")


Nah Itulah Cara Mudah Membuat Tabel Keren Di Postingan Blog. Saya harap postingan kali ini dapat bermanfaat bagi kalian semua. Jika ada pertanyaan yang menyertai gambar, lebih baik ditanyakan di FansPage Facebook blog ini :) .

Baca Juga Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event

Tuesday, July 19, 2016

Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event

6:00:00 PM 23
Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event

Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event - Lagi lagi hari ini kita akan bahas mengenai tutorial blogging. Jika kemarin kita sudah bahas mengenai Cara Merubah Blog Nofollow Menjadi Dofollow, Kali ini kita akan bahas mengenai Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event.

Tujuan menggunakan fungsi ini adalah untuk meringankan loading blog kita. Cara kerja script ini cukup sederhana, yaitu konten komentar akan tertutup sampai kalian menekan tombol show comments. Langsung aja simak dibawah ini mengenai Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event :

1.) Buka Blogger > Template > Edit HTML > Cari Markup Komentar Seperti ini :
 
<div class='comments' id='comments'> 
2.) Ganti Semua Markup Diatas Dengan Kode Dibawah Ini :
 
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
<div class='clear'/>
3.) Tambahkan Kode berikut Tepat Sebelum ]]></b:skin> atau </style> 
 
/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;} 
4.) Tambahkan Kode Di bawah Ini Sebelum </body>
 
<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>
5.) Simpan Template 

Silahkan Lihat Tampilannya Sekarang. Butuh Demo ? Lihat Gambar Ini
Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event

Nah Itulah Cara Membuat Show and Hide Kotak Komentar Blogger Dengan Onclick Event. Jika ada Kesulitan Sekali lagi saya tegaskan untuk bertanya di FansPage Facebook saja. Karena Komentar Blogger tidak dapat memuat gambar.

Saturday, July 16, 2016

Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow

4:17:00 PM 17
Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow
Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow - Sebelum kalian merubah blog kalian menjadi Dofollow sebaiknya kalian lebih memahami pengertian Dofollow dengan baik. Oke bagi kalian yang belum memahami apa itu Dofollow, kita akan membahasnya sedikit saja. Dari katanya saja Dofollow merupakan blog yang jika kita memberikan komentar di blog Dofollow berarti kita telah menaruh link ke blog tersebut dan dihitung sebagai backlink.

Dan tentu saja blog Dofollow maupun Nofollow memiliki keuntungan dan kerugiannya tersendiri, saya tidak akan membahas apa keuntungan dan kerugian Dofollow dan Nofollow. Tapi bagi kalian yang masih tidak paham mengenai Dofollow dan Nofollow bisa klik link berikut Pelajari Lebih Lanjut

Sebelum kita lanjutkan mengenai Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow akan lebih baik jika kalian lebih memahami mengenai hal Dofollow dan Nofollow, dan saya sarankan untuk mengunjungi situs bangblogger.com terlebih dahulu.

Oke setelah kalian memahami Apa Itu Dofollow Dan NoFollow mari kita lanjutkan mengenai Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow :

1.) Buka Blogger > Klik Template > Edit HTML

2.) Silahkan cari kode dibawah ini (Tekan CTRL + F untuk mempermudah pencarian) :

<a expr:href='data:backlink.url' rel='nofollow'>

3.) Selanjutnya hapus atribut rel='nofollow' . Sehingga akan menjadi seperti ini :
 
<a expr:href='data:backlink.url'>

4.) Simpan Template



Jika kalian tidak menemukan kode diatas, Silahkan ikuti cara ini :

1.)Silahkan cari kode seperti ini :

<a expr:href='data:comment.authorUrl' rel='nofollow'>

2.) Hapus Atribut rel='nofollow' Atau Ubah Menjadi rel='dofollow' seperti di bawah ini :
 
<a expr:href='data:comment.authorUrl' rel='dofollow'>

3.) Sesudah itu, Cari Kode dibawah ini :
 
<a expr:href='data:comment.url' rel='nofollow'> 

4.) Hapus Atribut rel='nofollow' Atau Ubah Menjadi rel='dofollow' seperti di bawah ini :
 
<a expr:href='data:comment.url' rel='dofollow'> 

5.) Klik Simpan Template


Nah begitulah Cara Mudah Merubah Blog Dari NoFollow Menjadi DoFollow. Semoga aritkel ini dapat bermanfaat bagi kalian semua.

Baca Juga Cara Membuat Kotak Script Keren Syntax Highlighter 

Friday, July 15, 2016

Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger

7:32:00 PM 21
Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger

Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger - Bagi Kalian para blogger lama pasti sudah tidak asing lagi dengan istilah Syntax Highlighter. Saya sendiri pertama kali melihat Syntax Highlighter di blog arlinadzgn.com. Sedangkan Arlina sendiri mengatakan dia pertama kali melihat Syntax Highlighter di blog kang Ismet.
Kemudian saya membuat post ini berdasarkan tutorial blog arlinadzgn.com hanya saja warna nya sedikit saya rubah sesuai selera saya.

Oke langsung aja, berikut adalah Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger 

1.) Silahkan buka blogger > Template > Edit HTML > Salin kode CSS dibawah ini dan paste kan tepat sebelum </style>

 
/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #3cc888;
}

pre[data-codetype='HTMLku']:before {
    background-color: #e5b460;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='JQueryku']:before {
    background-color: #75d6d0;
}
 
2.) Letakkan 3 kode berikut ini tepat di atas </body> atau sebelum </head>
 
<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/> 


 
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script> 



<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script> 

3.) Sesudah selesai, klik Simpan Tamplate


Selanjutnya kalian copy salah satu code pemanggil dibawah ini.
 
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre> 


Cara Meletakkan kode pemanggil diatas adalah sebagai berikut :

1.) Masuk ke blogger > Buat Post Baru > Isi post tersebut > masuk ke TAB HTML
Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger


2.) Letkkan salah satu kode pemanggil yang ada diatas. Saya ambil contoh HTML.
Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger
3.) Setelah kalian meletakkan salah satu kode pemanggil diatas, klik pratinjau untuk melihat hasilnya. Maka hasilnya akan jadi seperti ini. 
Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger


Nah Begitulah Cara Membuat Kotak Script Prism Syntax Highlighter Di Blogger. Mudah bukan ? semoga artikel yang saya buat ini dapat bermanfaat bagi kalian semua :)


Baca Juga Artikel Cara Mengatasi Kolom Komentar Yang Tidak Muncul Pada Versi Mobile

Referensi : http://www.arlinadzgn.com/2014/11/memasang-prism-syntax-highlighter-di-blogger.html

Thursday, July 14, 2016

Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP)

4:57:00 PM 30
Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP)

Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP) - Saya dapat keluhan dari visitor blog ini yang mengatakan bahwa kolom komentar di blog ini tidak tampil saat dia melihat blog ini dari SmartPhonenya. Dan itulah alasan kenapa saya membuat post ini :v . Dan saya juga sangat yakin pasti ada juga blog yang bermasalah seperti blog saya. Terutama blog yang menggunakan tamplate gratisan (termaksud saya :v). Maka pada kesempatan kali ini saya akan membagikan mengenai  Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP).


Cara Pertama :


Menurut Analisa, Pengalaman, dan Survei saya, hal tersebut dapat terjadi karena editor komentar yang dirubah lebarnya kurang menjadi 100%. Jadi menurut saya jangan mengganti lebar comment editor kurang dari 100%. Biasanya kode CSS komen editor kurang lebih seperti ini :
 
#comment-editor{width:100%!important;}

Dengan merubah lebarnya komen editor menjadi kurang dari 100% dapat membuat kotak komentar tidak muncul. Jika sudah kalian ganti menjadi 100% silahkan lihat kembali blog kalian dengan SmartPhone kalian.


Cara Kedua :


Berikut adalah cara saya menangani kasus ini 
1.) Buka Menu Tamplate > Edit HTML
Salin kode berikut ini


 .blogger-iframe-colorize {display: block !important; } 

2.) Letakkan kode diatas tepat diatas </style>. Berikut gambar tampilan blog saya sebelum saya pasang CSS diatas. Lihatkan tampilan kolom komentarnya tidak ada ? :v
Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP)


3.) Setelah kalian meletakkan kode CSS diatas tepat diatas </style>. Kemudian Klik Simpan Tamplate. Dan voila. akan jadi seperti ini :)
Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP)


Nah Begitulah Cara Mengatasi Kolom Komentar Yang Tidak Tampil Pada Versi Mobile (HP). Jika bagi kalian tidak work, mungkin setiap tamplate semua beda. Tapi menurut pengalaman saya cara pada kasus saya lebih banyak saya jumpai. 
Semoga Tutorial diatas cukup bermanfaat bagi kalian semua terutama saya :v . Jika masih ada yang tidak berhasil silahkan bertanya di kolom komentar :). 

Baca Juga Cara Mengetahui Blog Yang Copy Paste Artikel Dari Blog Kita 

Wednesday, July 13, 2016

Cara Mengetahui Blog Yang Copy Paste Artikel Dari Blog Kita

4:47:00 PM 25

Cara Mengetahui Blog Yang Copy Paste Artikel Dari Blog Kita - Siapa yang tidak marah apabila artikel yang telah dibuat dengan sangat susah payah dan menghabiskan waktu maupun fikiran, dengan mudahnya saja artikel yang kita buat di copy paste oleh orang ( SETAN :v ) yang tidak bertanggung jawab, apalagi copas yang tanpa memberikan sumber aslinya dan bahkan mengakui itu 100% dia yang telah menulisnya.
Copy paste itu sendiri menurut saya boleh boleh saja dan sah sah saja. Jika artikel tersebut tentang berita yang memang untuk di sebar luaskan kepada orang banyak dan copy paste harus memang benar benar berita tersebut sangat penting untuk di ketahui masyarakat luas. Sangat berbeda jika yang dicopas adalah artikel yang memang tidak diizinkan untuk  dicopas. Sekarang ini copas meng copas adalah hal yang biasa bagi blogger pemula dan mereka anggap halal. Selain saya pasti ada korban copas lainnya. Seperti Mbak Arlina, dimana blog nya telah dicopas. Bukan hanya tamplate dari arlinadzgn.com yang dia copas, bahkan semua post mbak arlina juga dia copas.

Dan tentu saja Copy - Paste memiliki pengaruh bagi yang meng-copas ataupun yang di copas. berikut adalah pengaruhnya


Pengaruh bagi copaser:

  1. Seorang copaser biasanya malas dan tidak mau berusaha, karena mereka sudah terbiasa dengan hal yang mudah.
  2. Seorang copaser biasanya tidak kreatif karena di fikiranya hanya ada"artikel apa yang bakal di copy"
  3. Seorang copaser akan menghancurkan reputasinya sendiri dan kalangan para blogger. Karena siapa yang mau berteman ataupun membantu seorang copaser ?

Pengaruh bagi blog yang di copas:

Walaupun mereka manaruh sumber link dari artikel yang telah dicopas, saya rasa akan tetap berdampak buruk pada search engine. Karena menurut saya dengan dicopas-nya artikel kita, akan menjadi duplikan konten di webmaster dan akan berdampak buruk pada artikel kita. Walaupun kita mendapatkan free backlink. Saya rasa itu dampak blog yang di copas. Nah untuk kalin yang ingin tahu siapa yang copy paste artikel kalian, silahkan scroll ke bawah :v

Nah Pada Post kali ini saya akan memberikan tutorial Cara Mengetahui Blog Yang Copy Paste Artikel Dari Blog Kita agar kita lebih mudah melaporkan blog tersebut ke DMCA ataupun ke Google. Berikut Caranya :

1.) Masuk ke website Copyscape


2.) Silahkan Copy Url link artikel kalian yang kalian indikasian ada yang meng-copy nya. Dan pastekan di kolom yang tesedia. Dan klik GO
3.) Jika Memang ada yang meng-copy artikel kalian, maka akan ada tampilan seperti punya saya ini.



Nah Itulah Cara Mengetahui Blog Yang Copy Paste Artikel Dari Blog Kita. Semoga artikel yang saya berikan dapat bermanfaat. Dan bagi para blogger pemula termaksud saya :v, lebih baik tulis artikel sendiri saja dari pada copy milik orang lain. Dan pastinya resiko dalam meng-copy artikel orang lain itu sangat besar. Dan resiko copy paste akan kita bahas di lain waktu.

Baca Juga Artikel 7 HP SmartPhone Android Terbaik Untuk Bermain Game POKEMON GO

Contact Me

Name

Email *

Message *

@Way2themes

Follow Me