Maret 2013 | CARA BLOGGER

Facebook Twitter RSS Google

Archive for Maret 2013

Cara Mengatur dan Memblokir Akun, Acara, Aplikasi Facebook

Admin

Terkadang ada akun yang terlalu sering melakukan pemberitahuan acara atau aplikasi, ini membuat Anda merasa tidak nyaman menggunakan facebook. Facebook menyediakan fasilitas pemblokiran untuk memungkinkan Anda memblokir akun tersebut untuk mengurangi ketidak nyamanan Anda.

Berikut cara mengatur dan memblokir akun, acara, dan aplikasi pada facebook Anda :

1. Login akun facebook Anda.
2. Klik menu akun di sebelah kanan atas halaman facebook.

3. Pilih Pengaturan Privasi > Pemblokiran > kemudian Anda akan masuk halaman Kelola Pemblokiran.

4. Ada beberapa pengaturan blokir, pertama Anda bisa memblokir penuh akun pengguna dengan menambahkan nama atau email pengguna sehingga pengguna tersebut tidak berteman dan tidak bisa berinteraksi dengan Anda lagi.
5. Kemudian blokir undangan aplikasi dan undangan acara, jika Anda sudah memblokir secara otomatis Anda tidak menerima pemberitahuan atas aplikasi dan acara dari pengguna tersebut.
6. Terakhir yaitu blokir aplikasi, ketikkan nama aplikasi yang tidak ingin Anda akses lagi.
7. Jika ingin melepaskan status blokir tersebut, klik Batalkan Blokir. Dengan demikian Anda akan menerima kembali pemberitahuan dari pengguna tersebut.

Nah, mudahkan memblokir pertemanan, undangan acara, aplikasi pada facebook, semoga bermanfaat.

Cara Membuat Widget Artikel Terbaru Berdasarkan Label dengan Thumbnail

Admin

Setelah sebelumnya kita membahas cara membuat widget artikel terbaru berdasarkan label, pada kesempatan ini kita mengulas kembali tapi dengan menggunakan script yang berbeda. Yang membedakan widget yang akan kita bahas nanti dengan sebelumnya adalah widget artikel terbaru berdasarkan label ini nanti disertai dengan thumbnail gambar.

Penasaran ingin segera memasangnya pada blog? Ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut ini pada HTML/JavaScript.

<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script src="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js">
</script><script>
var numposts = 10;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;
</script><script src="http://id-pemula.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script>

Keterangan :
var numposts = 10; Jumlah artikel yang akan ditampilkan.
var numchars = 150; Jumlah karekter posting yang akan ditampilkan.
http://id-pemula.blogspot.com Ganti dengan URL blog Anda.
Tutorial%20Blog Ganti dengan nama label yang ingin Anda tampilkan.
4. Kemudian Simpan.

Nah, sekarang pengunjung blog Anda dapat melihat posting sekaligus gambarnya dalam widget artikel terbaru berdasarkan label tersebut.

Cara Membuat Link Blog Berwarna – Warni

Admin

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara membuat efek salju pada blog.

Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari kode </head> (Gunakan F3 atau Ctrl + F).
5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Cara Membuat Widget Hanya Tampil pada Homepage

Admin

Homepage merupakan halaman utama dari web/blog, pada kesempatan ini kita akan membahas cara membuat widget hanya tampil pada homepage. Agar blog terkesan dinamis dan rapi, sebaiknya beberapa widget yang dianggap penting dan utama hanya ditampilkan di halaman utama atau homepage.

Anda ingin membuat widget hanya tampil di halaman utama/homepage, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari widgetnya gunakan F3 atau Ctrl + F. Contoh widget: Artikel Terbaru.
5. Letakkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah <b:includable id='main'> dan </b:if> diatas kode </b:includable> seperti berikut:

<b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

6. Kemudian Simpan template.

Nah, sekarang Anda bisa mengatur widget untuk memodifikasi tampilan pada halaman utama agar blog terlihat rapi dan dinamis.

Cara Membuat Tombol Share di Samping Blog

Admin

Pada postingan sebelumnya telah kita bahas cara membuat tombol share di posting blog serta manfaatnya, tapi kali ini kita akan membahas cara membuat tombol share di samping blog.

Agak berbeda dengan postingan sebelumnya, dimana pada posting sebelumnya tombol share yang kita pasang pada blog terletak diatas/bawah posting, untuk tombol share yang akan kita bahas ini nanti terletak disamping blog. Anda penasaran ingin segera memasangnya di blog, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript.

<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://id-pemula.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

Keterangan :
Jika Anda menginginkan tombol share di kiri blog ganti right dengan left.
4. Kemudian Simpan.

Nah, sekarang pengunjung blog Anda dapat dengan mudah membagikan halaman blog Anda ke social media.

Cara Membuat Widget Top Komentator Blog

Admin

Pada kesempatan sebelumnya telah kita bahas cara memasang widget komentar terbaru di blog, tapi kali ini kita akan mengulas sedikit cara membuat widget top komentator blog. Dengan adanya widget ini Admin dapat memantau pengunjung yang memberikan komentar terbanyak.

Selain itu, pengunjung yang memberikan komentar terbanyak juga akan mendapatkan keuntungan karena profil mereka akan masuk dalam kategori komentator terbanyak tersebut. Anda ingin memasang widget tersebut pada blog? Ikuti dan simak langkah-langkahnya berikut ini:

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript.

<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://id-pemula.blogspot.com/
&ExcludedNick1=Anonymous&ExcludedNick2=Tony Kust
&ShowHowMany=10
&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script><br/>
<span style="font-size: 8px;">Widget by <a href="http://id-pemula.blogspot.com" target="_blank" title="Tutorial Blog"><b>Get Widget</b></a></span></div>

Keterangan :
Ganti http://id-pemula.blogspot.com/ dengan URL blog Anda.
Ganti Anonymous, Tony Kust dengan nama profil blog Anda.
Ganti 10 dengan jumlah top komentator yang ingin ditampilkan.
4. Kemudian Simpan.

Nah, sekarang blog Anda sudah terpasang widget top komentator sehingga Anda dapat memantau perkembangan komentator pada blog setiap saat.

Cara Membuat Breadcrumb Navigation Blog

Admin

Breadcrumb Navigation merupakan sebuah script yang berfunsi untuk memudahkan pembaca mengetahui kategori dan sub kategori artikel/postingan yang sedang dibaca. Pemasangan breadcrumb ini juga disarankan oleh search engine google untuk optimasi blog Anda.

Seperti apakah cara membuat breadcrumb di blog? Ikuti dan simak langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode ]]></b:skin> (Gunakan F3 atau Ctrl + F).
4. Letakkan kode berikut diatas kode ]]></b:skin>

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:95%;
line-height: 1.2em;
border-bottom:2px double #000000;
}

5. Kemudian letakkan juga kode berikut dibawah kode <b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</div>
</b:if>

6. Simpan template.

Nah, sekarang blog Anda sudah dilengkapi dengan breadcrumb navigation. Selamat mencoba dan semoga bermanfaat.

Tips Meletakkan Iklan AdSense di Blog

Admin

Meletakkan unit iklan adsense di blog dapat memiliki dampak yang sangat besar pada penghasilan Anda. Namun, terkadang kita mengalami kesulitan untuk memutuskan letak unit iklan adsense yang baik pada blog.

Pada kesempatan kali ini kita akan memberikan informasi tips meletakkan iklan yang dijelaskan pada webmaster Google, agar Anda tidak salah dalam memasang unit iklan adsense pada blog. Langsung saja simak video dari Google AdSense di bawah ini untuk informasi lebih lanjut!

Nah, menarik bukan semoga tips dan rekomendasi memasang iklan adsense tadi bermanfaat.

Cara Membuat Efek Salju pada Blog

Admin

Banyak cara untuk memodifikasi tampilan blog agar lebih menarik, salah satunya adalah menambahkan efek salju pada blog kita. Meskipun ini agak menambah berat loading blog tapi blog kita menjadi tampak rame dan menarik.

Kalau Anda penasaran ingin memasang efek salju pada blog, berikut ikuti langkah-langkah cara membuat efek salju pada blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/efek-salju.js" /></script>

<script type="text/javascript">
snowStorm.snowColor = '#6bd';
// salju biru muda silakan ganti dengan warna lain
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>

4. Kemudian Simpan.

Nah, sekarang Anda bisa melihat hasilnya, tampilan blog Anda menjadi lebih rame dan menarik.

Cara Membuat Like Box Facebook Page pada Blog

Admin

Dengan adanya like box facebook page pada blog maka Anda dapat memperluas/menambah komunitas blog di social media khususnya facebook. Selain itu, facebook kini merupakan salah satu social media terbesar di dunia saat ini jadi tidak ada salahnya kalau kita membangun komunitas blog di social media tersebut.

Untuk Anda yang ingin membuat like box facebook page pada blog, ikuti caranya berikut ini:

1. Kunjungi halaman http://www.facebook.com/pages/create.php
2. Kemudian klik pilihan 'Merek atau Produk'.

3. Pilih kategori halaman, klik 'Situs Web' dan isikan nama halaman Anda, kemudian jangan lupa centang 'Persetujuan Ketentuan Halaman Fecebook'.

4. Lakukan kostumisasi sesuai petunjuk, seperti upload foto profil, mengedit informasi, dll.

5. Setelah selesai kini Anda telah mempunyai halaman facebook like box, dan langkah selanjutnya adalah kita akan membuat like box facebook page.
6. Sebelumnya copy URL facebook page Anda terlebih dahulu untuk membuat like box.

7. Kunjungi halaman http://developers.facebook.com/docs/reference/plugins/like-box/

8. Isikan data-data yang diperlukan seperti dibawah ini :

Keterangan:
Facebook Page URL : letakkan URL facebook page yang Anda copy tadi.
Width : lebar tampilan facebook page atau like box sesuaikan dengan sidebar blog Anda.
Height : tinggi tampilan facebook page atau like box sesuaikan dengan sidebar blog Anda.
Show Faces : centang untuk menampilkan foto likers.
Color Scheme : pilih light jika ingin tampilan terang dan dark untuk gelap.
Stream : Centang jika ingin menampilkan informasi/posting terakhir di like box.
Border Color : isikan dengan kode warna jika ingin memberi warna pada border.
Header : Centang jika ingin menampilkan tulisan header.
9. Kalau dirasa sudah selesai, klik 'Get Code' kemudian pilih 'HTML5' dan copy kode script like box.

Untuk memasang like box facebook page pada blog, ikuti langkah-langkahnya seperti dibawah ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Masukkan kode HTML like box pada HTML/JavaScript.
4. Simpan.

Nah, kini blog anda sudah dilengkapi like box facebook page dan dapat memperbesar komunitas blog Anda pada situs facebook.

Cara Membuat Lafaz Basmallah di Posting Blog

Admin

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Bagi blogger muslim yang memiliki blog yang berisi konten-konten islami, kurang lengkap rasanya kalau posting blog yang bernuansa islami tidak dihiasi dengan konten islami, misalnya: tulisan lafaz basmallah pada awal postingan blog.

Anda tertarik ingin memasang lafaz basmallah ini pada postingan blog, silahkan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Letakkan kode dibawah ini tepat diatas <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{"type":3}'><span dir='rtl'>بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم</span></span></span></div><br/>
</b:if>

5. Klik 'Pratinjau' dahulu, sebelum kemudian Anda 'Simpan template'.

Nah, cara diatas adalah cara memasang lafaz basmallah secara otomatis, kalau dengan cara manual atau dengan kata lain kita bisa memilih postingan yang dipasang lafaz basmallah sesuai keinginan. Kita tinggal copy paste kode dibawah ini sebelum Anda menulis artikel.

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{"type":3}'><span dir='rtl'>بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم</span></span></span></div><br/>

Perlu Anda ingat copy paste kode tersebut pada mode HTML, dan bukan mode Compose.

Cara Menonaktifkan Akun Facebook

Admin

Dari sekian banyak social media, Facebook merupakan salah satu situs yang banyak diminati di dunia saat ini. Dengan adanya facebook akan berdampak positif dan negatif bagi penggunanya, selain itu masalah lain yang sering muncul adalah pembajakan akun facebook.

Mungkin Anda adalah salah satu orang yang ingin menonaktifkan dan sudah tidak berminat lagi menggunakan akun facebook? Berikut cara menonaktifkan akun facebook Anda :

1. Login akun facebook Anda.
2. Klik menu akun di sebelah kanan atas halaman facebook.

3. Pilih Pengaturan Akun > Keamanan > Nonaktifkan akun Anda.

4. Kemudian Anda diminta mengisi Alasan menonaktifkan facebook, kemudian klik 'Konfirmasi'.

5. Setelah itu isikan password dan klik 'Nonaktifkan Sekarang'.

Nah, begitu Anda menonaktifkan akun facebook, Anda dapat mengaktifkan kembali akun Anda dengan masuk/login Facebook menggunakan email dan password Anda kembali.

Cara Membuat Tombol Share di Posting Blog

Admin

Tombol Share pada blog sangat membantu pengunjung untuk membagikan sebuah halaman blog ke social media. Selain itu dengan adanya tombol share akan sedikit berpengaruh baik terhadap SEO blog Anda.

Pada kesempatan ini kita akan membahas cara membuat tombol share di posting blog dengan tiga social media terpopuler saat ini yaitu Facebook, Twitter, dan Google Plus. Jika Anda penasaran ingin segera memasangnya pada blog, berikut ikuti langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Jika Anda ingin meletakkan tombol share diatas postingan, copy paste kode dibawah ini tepat diatas <data:post.body/>
5. Kemudian jika menginginkan dibawah postingan, copy paste tepat dibawah <data:post.body/>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


<b:if cond='data:blog.pageType != "static_page"'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>

<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>

<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</g:plusone></div>

<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</fb:like></div>
</div>
</b:if>
<div style='clear: both;'/></div>

6. Kemudian Simpan template.

Nah, cukup mudahkan dan mulai saat ini pengunjung blog Anda dapat lebih mudah membagikan halaman blog ke social media.

Update

NB: Jika kode diatas tidak dapat dipasang pada blog Anda silahkan kunjungi cara terbaru membuat tombol share pada blog semoga bermanfaat.

Cara Menyembunyikan Komentar pada Posting Blog

Admin

Ketika Admin blog memutuskan untuk menyembunyikan kotak komentar blog pasti mempunyai alasan dan tujuan masing-masing. Mungkin artikel pada blog sudah tidak perlu pertanyaan, saran atau up to date lagi sehingga perlu diperbarui.

Kalau Anda ingin menyembunyikan kotak komentar pada blog, berikut ini simak langkah-langkahnya:

1. Login akun blogger Anda.
2. Pada halaman Dasboard, klik menu 'Setelan' > 'Pos dan komentar'.

3. Pada bagian Lokasi Komentar ? pilih 'Sembunyikan' untuk menyembunyikan komentar blog.

4. Kemudian 'Simpan setelan' (pojok kanan atas).

Nah, cara diatas akan menyembunyikan seluruh komentar pada blog. Kemudian bisakah kita menyembunyikan komentar pada posting tertentu? Jangan khawatir Anda juga bisa menyembunyikan komentar tertentu, berikut simak langkah-langkahnya:

1. Buat 'Entri baru', tulis judul dan artikel pada halaman entri.
2. Pada halaman entri sebelah kanan, terdapat menu Setelan entri > 'Pilihan'.

3. Pada bagian Komentar pembaca > centang 'Jangan bolehkan mode tulis'
4. Kemudian klik 'Selesai'.
5. Terbitkan entri dengan meng-klik 'Publikasikan'.

Selamat mencoba dan semoga artikel ini bermanfaat bagi kita semua.

Cara Membuat Kotak Script pada Posting

Admin

Setelah sebelumnya kita membahas Cara Menulis Script pada Posting Blog, pada kesempatan ini kita akan mengulas Cara Membuat Kotak Script pada Posting. Fungsi dari kotak script tersebut adalah untuk membedakan antara script dan tulisan artikel blog agar posting terlihat rapi.

Jika Anda ingin memasangnya pada blog, ikuti langkah-langkah berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode ]]></b:skin>
4. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

/* http://id-pemula.blogspot.com/
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}

Keterangan:
Ubah kode warna diatas sesuai dengan keinginan Anda.
5. Kemudian 'Simpan template'.
6. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :

<div class="alert">
Letakkan Kode Script Anda disini!
</div>

Untuk memudahkan Anda dalam menulis script selanjutnya, copy paste kode diatas pada Templat Entri, caranya:

1. Masuk halaman Setelan > Pos dan komentar.

2. Letakkan kode berikut pada kotak 'Templat Entri ?'

<div class="alert">
Letakkan Kode Script Anda disini!
</div>

3. Kemudian 'Simpan setelan'.

Nah, dengan meletakkan kode diatas pada templat entri, Anda tidak perlu susah untuk mengetik kode diatas setiap akan menulis script pada posting.

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Admin

Bisakah kita menampilkan artikel terbaru berdasarkan label blog? Setelah sebelumnya kita telah membahas cara membuat widget artikel terbaru di blog, pada kesempatan ini kita akan membahas cara membuat widget artikel terbaru berdasarkan label.

Bagi Anda yang ingin memasang widget tersebut pada blog, silahkan simak dan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.

<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

Keterangan:
NAMABLOG : Ganti dengan URL blog Anda.
NAMALABEL : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.

Nah, sekarang Anda sudah bisa memasang widget label sesuka hati pada blog, semoga bermanfaat.

Cara Membuat Tulisan Copyright pada Blog

Admin

Tulisan copyright terletak dibagian bawah/footer blog, ini berfungsi untuk memberikan informasi kepada pengunjung blog, seperti: pemilik blog, pembuat template, dan informasi yang lain.

Selain itu blog juga terlihat lebih professional. Anda ingin memasang tulisan copyright pada blog, simak langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode ]]></b:skin> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas ]]></b:skin>

/* copyright part1 */
.copyright{
text-align: center;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}
/* copyright part1 end */

Keterangan:
Jika Anda menginginkan tulisan berada disamping, ganti center (tengah) dengan right (kanan) atau left (kiri).
5. Selanjutnya letakkan kode dibawah ini tepat diatas </body>

<div class='copyright'>Copyright © 2013. di sini kata-kata terserah Anda </div>

Misalnya:

<div class='copyright'>Copyright © 2013. <a href='http://id-pemula.blogspot.com/'>id-pemula blogspot</a> | powered by: <a href='http://www.blogger.com/'>Blogger</a></div>

6. Kemudian 'Simpan template'.

Nah, sekarang Anda bisa mengganti tulisan copyright sesuai keinginan, tapi jika pada template Anda sudah terdapat tulisan copyright sebaiknya cukup Anda edit saja dan tidak perlu membuat kembali.

Cara Mendaftarkan Blog ke Yahoo dan Bing

Admin

Yahoo dan Bing merupakan search engine terbesar selain Google. Agar traffik blog kita terus naik kita wajib mendaftarkan blog minimal 3 search engine terbesar saat ini yaitu Google, Bing, dan Yahoo.

Dengan mendaftarkan blog ke bing, secara otomatis search engine yahoo juga akan meng-indeks blog kita, karena saat ini submit yahoo cukup dilakukan di Bing Webmaster Tools. Jika blog Anda belum terdaftar di bing dan yahoo simak dan ikuti langkah-langkahnya dibawah ini:

1. Kunjungi situs http://www.bing.com/toolbox/webmaster.
2. Klik 'Sign In', Jika Anda belum mempunyai akun windows live sebaiknya daftar terlebih dahulu dengan meng-klik 'Sign up with Microsoft account'.
3. Masukkan alamat URL blog pada Add a Site, kemudian klik 'ADD'.

4. Kemudian akan muncul form pendaftaran, silahkan isi data lengkap.

5. Setelah itu pada Sitemap isikan http://NAMABLOGANDA.blogspot.com/sitemap.xml, klik 'Save'.

6. Selanjutnya muncul halaman verifikasi, pilih 'Option 2: Copy and paste a <meta> tag in your default webpage'.

7. Letakkan kode seperti gambar diatas tepat dibawah kode <head> pada template.
8. Setelah menambahkan kode tersebut kembali ke halaman bing dan klik 'VERIFY'.

Nah, dengan demikian blog Anda sudah terdaftar di search engine yahoo dan bing. Tapi tunggu beberapa minggu atau bulan blog Anda akan ter-indeks pada halaman search engine.

Langganan: Postingan (Atom)