Archive for Maret 2013

Cara Menampilkan Link Sumber Ketika Artikel di Copas

Cara Menampilkan Link Sumber Ketika Artikel di Copas

Menurut saya copas adalah hal yang wajar, terutama bagi blogger. Nah, namun jika sobat mengcopy paste artikel dengan tujuan untuk sobat publikasikan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut.

Nah kalian yang ingin artikel blognya ketika di copas lalu akan menampilkan sebuah link otomatis yang mengarah kepada artikel sobat, saya akan berikan scriptnya, silahkan saja pasang di blog sobat, bagaimana cara membuat link sumber otomatis ketika dicopas? Berikut tutorial nya:

1. Login ke akun blogger sobat.
2. Klik Template > Edit HTML > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode <body> ( untuk mempermudah pencarian, klik Ctrl+F atau F3 ).
4. Copas kode berikut, tepat diatas kode <body>

5. Lalu klik Simpan...

*Keterangan:
Ganti kode yang berwarna merah sesuai keinginan sobat

Merubah Warna Latar / Background Blog

0 Comments

Tag : tips, tips blogging

Merubah Warna Latar / Background Blog

Bagi Anda yang ingin merubah penampilan blog supaya menghasilkan blog yang enak dilihat namun tidak membuat silau mata, ada baiknya mencoba tips yang akan saya sampaikan dibawah ini. Walaupun banyak sekali yang membahas tentang bagaimana cara merubah background blog namun sekali lagi saya ingatkan bahwa postingan ini sudah saya praktekan sehingga berbagai kesalahan sudah bisa diminimalisir hehehehe... Yuk kita mulai.

1. Merubah Background Header Blog
Letaknya adalah paling atas, biasanya digunakan untuk meletakan judul blog, baik itu berupa tulisan atau sebuah banner. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #header-wrapper menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#header-wrapper {

background:

#f4f4f4;

dan seterusnya........

Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :

#header-wrapper {

background:#000000;
dan seterusnya........

Bila tidak menemukan tulisan background:#f4f4f4; Anda bisa menambahkannya sendiri tulisan tersebut tepat dibawah #header-wrapper {
Apabila sudah sesuai silahkan simpan atau pratinjau terlebih dahulu.

2. Merubah Warna Background Body
Terletak paling dasar atau dibalik halaman posting. Cara merubahnya :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan body { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

body {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan .apabila selesai klik simpan.

3. Merubah Warna Background Halaman Postingan / Main body
Terletak paling tengah dan dijadikan sebagai tempat posting. Cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #main-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#main-wrapper {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

4. Merubah Warna Background Sidebar
Terletak disebelah halaman posting/main body, cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #sidebar-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#sidebar-wrapper
background:#000000;
dan seterusnya....

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

5. Merubah Warna Background Footer
Terletak berada paling bawah halaman blog,cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #footer { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#footer {
background:#000000;
dan seterusnya...

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

Ada beberpa template yang menggunakan kode warna css hanya dengan tiga digit bukan enam digit, nah terus bagaimana solusinya? Dibawah ini saya tuliskan beberapa kode warna html yang biasa dipakai oleh kebanyakan orang.

Berikut Kode Warna HTML dalam tiga dan enam digit

Pada angka #3300cc adalah kode warna tulisan, kode warna ini bisa anda ubah sesuai dengan keinginan, berikut kode-kode warna di HTML

Kode	Warna	Kode	Warna	Kode	Warna
#ff0033	OOOOOOOO	#3300cc	OOOOOOOO	#ffff33	OOOOOOOO
#cc9933	OOOOOOOO	#99ffff	OOOOOOOO	#33ff66	OOOOOOOO
#ff0066	OOOOOOOO	#00cc00	OOOOOOOO	#00ff00	OOOOOOOO
#66ff00	OOOOOOOO	#99ff66	OOOOOOOO	#000066	OOOOOOOO
#330066	OOOOOOOO	#660066	OOOOOOOO	#990066	OOOOOOOO
#cc0066	OOOOOOOO	#000000	OOOOOOOO	#330000	OOOOOOOO
#660000	OOOOOOOO	#990000	OOOOOOOO	#cc0000	OOOOOOOO

Kode di atas merupakan beberapa contoh saja karena sangking terlalu banyaknya kode, tetapi pada umumnya warna yang dipakai adalah warna merah, biru dan hijau .Terlalu banyak warna terlalu berat pula nanti mata menyesuaikan hehe..

Cara Buat Like Box Facebook Tersembunyi di Sisi Blog.

0 Comments

Tag : tips, tips blogging

dari ini

menjadi ini

di saat di sorot

dengan mouse

Hallo sobat blogger! Bagaimana keadaan kamu-kamu disana? Semoga semua hal baik dan rukun. Pada kesempatan saya kali ini saya akan share tutorial Facebook yang patut kita terapkan pada blog kita, yaitu Memasang Like Box Facebook di Samping Layar Blog. Cara ini bisa di kategorikan mempromosikan suatu fanspage lewat web atau blog. Khususnya untuk fanspage blog itu sendiri, tujuan utama yang penting adalah membuat fanspage facebook suatu blog akan mendapatkan like tanpa promosi dari suatu website ke website lainnya. Apalagi dilengkapi dengan icon Facebook yang terkesan efektif dan fungsi roll jika kita sentuh. Berikut Memasang Like Box Facebook di Samping Layar Blog:

1. Login ke akun Blogger kamu.
2. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript.
3. Copas kode berikut, dan taruh di box HTML/JavaScript.

*Keterangan: Ganti kode yang berwarna merah, dengan URL fanspage Facebook kamu.

4. Setelah itu, klik Simpan...

Semoga dengan adanya artikel ini bisa membuat fanspage Facebook kamu lebih banyak like dengan adanya widget like box Facebook ini. Semoga Bermanfaat.

Cara Menyembunyikan Diberdayakan oleh Blogger

3 Comments

Tag : tips, tips blogging

Cara Menyembunyikan Diberdayakan oleh Blogger/Cara Menutupi Diberdayakan oleh Blogger.

Sebenarnya tutorial cara menghapus tulisan diberdayakan oleh Blogger, sudah banyak sobat yang lain membahasnya. Akan tetapi karena ada pertanyaan dari rekan blogger, maka saya akan share kembali cara menghilangkan tulisan diberdayakan oleh Blogger. Simak langkah-langkah berikut:

1. Seperti biasa, login ke akun blogger sobat.
2. Pilih Template > Edit HTML > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode ]]></b:skin> ( untuk mempermudah pencarian, tekan Ctrl+F atau F3 ).
4. Copas kode berikut, tepat diatas kode ]]></b:skin>

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

5. Yang terakhir, klik Simpan...

Usai sudah tutorial kita pada hari ini, mudah sekali kan tutorialnya? sekian. Semoga Bermanfaat Bagi.

Cara Membuat Translate Bendera Keren di Blog

6 Comments

Tag : tips, tips blogging

Cara membuat terjemahkan bendera keren di blog atau

Cara Membuat Translate Bendera Keren di Blog

Kali ini saya akan share kembali ilmu blogger yang cukup produktif dikalangan blogger dunia, yaitu translate. Translate yaitu widget yang berguna menerjemahkan atau merubah bahasa suatu teks artikel menjadi bahasa yang di gunakan oleh suatu negara. Sebenarnya memasang translate di blog itu sangatlah penting bagi blog kita, Apalagi blog kita akan dilihat oleh seluruh jaringan internet dunia. Walaupun blog kita berbahasa Indonesia, tetapi diluar negri mengerti blog kita karena adanya widget translate di blog kita. Apalagi dengan tampilannya menarik, membuat pengunjungpun nyaman dengan widget yang terkesan elegant. Berikut Cara Membuat Translate Bendera Keren di Blog :

1. Masuk ke akun Blogger Sobat.
2. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript.
3. Copas kode berikut, di dalam box HTML/JavaSript, judul bisa diisi dengan Translate/Terjemahan.

5. Setelah itu, klik Simpan...

Demikianlah artikel kita pada hari ini, segala kekurang kami ucapkan mohon maaf, semoga bisa bermanfaat buat blog Sobat. Semoga Berhasil.....

Cara Buat Floating Share Button di Blog!

2 Comments

Tag : tips, tips blogging

Floating Share Button

Cara Membuat / Memasang :
1. Login ke akun blogger
2. Lalu klik "Template"
3. Selanjutnya klik "Edit HTML"
4. Kemudian centang pada : Expand Widget Templates
5. Selanjutnya cari kode berikut ini : </head>
6. Silahkan copy kode berikut ini dan letakan dibawah kode "</head>"
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

7. Kemudian cari kode berikut :</body>
8. Lalu anda copy kode berikut ini dan letakan dibawah kode "</body>"

<script type="text/javascript">stLight.options({publisher: "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script><script>
var options={ "publisher": "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "digg", "linkedin", "tumblr", "pinterest", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>

9. Terakhir, anda simpan templatenya. Selesai dan lihat hasilnya.

Catatan : Untuk meletakan widget floating share button di sebelah kanan halaman blog, silahkan ganti kode "Left" dengan kode "Right".