Showing posts with label TipsTrickBlogging. Show all posts
Showing posts with label TipsTrickBlogging. Show all posts

Sunday, July 24, 2016

Situs Tempat Belajar NgeBlog Terbaik Bagi Pemula

6:04:00 PM 17
Situs Tempat Belajar NgeBlog Terbaik Bagi Pemula -  Untuk menjadi seorang blogger rasanya mustahil tanpa adanya situs lain yang menyediakan tutorial Blogging. Maka darimana kita bisa belajar ngeblog? Ketika kalian mencari sesuatu tentang blog lewat mesin pencari pasti kalian akan mengunjungi sebuah Blog yang isinya tentang Blog. Mungkin sudah ratusan Blog sudah kalian kunjungi namun sampai saat ini belum ada satupun yang bisa menjadi situs rekomendasi yang terbaik untuk belajar ngeblog.

Setiap Blog memiliki cara tersendiri dalam membahas sesuatu terutama tentang Blog, Seo, Template, Monetasi, Marketing online dan lain-lain. Namun sampai sejauh itu belum menemukan blog mana yang terbaik untuk selalu di kunjungi. Saya sendiri kebanyakan belajar blogging dari arlinadzgn, sugeng id, dan panduanIM. Nah, kali ini saya telah  merangkum beberapa situs terbaik sebagai tempat belajar mengenai blog bagi pemula menurut saya.


Blog personal yang rata-rata isinya menyediakan tutorial, tips dan trik tentang blog. Artikel yang di sajikan Oleh orang yang bernama Mas sugeng ini menjadi sangat di sukai pengunjung karena di sajikan dengan gaya bahasa yang bersahabat dan tidak banyak basa- basi. Blog yang berlamat Sugeng.id ini juga menyediakan Artikel tentang AdSense dan cara monetasi blog.

Bukan hanya itu, di Blog Mas Sugeng ini juga menyediakan beberapa template Blog keren banget, dan sangat seo. Seperti Evo Magz, Brosense, DLL .Template tersebut ada yang gratis ada juga yang berbayar.

Admin : Sugeng Riyadi

2.) Arlina Design

Sebuah situs yang menyediakan berbagai tutorial tentang Blog, Seo, Web Tools, Html dan Css yang semuanya masih berhubungan dengan Blog. Situs yang di kelola oleh seorang cewek yang bernama Arlina Fitriyani ini juga menyediakan beberapa template blog Gratis. Seperti yang saya gunakan di blog ini. Walaupun gratis tapi di blog Arlina Design anda juga bisa membeli template premium yang telah di sajikan di situs ini.

Admin : Arlina Fitriyani

3.) BlogoDolar

Blog yang satu ini di buat menggunakan Wordpress. Situs ini menjadi rekomendasi untuk kalian jika ingin belajar ngeblog terutama  dalam bidang Monetasi Blog di Blogodolar.com sudah di sajikan secara lengkap sesuai dengan apa yang kalian cari.

Di blogodolar  ini juga ada beberapa artikel yang menceritakan pengalaman dari sang Admin sendiri selama menjadi Blogger.

Admin : Herman Yudiono

4.) PanduanIM.Com

Situs yang satu ini menjadi rekomendasi yang gak kalah penting nya agar kalian bisa menjadi seorang blogger yang hebat. Di Blog ini menyedikan berbagai macam tips/panduan tentang Internet marketing, Blog dan Seo. Tips yang di sajikan di Blog ini di ulas secara detal dan lengkap banget, Jumlah kata nya juga sangat banyak, Walaupun banyak tapi di jamin gaka ada basa basi nya.

Salah satu alasan saya suka mengunjungi situs ini adalah karena disetiap artikel yang ada di panduan IM ini bisa di download dalam Bentuk Ebook (.pdf) jadi bisa di baca kapan aja tanpa harus koneksi internet. 

Admin : Mas Darmawan

5.) MaxManroe.Com

Maxmanroe adalah blog yang sering saya temukan di hasil pencarian, Mungkin blog inisudah enggak asing lagi di mata kalian. Di blog ini kita bisa belajar berbagai macam tips dan tutorial ngeblog. Di situs ini kalian juga bisa membaca artikel yang mengulas tentang berbagai bisnis online dan juga bisnis Offline.

Admin : Maxrikon Manurung



Nah Itulah 5 Situs Tempat Belajar NgeBlog Terbaik Bagi Pemula menurut saya. jika kalian merasa ada situs lain yang lebih cocok untuk masuk kedalam list diatas. silahkan corat coret di kolom komentar. Komentar anda sangat saya butuhkan untuk meningkatkan kualitas blog ini.

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