Cara Mengubah Wordpress ke Blogger

Bagi teman-teman yang sudah bosan blogging di wordpress, kini teman-teman bisa blogging di blogger tanpa harus mengcopy artikel/postingannya satu-satu, hhe. apalagi buat teman-teman yang tidak bisa berpromosi di wordpress, kecuali harus upgrade menjadi pro dahulu, wew tentu teman-teman tidak mau mengeluarkan uang kan? makanya itu ayo blogging di blogger. Cara yang satu ini mudah, cepat, dan hasilnya pas.

Adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu anda buka situs www.wordpress2blogger.appspot.com

2) Setelah itu login dan buka halaman wp-admin dari blog wordpress yang anda miliki.

3) Kemudian klik menu perkakas, ekspor.

4) Selanjutnya akan tampil halaman seperti gambar dibawah ini. Lalu anda download file XML dari blog wordpress tersebut.

5) Setelah itu simpan file tersebut ke dalam komputer.

6) Kemudian kembali lagi ke halaman situs www.wordpress2blogger.appspot.com. Lalu anda klik tombol browse dan cari file hasil ekspor dari blog wordpress.

7) Selanjutnya lakukan proses convert file dengan cara mengklik tombol convert.

8) Apabila proses convert berhasil, maka akan tercipta file XML yang langsung dapat anda download.

9) Setelah itu buka halaman dashbor lalu klik menu setelan

10) Kemudian akan tampil halaman pengaturan seperti gambar dibawah ini. Lalu anda klik menu impor blog.

11) Selanjutnya anda lakukan proses impor file XML yang telah dibuat sebelumnya

12) Apabila proses impor file berhasil, maka akan bertambah postingan-postingan baru yang berasal dari blog wordpress anda yang lama.

bagi teman-teman yang tidak mau pindah, namun ingin berpromosi/beriklan di wordpress, ikuti cara Beriklan Di Wordpress ini ya.

Nah itulah artikel tentang Cara Mengimpor Wordpress ke Blogger semoga membantu, buat para blogger sekalian :)

More about → Cara Mengubah Wordpress ke Blogger

share

Cara Membuat Twitter Terbang di Blog

nah pada tutorial kali ini saya akan menjelaskan cara membuat twitter beterbangan, sesuai dengan request cinema3minion.

kalau dilihat di blog saya, ada di sisi pojok kiri, nih previewnya

Flying Twitter ini sangat berguna sekali untuk menarik perhatian para pengunjung blog/website. apabila scroll bar diturunkan kebawa maka dia akan mengikuti dan bertengger ditempat-tempat yang sedang kamu lihat.
cara membuatnya sangat mudah, berikut adalah langkah-langkahnya:

1) login ke akun blogger anda

                                      

2) pilih rancangan

                                          

3) setelah itu pilih gadget HTML/javascript

4) Masukin script dibawah ini di gadget tadi.

<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit(); </script> <a id="theBird" href="http://twitter.com/NAMA KAMU" target="_new" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a> <a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a> <a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

5) supaya nggak keliatan gadgetnya tapi burungnya keliatan, jangan diberi judul, seperti dibawah ini

6) Apabila sudah selesai, klik SIMPAN

Semoga Artikel Cara Membuat Twitter Terbang di Blog dapat membantu anda :)

More about → Cara Membuat Twitter Terbang di Blog

share

Cara Konversi RSS FEED ke PDF

Bagi anda yang ingin menyimpan arsip blog atau semua postingan blog ke dalam format digital atau PDF. maka anda dapat mengikuti langkah-langkah dibawah ini.

1) Anda buka situs yang memberikan jasa untuk mengkonversikan RSS Feed ke dalam bentuk PDF, salah satunya adalah situs rss2pdf.com.

2) Setelah itu ketik URL RSS Feed blog ke dalam  kotak input link lalu ketik kode verifikasi. Biasanya URL RSS Feed yaitu namablog.blogspot.com/feeds/posts/default.

3) Apabila proses konversi berhasil, maka akan tercipta file PDF yang berisi semua postingan yang ada dalam blog.

nah semoga artikel Cara Konversi RSS FEED ke PDF ini berhasil bagi anda semua.

More about → Cara Konversi RSS FEED ke PDF

share

Cara Membuat Related Posts

Anda dapat membuat sebuah fungsi baru pada blog. Fungsi ini sering disebut dengan istilah related posts atau posting yang berhubungan. hal ini sangat berguna sekali, karena dengan adanya fasilitas ini seorang pengunjung blog akan dengan mudah mencari artikel apa saja yang saling berhubungan.
adapaun langkah-langkahnya adalah sebagai berikut:

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger. lalu klik menu
Rancangan.

2) Maka akan tampil halaman rancangan seperti dibawah ini lalu anda klik menu Edit HTML.

3) Setelah itu anda beri tanda cek pada bagian Expand Template Widget.

4) Kemudian Anda cari kode <data:post.body/> menggunakan CTRL+F . lalu letakkan kursor mouse tepat dibawah kode tersebut.

5) Silahkan copy paste kode dibawah ini, lalu letakkan dibawah kode <data:post.body/> 

<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>

<div class='widget-content'>

<h3>Related Post</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

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 &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

6) Maka posisinya akan terlihat seperti ini.

7) Kemudian klik tombol Simpan Template. Untuk melakukan proses penyimpanan kode

8) Apabila proses penyimpanan berhasil, maka akan tercipta fungsi baru pada blog yang menampilkan daftar related posts di posisi bagian bawah postingan..

More about → Cara Membuat Related Posts

share

Cara Mengatasi Masalah bX-fa9wwp di Blogger/Blogspot

Apa sih sebenarnya  bX-fa9wwp itu? sebenarnya bX-fa9wwp adalah kode galat yang muncul pada halaman dashbor anda. Tidak perlu panik dan jangan pesimis karena anda kira, anda tidak bisa menulis lagi, hehehe :D

Pada postingan kali ini saya akan mengajarkan anda cara menghilangkan kode bX-fa9wwp ini, caranya adalah sebagai berikut.

1) Ketika anda mencoba mengakses http://blogspot.com/ atau http://blogger.com/ maka yang muncul adalah kode bX-fa9ww. maka anda harus mengganti bahasa/languagenya (lihat lingkaran warna merah).

2) Setelah anda mengklik menu bahasa (language) tadi, anda pilih Bahasa inggris, terserah mau pilih yang mana bahasa ingggrisnya.

3) Dan selesai, maka dashbor anda kembali seperti semula.

Nah, semoga artikel Cara Mengatasi Masalah bX-fa9wwp ini dapat membantu anda yang kebingungan,  hehehe :)

More about → Cara Mengatasi Masalah bX-fa9wwp di Blogger/Blogspot

share

Cara Membuat Postingan Terjadwal di blogspot

Fasilitas ini sangat berguna sekali, dan patut anda coba. karena dengan adanya fasilitas ini. anda dapat dengan mudah menentukan kapan postingan tersebut akan dipublikasikan secara otomatis.
adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger. lalu klik entri baru.

2) Setelah itu akan tampil halaman editor untuk membuat postingan.

3) Kemudian anda buat postingan seperti biasa. bagian yang sedikit berbeda, adalah anda aktifkan menu Opsi Entri ( Post Options ). Lalu klik Scheduled at pada bagian Tanggal dan jam entri ( Post date and time ), dan anda tentukan kapan postingan tersebut akan dipublikasikan.

4) Apabila proses berhasil, maka akan tercipta postingan terjadwal pada daftar postingan. Postingan ini akan terpublikasi secara otomatis sesuai jadwal yang telah anda tentukan.

Nah, semoga postingan Cara Membuat Postingan Terjadwal di blogspot ini dapat membantu anda yang sibuk, namun masih suka update :)

More about → Cara Membuat Postingan Terjadwal di blogspot

share

Cara Membuat Bubble ToolTips

Bubble tool tips ini berguna sekali untuk memberikan informasi tentang sebuah link. jika digerakkan diatas link maka secara otomatis bubble tool tips ini akan keluar dengan segala informasi yang anda tuliskan.

biasanya untuk membuat balon tip ini sebagian orang memanggilnya dengan javascript yang akan membebani blog dengan size yang sangat besar. nah ini ada trik yang menggunakan CSS murni sebagai pemanggilan kodenya. adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger, lalu klik rancangan

2) Setelah itu akan tampil halaman rancangan, lalu klik menu Edit HTML.

3) Kemudian pada halaman Edit HTML, cari kode ]]></b:skin>

4) Selanjutnya anda letakkan kursor mouse tepat diatas kode yang anda cari.

5) Setelah itu copy dan paste kode seperti ini

/*---------- bubble tooltip by http://trikhebat.blogspot.com-----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQzLNaeLO99goMK732QOHi1c7cc5tIhEq80L-9HFOnD3SAGSixHbt8Suf5OekAX3TW1e46cBlQ3CIoB9Ud1skeMcSNx8BkkhZLaGOa_3EM3pRMhspSN5KLdJ6bKGoAaJBbEb6NZRoGRo/s320/bubble-712378.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1i87DRY01QuMTqJrOXpJVBGMj6ombqZvY7ccfcObCMk3Ps2K6GXhek90j2T44am5KT92jky6R-N0riJfoaU8UUowj-_tk5TkJea402uwh0jgof-Al5kAjjkmu913OrRpGFVC1tog8FOU/s320/bubble_filler-711451.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQzLNaeLO99goMK732QOHi1c7cc5tIhEq80L-9HFOnD3SAGSixHbt8Suf5OekAX3TW1e46cBlQ3CIoB9Ud1skeMcSNx8BkkhZLaGOa_3EM3pRMhspSN5KLdJ6bKGoAaJBbEb6NZRoGRo/s320/bubble-712378.gif) no-repeat bottom; }


6) Kemudian simpan perubahan template yang anda buat.

7)  Setelah itu untuk mengaktifkan fasilitas ini pada postingan yaitu menggunakan kode berikut yang ditulis pada halaman Edit HTML editor postingan.
<a class="tt" href="http://www.idr-clickit.com/register.php/ihsanulirfan.html"> nama link anda <span class="tooltip"> <span class="top"></span><span class="middle"> Idr clickit ptc terpercaya dan termudah </span><span class="bottom"></span></span> </a>
Note: ganti warna merah dengan link anda, ganti warna kuning dengan keterangan link anda


8) Berikut adalah contoh pembuatan link pada halaman editor postingan blog.

9) Apabila proses posting berhasil, maka akan tercipta postingan yang berisikan link yang mempunyai bubble tool tips.

Bagaiman teman-teman? sudah berhasil? sip. kalau masih ada yang bermasalah silahkan share di komentar.

semoga artikel "Cara Membuat Bubble Tool Tips" ini berguna bagi anda :)

More about → Cara Membuat Bubble ToolTips

share

Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML

Favicon adalah sebuah icon yang terlihat di samping Address bar dari Url. Kegunaan dari favicon ini adalah untuk memberikan identitas kepada blog. Favicon ini tidak akan memberatkan blog anda, dan Pada Trik kali ini saya akan mengajarkan Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML

Langkah-langkahnya adalah sebagai berikut
1) Silahkan klik http://draft.blogger.com/ lalu login menggunakan akun blogger/blogspot anda
2) Selanjutnya klik overview bergambar rumah lalu klik layout

3) di layout klik edit di gadget favicon lalu klik choose file dan pilih gambar yang anda inginkan untuk dijadikan favicon, apabila selesai, klik SIMPAN, maka favicon anda telah selesai

Banyak yang bisa kita lakukan dengan http://draft.blogger.com/ .
http://draft.blogger.com/ adalah situs lama blogger untuk mengedit blog kita yang agak "rahasia" sehingga semua orang tidak bergitu mengetahuinya.

Semoga artikel Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML ini membantu anda :)

More about → Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML

share

Cara Memasang Video di Blog

Terkadang anda sering melihat blog-blog yang menampilkan postingan berisi video baik itu video klip, film,atau video lainnya. Cara memasang video di blog tersebut adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger.

2) setelah itu anda buka halaman untuk postingan. Nah anda dapat menampilkan video dengan cara mengupload file yang ada pada komputer atau menggunakan link embed video seperti pada situs youtube.com

3) Setelah anda memilih videonya, maka akan tampil di postingan anda, contohnya

4) Klik TERBITKAN ENTRI dan anda telah berhasil memasukkan video youtube ke blog.

Catatan: Video tidak mesti dari youtube, dari situs lain pun juga bisa, yang anda perlukan hanyalah "Embed videonya saja".

Semoga postingan Cara Memasang Video di Blog ini membantu anda sekalian :)

More about → Cara Memasang Video di Blog

share

Cara Beriklan di Wordpress

Teman-teman yang memiliki Blog di wordpress pasti merasa bingung karena tidak bisa mengiklankan banner atau situs iklannya. Kenapa? hal ini disebabkan karena wordpress tidak mengijinkan adanya situs bisnis di blog teman-teman sekalian. Ketika teman-teman memasang banner, misalnya banner NeoBux di widget blog wordpress teman-teman sekalian, lalu ketika teman-teman membuka blog lalu mengklik banner tersebut. Oo.. apa yang terjadi?? maka pasti yang akan muncul adalah ini

Ya, ketika teman-teman mengklik banner/situs iklan yang teman-teman pasang di blog teman-teman sekalian, maka langsung akan menggarah ke link berikut ini http://en.wordpress.com/types-of-blogs/ .
Inilah susahnya Wordpress karena tidak mengizinkan "Make Money". Lalu apa yang harus dilakukan? Ikuti langkah-langkah berikut.

1) http://tinyurl.com/
Apa sih http://tinyurl.com/  itu? link tersebut adalah situs yang berperan dalam URL shortener. ya memendekan URL gitu. sekalian diberi topeng hehe.

Tampilan situs TinyUrl.com

2) Isikan link anda di kotak yang bertuliskan Enter a long URL to make tiny:
contoh:

3) Setelah itu klik Make TinyURL, maka hasilnya akan seperti ini

4) Disitu ada 2 Url, yang pertama adalah URL yang paling pendek. dan yang kedua adalah URL yang agak panjang, kedua URL tersebut, sama menuju kesitus yang sebelum teman ubah. Copy paste link tersebut ke widget teks di Blog Wordpress kalian.

Untuk situs beranchor teks ini formatnya
<a href="http://tinyurl.com/3s6jppz">Nama situs</a>


Untuk situs yang ada Banner/logonya
<a href="http://tinyurl.com/3s6jppz"><img src="http://i1123.photobucket.com/albums/l552/ihsanulirfan/PTC%20Banner/banner3.gif" /> </a>

Catatan: Untuk Link yang berwarna merah, silahkan ganti dengan situs TinyURL kamu.
              Untuk link yang berwarna biru. silahkan ganti dengan situs banner/gambar kamu.

5) Taraaa... sekarang kamu bisa mengiklankan banner atau situs iklan di blog wordpress milik kamu.

Sebenarnya masih banyak lagi URLshortener yang lainnya, bahkan ada juga yang bisa membayar lo! seperti linkbee.com, Adf.ly, dan lain-lain

Nah semoga Artikel " Cara Beriklan di Wordpress " ini membantu teman-teman sekalian.


Don't forget to leave a comment :D

More about → Cara Beriklan di Wordpress

share