Mytapin: Blogger

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Paling Mudah Membuat Badge Google+ Pada Blog

Berikut cara paling mudah yang bisa anda lakukan untuk memasang badge Google+ pada blog. Dengan menautkan laman Google+ ke blog anda akan mendapatkan lebih banyak rekomendasi untuk situs anda dalam pencarian Google.

Dengan memasang badge Google+ maka pengunjung blog anda dapat terhubung langsung melalui lencana itu sendiri. Anda tidak perlu susah mengutak atik javascript untuk membuat lencana profil Google+ di website karena Google+ sendiri sudah menyediakan JavaScript untuk badge anda.

Silakan kunjungji https://developers.google.com/+/web/badge/ agar mudah anda sebaiknya sudah login dihalaman Google+ sehingga saat halaman tersebut dikunjungi secara otomatis akan menampilkan badge anda. Untuk lebih jelasnya dapat anda lihat pada gambar berikut :

Setelah kode Script di copy anda tinggal memasukkannya pada widget. Log in ke Blog anda Tata Letak atau Layout klik add gadget dan klik HTML/JavaScript lalu copy kode yang anda dapatkan melalui halaman tadi. Save, dan badge Google+ anda sudah jadi.

Demikian Cara Paling Mudah Membuat Badge Google+ Pada Blog semoga bermanfaat.

›

Agar Postingan Cepat Terindex di Google

Pertama, silakan klik link berikut untuk menuju ke webmaster

https://www.google.com/webmasters/tools/submit-url?pli=1

copy paste url postingan terbaru anda pada sebuah kolom kemudian centang kotak kecil yang bertuliskan I'm not a robot. Seperti gambar berikut :

Kalau sudah selesai silakan buka Google Pencarian dan copy paste kembali url postingan yang baru anda buat.

Blog anda akan muncul dalam hasil pencarian google. Semoga Berhasil.
Demikian Toturial Agar Postingan Cepat Terindex di Google

›

How to Make Google+ Badge That Can Be Modified By Blog

Follow these steps one by one :

1. login to Blogger> select Layout

2. Add Widgets> HTML / JavaScript

3. Enter the following code :

<style>
.googlefaceblogevolutions {
width: 250px;
height: 105px;
margin:0px;
position: relative;
border-right:0.5px solid #cccccc
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-person" data-href="//plus.google.com/u/0/112523556182681108033" data-theme="light" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></div>

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>

don't forget to replace plus.google.com/u/0/112523556182681108033 with google+ your profile address.

or enter the following code to look like this:


<div class="g-person" data-width="273" data-href="//plus.google.com/u/0/112523556182681108033" data-theme="dark" data-layout="landscape" data-rel="author"></div>


<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/pn latform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

don't forget to replace plus.google.com/u/0/112523556182681108033 with google+ your profile address.

Thanks for visiting this blog

How To Make Google+ Badge That Can Be Modified By Blog

›

Cara Membuat Auto Readmore Tanpa Javascript Pada Blog

Untuk membuat auto readmore dengan thumbnail seperti ini :

silakan ikuti langkah-langkah berikut ;

1. Login seperti biasa ke blogger atau ke https://www.blogger.com/home
2. Template - Edit HTML
3. Cari kode dibawah ini dengan menekan ctrl + F :

]]></b:skin>

copy dan letakkan kode berikut di atas ]]></b:skin>

.thumbnail-post {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}

4. cari kode <data:post.body/> dan ganti dengan kode berikut :

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh6e4Hmge1lUJ_FLKwQk5aU21qJq1bJV_-nc0VLXIKS14eD5wNtqCN7qaGJcR3UVPAxVRLgUKhwkExlm2P673j3Ox5g9iLN5ZIoENRF3McisEsofCN-YenXiCh1KooI04hm21TxwlNMnM/s1600/noimagefound.jpg'/></a>
</b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
</div>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>

Apabila tidak berhasil lakukan dengan <data:post.body/> yang kedua, ketiga atau keempat, saya sendiri memasangnya pada <data:post.body/> yang keempat baru berhasil.

5. Simpan template

Untuk blog yang menggunakan desain template original dari bloger biasanya berhasil dengan cara ini.

Demikian toturial Cara Membuat Auto Readmore Tanpa Javascript Pada Blog

›

Cara Menghilangkan Tulisan Langganan : Entri (Atom) Pada Blog

Menghilangkan tulisan 'Langganan : Entri (Atom)' pada blog dapat anda lakukan dengan mengikuti tahapan berikut :

Login blogger atau ke https://www.blogger.com/home
Pilih template kemudian Edit HTML (Biasakan untuk backup/cadangkan dulu data sebelum melakukan perubahan).
Cari kode <div class='feed-links'> dengan menekan ctrl + F, pada kolom pencarian, paste kemudian enter.
Hapus script berikut :

5. Simpan template, dan anda lihat Langganan : Entri (Atom) sudah tidak terlihat lagi.

Demikian Toturial Cara Menghilangkan Tulisan Langganan : Entri (Atom) Pasda Blog

›

Cara Mengganti Author Name Pada Blog

1. Login blogger atau ke https://www.blogger.com/home

2. Template - Edit HTML
3. Cari kode dibawah ini :

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

ganti tulisan data:post.author

contohnya seperti ini :

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <Net9210/>
</b:if>

4. Simpan Template

Demikian Cara Mengganti Author Name Pada Blog

›

Cara Mudah Menghapus Tulisan Diberdayakan Oleh Blogger

Seperti biasa login dulu ke blog anda

- Klik Template
- Klik Edit HTML

Cara Pertama bisa anda lakukan sebagai berikut :

- Cari kode ]]></b:skin> dengan cara menekan Ctrl + F
- Copy dan Paste kode berikut ini di atas kode ]]></b:skin>

#Attribution1 {height:0px;visibility:hidden;display:none}

- Simpan Template dan Tulisan Diberdayakan Oleh Blogger sudah menghilang dari blog anda

Cara Kedua sebagai berikut

1. Template > Edit HTML
2. Ctrl+F dan ketik kata 'attribution' terus enter
4. HAPUS semua kode yang ada kata "attribution" di dalamnya, yang diawali dengan <b:widget dan diakhir dengan kode </b:widget>

5. Simpan Template

›

Cara Membuat Script Box Pada Postingan Blog

Seperti biasa saat mulai menulis blog klik entri baru masih dalam posisi compose atau seperti gambar di bawah ini :

setelah itu copy script dibawah ini lalu berpindah ke HTML

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
text-align: left;">
.MULAI MENULIS DISINI.</div>

paste di HTML seperti ini :

kemudian kemudian berpindah lagi ke Compose untuk melihat hasilnya, kalau tidak ada kesalahan hasilnya akan seperti box script di atas.

Sebagai keterangan untuk Box Script di atas, silakan perhatikan script berwarna merah yang bisa anda ganti kodenya sesuai dengan keinginan anda.

border: 3px adalah ketebalan garis yang bisa diganti menjadi 1px, 2px, 3px dan seterusnya
Padding:10px adalah ukuran box
Background-color #ffffff adalah warna latar belakang pada contoh di atas warna latar adalah putih.
text-align: left adalah posisi tulisan dalam box
selanjutnya Mulai Menulis Disini ganti dengan kode script atau apapun yang anda mau.
solid adalah bentuk garis yang bisa diganti menjadi Dashed, outset, ridge, solid, dotted, double, Groove contohnya sebagai berikut :

Dotted

Dashed

Outset

Ridge

Solid

Double

.Groove.

Demikianlah toturial Cara Membuat Script Box Pada Postingan Blog

›

Daftar Isi

›