Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Sabtu, 28 Januari 2012

0 Membuat tombol share Facebook Twitter dengan penghitung

09.25 Under From Toni
[0 Comment]

membuat tombol share facebook dan twitter dengan counter penghitungUntuk kesempatan ini Saya ingin men-share article yang sangat cocok buat kamu yang senengmempercantik blog dengan berbagai macam pernak-pernik. Langsung bae membuat sendiri tombol share facebook dan twitter dengan penghitung
Oh ya tombol share ini akan menunjukan jumlah (counter/penghitung) berapa kali artikel tersebut di share ke facebook dan twitter .
  • Login ke dashboard blogspot kamu
  • pilih Rancangan »» Edit HTML
  • Checlist pada tulisan  Expand Widget Template
  • Cari kode <data:post.body> (Gunakan tombol F3 untuk mempermudah mencarinya)
  • Tempatkan script berikut dìatas kode <data:post.body>
  • Scriptnya
    <p><a href='http://www.facebook.com/sharer.php' name='fb_count' type='button_count'>share</a>
    <script type='text/javascript' src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'/><br/>
    <a class='twitter-share-button' data-count='horizontal' data-via='blogtegal' href='http://twitter.com/share'>share</a></p>
  • Kemudian tempatkan script berikut ini di bawah kode <head>
    <script type='text/javascript' src='http://platform.twitter.com/widgets.js'/>
  • terakhir klik Save Template
Hasilnya seperti terlihat pada blogtegal ini pada bagian atas di bawah title artikel. Jika ingin di tempatkan di bagian bawah artikel maka tempatkan script yang no.1 di bawah kode<data:post.body> Jika ada yang ingin di tempatkan di bagian lain bisa bertanya pada kotak komentar, secepatnya akan di bantu tentang membuat sendiri tombol share facebook dan 
Read More »
Category :

Minggu, 22 Januari 2012

0 Cara Membuat Chat Box Di Blog Dengan Aplikasi CBOX

23.46 Under From Toni
[0 Comment]

Cara membuat chat box di blog dengan aplikasi Cbox
Mulai 1 january 2012 aplikasi chat box shout mix untuk layanan gratisnya di stop teman-teman pengguna shoutmix bisa baca pemberitahuannya Disini dengan judul ‘Free service has to stop’ yang intinya layanan gratis di stop dan hanya akun premium yang di promosikan.

Karena saya yakin teman – teman sangat mencintai yang gratisan termasuk saya sehingga saya pun harus mengganti aplikasi chat box saya dengan yang lain.

Salah satu penggantinya adalah aplikasi Cbox yang tentunya basic dari aplikasi ini adalah  gratis. Cbox adalah aplikasi chatting unik dan pesan yang membawafitur terbaik dari sistem chatting ke web atau blog.


Untuk membuatnya cukup mudah silahkan ikuti panduannya di bawah ini Cara membuat chat box di blog dengan aplikasi Cbox :

1. Silahkan kunjungi  http://www.cbox.ws dilanjutkan klik ‘Sign Up’ Lihat contoh gambar di bawah ini :


2. Get Your own Cbox  - Pada aplikasi sign up silahkan isi lengkap : Cbox name – Isi sesuai selera anda tanpa spasi, Email address – Isi dengan alamat email anda, Password – Buat password anda, Confirm password – Masukkan ulang password anda, Website - Isi dengan alamat web atau blog anda, Language - Pilih bahasa aplikasi pada menu drop down, Style - Anda bisa merubah tampilan aplikasi sesuai selera anda. Setelah selesai diisi klik ‘Create my Cbox!’ Lihat contoh gambar isian aplikasi di bawah ini :


3. Jika sukses ada ucapan  dalam bahasa inggris yang artinya mungkin seperti ini :

“Cbox telah dibuat!
Cbox Anda tipstriks  berhasil dibuat.
Anda sekarang dapat log in ke panel kontrol Cbox untuk mendapatkan kode Anda Log in  di bagian atashalaman ini. Sebuah salinan rincian account Anda telah dikirim melalui email ke tipstriks@ gmail.com Periksa email Anda, jika Anda tidak dapat menemukannya, periksa folder spam Anda”. 


4. Silahkan cek inbox email anda kemudian klik link yang ditunjukan Cbox admin yang akan menuju halaman Cbox dan silahkan login masukkan Cbox name dan password anda dan klik tanda panah di sampingnya. Lihat contoh gambar Cbox login di bawah ini :

Lihat contoh inbox email di bawah ini :


5. Setelah login pada control panel Cbox anda silahkan copy dan paste di blog anda  kode html yang sudah disiapkan untuk anda. Selesai.  Lihat gambar kode html di bawah ini :


Cara menempatkan aplikasi Cbox di blogspot silahkan login ke blogger ►Dasbor/Dashboard ► Rancangan/Lay Out ►Tambah Gadget/Add Gadget ►Pilih Gadget HTML ► Paste 
Dengan tips dan triks Cara membuat chat box di blog dengan aplikasi Cbox, semoga bisa membantu anda.
Read More »
Category :

0 Cara Membuat Banner Blog

23.44 Under From Toni
[0 Comment]
Sebenarnya tutorial ini merupakan lanjutan dari Cara membuat Banner Otomatis di Blog. namun, mungkin sobat masih pada belum tahu cara membuat banner sehingga saya mengshare tutorial ini. ada 2 cara untuk membuat banner blog, yaitu melalui situs-situs penyedia layanan banner seperti cooltext, flashvortex.com, dan lain-lain atau juga bisa melalui software sepertiphotoshop yang waktu pembuatannya sangat lama dan membutuhkan keterampilan yang sangat tinggi. namun, bagi kalian yang tidak bisa menggambar dengan Photoshop tenang saja, karena pada tutorial kali ini kita akan memanfaatkan jasa pembuatan banner gratis melalui cooltext.com. langsung saja kalau begitu kita ke langkah-langkahnya  :

Pertama  :

  • kunjungi cooltext.com
  • kemudian pada menu pilih logo atau banner
  • pilih style, gaya dan warna text yang kamu inginkan atau selera kamu
  • jika sudah kamu edit, silahkan klik "Render Logo"
  • klik "Get HTML Code" dan copy codenya
Kedua  :
  • Login pada blog sobat
  • pilih rancangan >> tambah gadget
  • klik tanda (+) pada HTML/Java Script
  • Pastekan kode yang kamu copy
    •
  • jangan lupa simpan widgetnya
Semoga Berhasil
Read More »
Category :

0 Merubah Warna Link Ketika Mouse Di Arahkan

23.20 Under From Toni
[0 Comment]
Tampilan link ketika mouse diarahkan pada link tersebut bisa kita ganti. Contohnya silahkan arahka mouse anda pada link dibawah ini.


Bagaimana cara membuatnya?. Sebenarnya sangat sederhana. Langkah pertama, silahkan login ke account blogger kamu. Kemudian masuk ke halaman edit html dan cari kode di bawah ini. Kamu bisa memperbesar tulisan link, mengganti warna background link, atau pun mengganti warna link ketika mouse di arahkan.


Silahkan masuk ke halaman edit hmtl dan cari kode di bawah ini :

a:hover {
color:#ffffff;
text-decoration:none;
}

Tambahkan kode di bawah ini pada kode tersebut

font-size: 15px;
background:#cc0000


Hasilnya 

a:hover {
color:#ffffff;
text-decoration:none;
font-size: 15px;
background:#cc0000


Penjelasan :

1. colour adalah warna link ketika mouse diarahkan

2. text-decoration adalah tampilan tulisan dari link tersebut, kamu bisa menggantinya dengan bold untuk huruf tebal dan underline untuk huruf dengan daris bawah.

3. Background adalah warna latar belakang dari link tersebut ketika mouse diarahkan.

4. font-size adalah besar dari huruf link tersebut ketika mouse diarahkan.


Selamat mencoba...
Read More »
Category :

Rabu, 11 Januari 2012

0 Cara Membuat Halaman Maintenance Di Blog

23.10 Under From Toni
[0 Comment]
Cara membuat Halaman Maintenance Pada Blogspot, (Under Maintenance). Setelah kemarin saya membahas tentang Search Box Simpel dan Keren Untuk Blogspot, kali ini saya akan kembali membahas tentang tips dan trik blogspot. Dulu awalnya, saya pikir cuman di blogWordpress saja yang bisa maintenis, eh maintenance maksude :)) Ternyata Blogspot-pun bisa. 
Just to share saja sob, kebetulan saya (kode-blogger) sudah lama tidak meng-update postingannya, jadi kali ini saya sempatkan untuk membahas tips dan trik blogspot again. 
Biasanya saat kita sedang meng-edit blog (apapun itu) pasti gak mau kan keliahatan kalau blog kita sedang diperbaiki, syukur-syukur kalo gak keliatan errornya waktu edit, lah kalo ada?? malu n gak enak dilihat kan sob ?? Nah, untuk mengatasi hal tersebut kita sebagai blogger setia (Blogspot) tentunya ada caranya, yaitu dengan Mode Maintenance. Gak cuman Wordpress, Blogspot-pun bisa !! Hihihi (buat para master2 pastilah sudah gak asink lagi tentang hal ini, jd lewatin saja) :)) 

Oke, silahkan lihat demonya. Cara membuatnya-pun cukup mudah, hanya menggunakan kode CSS, pasti mudah dan gak ribet !! bila sobat memasang kode maintenance-nya, maka akan muncul creenshot seperti dibawah ini: 

Cara membuat Halaman Maintenance Pada Blogspot

Bila tertarik untuk membuat Halaman Maintenance Pada Blogspot, silahkan ikuti langkah-langkah berikut:


1. Login ke akun blogger sobat 
2. Masuk ke rancangan/design 
3. Pilih Tata Letak 
4. Edit HTML 
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin> 

html { height: 100%; background: url(http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) no-repeat center 50%; margin: 0; } body { display: none; } 

6. Jangan lupa Simpan Template. 


Sip, sampai disini sobat udah bisa membuat Halaman Maintenance Pada Blogspot, melihat kode diatas jelaslah sangat simpel dan mudah dimengerti tentunya. 
Silahkah ganti link image diatas (http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) sesuai dengan kreasi sobat.




Source : kode-blogger
Read More »
Category :

0 Cara Membuat Agar Blog Tidak Bisa Di Blok

22.58 Under From Toni
[0 Comment]

Sekedar Ane Share ANTI BLOCK TULISAN Di Blogger :

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil  Expand Template Widget
5. Silahkan cari di dalam template anda kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode<head>".
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>


7. Klik Simpan Template
8. Selesai
Read More »
Category :

Selasa, 10 Januari 2012

1 Cara Setting Domain Smartdots

23.37 Under - From Toni
[1 Comment]
Buat teman-teman blogger yang saat ini sedang menggunakan free domain dari platform blogspot, Anda bisa custom domain saat ini juga, untuk menggunakan domain gratis dari Smartdots. DiSmartdots.com™ Anda dapat mendaftarkan beberapa domain di seluruh dunia ...
Caranya sangat mudah tinggal ketik domain yang Anda inginkan dan jika tersedia lalu daftarkan, tidak ada syarat khusus bagi pengguna domain semisal memasang banner iklan Smartdots seperti penyedia jasa domain gratis lainnya, bener-bener gratis-tis.

Nah jika teman-teman blogger sudah mengantongi nama domain dan sudah mendaftarkan diSmartdots.com™ langkah selanjutnya yaitu merubah DNS Setting untuk domain baru tersebut, berikut ini cara-cara yang harus dilakukan :

1. Login ke Smartdots.com™ atau check domain yang Anda inginkan dan daftarkan di sini.
2. Pastikan anda sudah membuat nama DNS untuk domain anda
3. Klik Domain pada Control Panel Utama seperti gambar berikut ini

4. Klik Management DNS dan Klik Pilih Pengaturan yang ...

5. Isi alamat IP web server dengan 74.125.47.121 ( yang merupakan alamat IP dari ghs.google.com)

6. Kemudian Klik Menyerahkan (Send)
7. Selanjutnya akan masuk ke preview sekaligus setting DNS, dan klik Menyerahkan (Send).

Rasanya cukup sampai disini Anda sudah bisa merubah alamat domain dari blogspot ke domain yang Anda inginkan.

Setelah setting DNS di Smartdots.com™ selesai kini Anda dapat beralih ke blogspot yang akan dirubah DNS-nya dan ikuti cara-carranya sebagai berikut ini :

1. Login ke Blogger Dasbor yang ingin diganti domainnya
2. Masuk ke Setting / Setelan
3. Klik Publishing / Penerbit
4. Klik Switch to custom domain (Domain ubah sesuaikan)
5. Klik To advance domain settings (Beralih ke pengaturan lanjut)
6. Masukan domain yang telah Anda buat di Your Domain (Domain anda) contoh : www.madhek.net.tc
7. Di Use missing files host? / Gunakan host file yang hilang? klik radio buton NO / Tidak
8. Masukan Code Verification (Kode verifikasi)
9. Klik Save / Simpan
10. Selanjutnya anda akan masuk ke menu Advance Setting lagi, klik check box "redirect madhek.net.tcto www.madhek.net.tc"
11. Klik Save / Simpan

Nah, ternyata cukup mudah bukan, namun perlu menunggu hingga min 1 jam atau max 48 jam untuk bisa meng-akses domain yang baru tersebut.
Selamat mencoba, ... semoga bermanfaat.

Read More »
Category : -

Sabtu, 31 Desember 2011

0 Cara Membuat Template Dengan Artisteer

06.31 Under From Toni
[0 Comment]
Berhubung ada sobat blogger yang request cara membuat template dengan menggunakan Artisteer, maka kali ini saya akan sedikit berbagi tentang membuat template dengan menggunakan Artisteer. dengan fasilitas yang dimiliki oleh artisteer ini, kita dapat dengan mudah membuat template tanpa harus mengerti kode html atau css.





untuk yang belum punya Artisteer bisa di download disini.
untuk yang sudah menginstal artisteer selanjutnya buka program Artisteer, kemudian klik tombol Suggest Design ini bisa di lakukan beberapa kali, sampai menemukan template yang cocok menurut sobat.




Selanjutnya sobat bisa mengatur yang lainnya dengan klik suggest Colors, suggest layout, suggest background, suggest sheet, suggest header, suggest menu dan seterusnya yang berada di menu Toolbar, dengan beberapa kali klik untuk mendapatkan hasil yang sesuai dengan keinginan sobat.


Setelah semuanya selesai dan di rasa sudah cocok dengan keinginan sobat, kemudian klik Publish pada menu toolbar bagian atas dan Publikasikan template sobat dengan cara memasukan email dan password blogger sobat, kemudian klik Publish.




Untuk lebih jelasnya silakan download aja ebook Artisteer disini 
Semoga bermanfaat


Thank's To : http://adibey.blogspot.com/2011/04/membuat-template-dengan-artisteer.html#ixzz1i7fW37vF
Read More »
Category :
Langganan: Postingan (Atom)

Like Us

 
© Copyright [./Mr_Toni] | Template By : Nando Cyber4rt