Mau NgebloG Secara Offline,Pakai Aplikasi ini ..!!!

Kalau kita sering online blogging, benar-benar akan menguras dompet kita karena tagihan internet melambung. Untungnya sekarang ini banyak sekali aplikasi atau software yang membantu kita untuk ngeblog secara offline.
Cara kerja Aplikasi ini Hampir semuanya sama. Pertama kita harus mendownload aplikasinya ke komputer kita, bikin postingan dengan aplikasi tersebut dan selanjutnya kita posting ke blog kita.

Di bawah ini beberapa aplikasi yang mungkin bisa kita gunakan:

NB : Klik Nama Aplikasinya Untuk Download

1. Window Live Writer

ScreenHunter_01 Jan. 28 05.34

Window Live Writer adalah aplikasi yang paling banyak dan sering digunakan termasuk Pak Guru karena penggunaan nya mudah sekali dan juga di lengkaspi dengan fitur-fitur yang membantu kita untuk nge bloog secara offline.

2. Wbloggar

ScreenHunter_40 Mar. 13 05.44

Wbloggar adalah aplikasi yang memungkinkan penggunanya mampu membuat dan meng edit sebuah postingan tanpa harus terkoneksi dengan internet.

3. Thingamablog

ScreenHunter_41 Mar. 13 05.46

Thingamablog adalah aplikasi yang bisa digunakan untuk membuat konten blog secara offline.

4. Zoundryraven

ScreenHunter_39 Mar. 13 05.43

Zoundryraven juga menjadi salah satu aplikasi yang sering di pakai oleh blogger untuk menulis secara oofline. Kelebihan aplikasi ini karena mampu mendukung banyak weblog hosting.

5. Blogdesk

ScreenHunter_38 Mar. 13 05.41

Blogdesk juga banyak di pakai sekali WLW and Zoundryraven.

6. Qumana

ScreenHunter_42 Mar. 13 05.47

Qumana dapat menjadi salah satu alternatif untuk membuat postingan secara offline.

7. Scribefire

ScreenHunter_08 Apr. 10 10.14

Scribefire Berbeda dengan apliaksi lainnya yang dapat digunakan untuk menulis blog secara offline, Scribefire merupakan Add Ons untuk browser Firefox sehingga aplikasi ini tidak berdiri sendiri seperti aplikasi lainnya tapi menjadi satu dengan browser firefox. Beberapa keistimewaan dari software ini adalah tampilannya bisa di bisa di munculkan pada tab baru didalam browser ataupun dimunculkan pada jendela terpisah. Ada fasilitas dari flicker, you tube dan lainnya.

8. Blogjet

ScreenHunter_09 Apr. 10 10.16

Blogjet,Software ini juga menjadi salah satu aplikasi yang bisa digunakan untuk merancang blog secara offline. Sebenarnya ini nukan aplikasi Open source tapi kita bisa menggunakan versi trialnya.

9. Flock

ScreenHunter_10 Apr. 10 10.17

Flock lebih di kenal dengan tagline Social Web Browser, karena fungsi browsernya benar-benar terintegrasi dengan berbagai jenis social networking dan blog hosting popular,s eperti Blogger, Blogsome, Live journal dll. Dengan demikian, kita dengan lebih mudah dan cepat berbagi tulisan, link, photo, video atau lainnya dengan sesama teman, keluarga atau pengguna Internet di seluruh dunia.

10. Post2blog

ScreenHunter_11 Apr. 10 10.20

Post2blog merupakan aplikasi yang user friendly untuk ngeblog secara offline. Memiliki fasilitas lengkap untuk keperluan blogging secara offline.

Selamat mencoba,…..!!

Created By….
viets jeremy

Memasang emoticon di Komen Blogger

Cara memasang emoticon Smiley di comment Blogger/blogspot sebenarnya sudah banyak di posting oleh teman-teman Blogger lainnya, namun saya ingin memajang kembali tips ini disini, siapa tahu ada dari teman-teman Blogger pemula seperti saya, yang kebetulan berkunjung ke Blog ini dan memerlukannya. Namun sebelumnya saya minta maaf jika informasi dari artikel ini kurang informatif..he..he..!
Semua script emoticon ini saya comot dari salah satu template-nya Mas Agus Ramadhani yang bernama OOM Elegant Style Blogger Template.

Biar tidak panjang lebar mari kita mulai praktekkan :

1. Pertama-tama Login dulu ke Blogger >> Dashbord >> Tata Letak >> kemudian pilih >> Edit HTML.

2. Kemudian beri tanda centang pada pilihan “Expand Widget Template“, ini tujuannya untuk menampakkan kode-kode HTML yang tersembunyi.

3. Nah sebagai langkah pengamanan (untuk jaga-jaga) lakukan backup terhadap keseluruhan isi kode template anda. Lakukan saja dengan cara klik kanan mouse pada area template >> Select All, setelah terpilih semua klik kanan lagi >> lalu pilih Copy, buka Notepad lalu paste-kan disana >> kemudian simpan.

4. Sekarang kembali ke template, cari kode ini :

Untuk lebih mudahnya gunakan fasilitas Search dengan cara tekan tombol keybord (Shift + F3).

5. Setelah ketemu selanjutnya copy dan paste kode dibawah ini, dan letakkan tepat di atas kode .

6. Nah, jika yang diatas sudah beres, sekarang cari dan dapatkan kode ini :

7. Setelah ketemu, selanjutnya copy dan paste kode dibawah ini dan letakkan tepat di bawah kode

:))

;))

;;)

😀

😉

:p

:((

🙂

😦

:X

=((

😮

:-/

:-*

😐

8-}

:)]

~x(

:-t

b-(

:-L

x(

=))

8. Terakhir, jangan lupa klik (Simpan Template) untuk menyimpan perubahannya.

9. Nah, jika sudah berhasil melakukan tips di atas dengan benar, maka emoticon smiley akan muncul di atas kotak komentar blog anda, seperti gambar di atas!

Selamat Berkomentar…..Hehehe…!!!

Created By….
viets jeremy

Membuat Show Hidden / Spoiler pada Postingan

Definisi tidak perlu, silahkan baca saja, pasti anda tahu maksud saya memposting cara membuat tombol show hidden ini.
Berikut langkahnya:
Copy paste saja kode berikut, letakkan di tempat yang anda inginkan.

Klik Untuk melihat

disini anda meletakkan artikel / gambar atau terserah anda.

Maka hasilnya akan seperti ini

Klik Untuk melihat
disini anda meletakkan artikel / gambar atau terserah anda.
Created By….
viets jeremy

Membuat Text Area

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

A. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

Tulis text atau kode HTML yang sobat inginkan disini

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk “rows“=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols=”15” adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

B.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

dan seperti ini hasilnya:

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

1.

= kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

2. = kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.

3. Value=”Highlight All” = kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.

4.

= ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

5. = kata “WIDTH:150px” menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: “WIDTH:500px;”

6. HEIGHT: 80px = angka “80px” menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Created By….
viets jeremy

Memasang Widget "Translator / Penterjemah" di blog

Memasang widget translator atau “Penerjemah” pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih…

1. Login ke Blogger trus pilih menu “Layout” atau “Tata Letak
2. Kemudian klik pada “Add Gadget” atau “tambah gadget=“.
3. Lalu pilih HTML/Javascript
4. Kemudian masukkan script berikut ini kedalamnya.

5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini:

Update,!!..ini adalah Translate yg terbaru dan sudah Update..!!

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’
}, ‘google_translate_element’);
}

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’
}, ‘google_translate_element’);
}

Mudah bukan,..!! Oke,sekarang artiin bahasa saya “Iya, watashi no yoi.. O sakusei suru hōhō…” ini pake bahasa jepang,..” Kansha

Created By….
viets jeremy

GENERATOR Kode Warna HTML,Terbaru ..Update

Setelah beberapa lama berkecimpung di alam blog ane,akhirnya ane menemukan generator kode warna html. Tau Generator Kode Warna HTML kan? Itu, yang di pake buat mengetahui warna yang kita inginkan dalam bentuk kode html ,langsung di cek aja ya, gak usah lama-lama ngomongnya,…

Kode warna yang terpilih :

Created By….
viets jeremy

Memasang Tombol share Di Blog..Dengan icon menarik

Dalam menulis Artikel atau pun Tutorial kita haru membuat bagaimana agar Artikel atau Tutorial tersebut untuk menarik pembaca, nah kali ini saya akan membagikan ilmu tentang Memasang Tombol Sharing Untuk Blogger agar artikel atau Tutorial sobat semua dapat dibagikan ke berbagai jejaring sosial seperti Facebook, Twitter,dll… Pada sebelumnya saya juga pernah menulis artikel tentang “Pasang widget share facebook di blog ” dan ” Cara pasang Tombol share baru di Blog ” . Tombol sharing ini saya mendapatkannya setelah saya mencoba Utak atik tempelate saya,..dan hasilnya cukup lumayan,..
Dan icon tombol ini pun dapat sobat ganti sesuai icon kesukaan sobat,namun kegunaannya sama dengan tombol share yg lain..agar lebih puas atas hasil buatan sendiri,…nah,..sekarang tinggal di praktekannya saja Oke,…!!!

Caranya :

1. Login ke blogger.com
2. masuk ke Tata Letak = Edit HTML
3. klik kotak kecil di samping tulisan Expand Widget Template
4. Setelah itu cari kode


Kode Tombolnya :

Hasilnya akan Seperti ini :

5. Tulisan yg berwarna Biru bisa sobat ganti dengan gambar icon kesukaan sobat,..Jika ingin contoh gambar web icon sobat dapat lihat Disini
6. Setelah menaruhnya silahkan sobat simpan dan lihat hasilnya..

Dan ini contoh hasil yg diatas :

Mudah bukan Memasangnya?? sekarang bagaimana blog sobat terlihat profesional loh…!! Nah sudah kan sudah memasangnya sekarang beri pendapat ya tentang Tutor Memasang Tombol Sharing Untuk Blogger dengan menuliskannya di kotak komentar oke coy…!!! Terima kasih And Happy Blogging

Created By….
viets jeremy

Membuat Artikel Terkait pada Blog,…

Sudah lama sekali saya ingin menulis artikel tutorial blog mengenai cara memasang “Artikel Terkait” pada posting blog.
Salah satu cara untuk meningkatkan trafic dan pagerank adalah memasang Artikel Terkait tersebut agar pengunjung juga dapat membaca artikel yang lain sehingga pengunjung blog tersebut lebih lama diblog tersebut.

Berikut cara memasang artikel terkait tersebut:

1. Buka ” Edit HTML ” pada blog kemudian centangkan ” Expand Widget Templates
2. Cari Kata dengan cara menggunakan CRTL-F
3. Kemudian lihat kode ini:


4. Masukan kode dibawah ini diatasnya.

Related Articles

var homeUrl3 = "";

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;



textLabel = "";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}

Sehingga Hasilnya akan seperti ini….

Related Articles

var homeUrl3 = "";

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;



textLabel = "";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}

NB: Kode yang berwarna Biru bisa diubah angkanya seusai dengan kebutuhan dan hasilnya akan seperti dibawah ini. Selamat Mencoba….!!

Created By….
viets jeremy

Cara Pasang Tombol Share Baru Dari Blogger

Berbagi merupakan fitur penting bagi blogger. Ketika pembaca Anda menemukan sebuah posting menarik, mereka mungkin ingin berbagi dengan orang lain, ini pada gilirannya membawa lebih banyak lalu lintas ke blog Anda.

Blogger sekarang menawarkan tombol Share baru. Tombol baru dapat ditempatkan di bawah setiap posting dan membiarkan pembaca blog Anda dengan mudah berbagi posting Anda melalui email, Blogger, dan jaringan sosial populer-kita sekarang mendukung Buzz Google, Twitter, dan Facebook, dan Team Blogger berencana untuk menambahkan lebih banyak layanan di masa mendatang.

Blogger juga memiliki link Berbagi melalui navbar, tapi untuk meningkatkan kenyamanan Anda sekarang dapat memiliki tombol Share di bawah pos (Blogger juga memberi mereka ikon rollover bagus).Untuk Twitter Juga telah mengintegrasikan URL shortener goo.gl untuk memberikan ruang maksimal dalam mentwit dan menambahkan komentar Anda sendiri.

Anda dapat mulai memiliki tombol saham baru muncul di bawah posting Anda dengan mengedit Blog Posts widget dan memungkinkan Tampilkan Berbagi Tombol di Desain | Elemen Halaman. Silakan Centang tombol sharing yang baru itu, dan mulailah berbagi!

New Share Button From blogger

Created By….
viets jeremy

Menampilkan Widget di halaman tertentu agar blog lebih dinamis.

Untuk membuat halaman Blog lebih Dinamis salah satu caranya adalah menyembunyikan Widget, sidebar, dan footer pada halaman tertentu. Misalnya sidebar dan footer hanya tampil pada halaman utama, indeks label dan halaman static page kemudian sembunyi pada halaman Indeks Posting, lalu kita dapat memunculkannya pada halaman tertentu saja. Keuntungannya kita dapat memperhemat sidebar kita dan juga dapat mempercepat loading blog kita. Karna kita bisa menampilkan widgetnya secara bergantian.

Untuk memasangnya ikuti langkah dibawah ini.

Masuk ke blogger account anda, dan pilih DashboardlayoutEdit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Shoutbox‘ type=’HTML’>




NB:
Kata shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan
Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode berwarna hijau diatas,

Berikut ini Tag lain yang bisa digunakan:

Untuk menampilkan widget pada homepage / halaman depan saja.

Untuk menampilkan widget pada halaman archive saja.

Untuk menampilkan widget pada halaman artikel saja.

Hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.

<b:if cond="[masukkan URL]== data:blog.url’>

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda == (samadengan) tang pertama dengan tanda ! (seru)

Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :

<b:if cond='data:blog.pageType != “index” ‘>

Selamat mencoba,..sampai jumpa di tips berikutnya….!!
Created By….
viets jeremy