Showing posts with label Blogging Tools. Show all posts
Showing posts with label Blogging Tools. Show all posts

23 January 2010

;

Cara membuat artikel terkait di blogspot

classicstudio, tutorial blogspotTutorial blogspot

Cara membuat artikel terkait di blogspot

Membuat navigasi blog adalah hal penting untuk meningkatkan page view web/blog, salah satunya adalah Membuat link artikel terkait, artikel yang berhubungan, Related post atau nama lain yang berdasarkan kategori atau label yang diberikan tiap postingan.

Cara membuatnya di blogspot, disini kita akan menempatkannya tepat dibawah postingan :

1. Login ke blogmu
2. Klik Layout lalu pilih Edit HTML
3. Untuk keamanan sebelum mengedit template backup dulu templete mu klik Download Full Template.
4. Centang Expand Widget Templates
5. Cari kode
<data:post.body>
6. Copy kode dibawah ini letakkan dibawah <data:post.body>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>

<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

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>
</span></div>

</b:if>

Save Template dan lihat hasilnya

Head " Artikel Terkait " dapat anda ganti dengan kata yang disukai contohnya Related Post, Related Articles, Baca Juga dan sebagainya.





18 January 2010

;

Membuat Web Gratis dan Mudah via Dot.Tk

dot.tkMembuat Web Gratis dan Mudah via Dot.Tk

Kawan Classicstudio Blog Tutorial kali ini mambahas Bagaimana Cara Membuat Web Gratis dan Mudah, kita akan coba menggunakan domain gratis Dot.Tk

Dot.Tk sendiri adalah merupakan hasil joint venture dari Pemerintah Tokelau, sebuah negara di Pasifik Selatan dengan perusahaan komunikasi negara tersebut BV Dot TK yang memiliki kantor perwakilan di Amsterdam (Belanda), London (United Kingdom), dan Douglas (Isle of Man). Dengan tim manajemen, seorang staf berpengalaman, multi-redundant backbones di semua negara dan DNS root-server yang berlokasi di semua sudut bumi, Dot TK dapat menampung jutaan registrasi.
Alamat URL yang diperoleh dari domain gratis ini adalah http://namadomain.tk

Cara Membuat Domain di Dot.Tk

1. Masuk ke situs www.dot.tk

2. Masukkan alamat blogmu di kotak Enter your URL here dan klik Next

3. Selanjutnya isikan nama web pilihan anda dan akhiri .tk seperti buat email akan ada word verifikasi, kemudian anda akan dihadapkan pada 2 opsi yaitu : (1) Anonymous Free Domain, (2) Registered Free Domain, Disarankan memilih pada opsi kedua, lalu klik Next.


4. Setelah itu pilihan berikutnya adalah memilih nama web anda untuk free domain. masukkan nama blog anda sebelumnya dan alamat email anda.

Akan muncul halaman Create My Dot Tk Account dan anda isikan nama dan password.


6. dan akhirnya anda tinggal cek kode konfirmasi yang terkirim di email anda lalu masukkan kode tersebut. login ke akun anda dan lihat web anda dangan nama url website yang baru.


Ok Kawan Selamat mencoba ... !

17 January 2010

;

Ebook Gratis : Tutorial Membuat Blog di Blogspot

blogspotTutorial Membuat Blog di Blogspot

Cara membuat blog memlalui blogspot hanya dengan tiga langkah saja.

kawan Classicstudio yang belum punya blog dan ingin tau bagaimana membuat blog di
blogspot wajib download dan baca Ebook Gratis ini. Ebook Gratis kali ini secara lengkap menjelaskan bagaimana membuat blog di blogspot mulai dari proses registrasi, membuat Akun, memeberi nama blog, memilih tempalete, sampai dengan mempublikasikan blog anda.

jadi kawan yang mau jadi blogger tunggu apalagi download langsung Ebook Gratis :

Tutorial Membuat Blog di Blogspot

29 November 2009

;

Internet text speaker : Software pembaca teks artikel web

Internet text speaker : Software pembaca teks artikel web kawan - kawan yang pada malas baca artikel di internet, ada sowtfare bagus yang bisa bantu anda mengetahui isi halaman web cukup dengan mendengarkan. intinya gini dari pada kamu capek baca pakai sowtware ini aja. nama software nya internet text Speaker , dengan internet text speaker kamu bisa tidur-tiduran sambil dengar Internet text speaker membacakan artikel di web yang kamu suka.
Internet text Speaker adalah program yang sangat mudah penggunaannya, software ini dapat digunakan di Internet Explorer dan Firefox, caranya seperti ini :

- Download dan Instal Internet Speaker text
- Setelah terinstal restart dulu browser IE atau firefox
- Buka halaman web yang anda ingin baca
- klik kanan dan select teks dari artikel tersebut, atau kamu pakai keyboard tekan tombol [Ctrl]+ [A] untuk memilih seluruh teks.
- Klik kanan pada teks yang di select lalu pilih menu Speak text.

Nah sekarang kamu bisa tidur-tiduran sambil dengar teks yang dibacakan software internet text speaker. kamu bisa memperlambat atau mempercepat cara membaca lewat menu setting. selain dari menu konteks klik kanan tadi kamu bisa juga mengeksekusi Speak text dari toolbar browser pada menu [Tools]. atau anda ingin menampilkan sendiri tombol aplikasi Speaker teks ini ke toolbar, caranya cukup mudah :

- klik kanan pada area toolbar yang kosong lalu pilih customize
- Cari dan pilih item Speak selected text, lalu klik add dan akhiri dengan tombol close.

Software ini memang cukup menarik untuk dicoba, sayangnya seperti kebanyakan software serupa cara baca teksnya masih menggunakan logat inggris. jadi kalau teks artikel yang dibaca berbahasa indonesia kedengarannya lucu mirip bule yang coba belajar bahasa kita.

mau coba software ini, download disini :
http://www.rocketdownload.com/download.php?p_id=101686

07 November 2009

;

Cara Melindungi Content Blog dari Copy - Paste Plagiator

Cara Melindungi Content Blog dari Copy - Paste Plagiator
Melindungi web atau blog dari tindakan copy - paste artikel adalah hal yang sulit, beberapa cara dan trik memproteksi tulisan kita dari penggandaan, plagiat, atau copy - paste hasil karya yang saya baca dari beberapa blog dan forum diskusi terbukti tidak mujarab kalau tidak bisa dibilang trik level rendah, contohnya saja cara melindungi content dari copy- paste dengan javascript disable select and right click, scirpt ini berfungsi menonaktifkan fungsi klik kanan dan select pada mouse :

Edit HTML template blog anda, Masukkan kode ini dibawah <Head>

<script language="JavaScript1.2">


function disableselect(e){

return false

}

function reEnable(){

return true

}

//if IE4+

document.onselectstart=new Function ("return false")

//if NS6

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

trik ini hanya manjur bagi plagiator yang taunya cuma klik kanan, emang ga ada cara lain bos... ? Coba pakai toolbar bawaan browser yang lu pakai, kan menunya lebih komplit.

ada juga blogger yang mencak-mencak gara-gara sebagian postingan artikelnya di copy orang, sampai-sampai si pemarah itu nulis " Tukang Copy - Paste catatan ", dibuatlah Daftar Hitam para buronan, dimaki habis-habisan, dan dipublikasikan di Alun-alun blognya... he..he..he.. Si pemarah mungkin lupa asal-usulnya. Rasanya cara termudah Melindungi web atau blog dari tindakan copy - paste adalah tidak usah nulis di internet, nulis aja di dinding kamar.

16 September 2009

;

Tips Membuat Background Pada Postingan

Agar tampilan artikel lebih unik, kita dapat membuat background yang berbeda pada masing-masing postingan kita. background pada postingan ada dua macam, ada yang berupa warna dan ada yang berupa gambar. background berupa gambar tentu lebih indah tapi halaman menjadi lebih berat.

Background Warna

Membuat backround berupa warna pada postingan cukup dengan memilih Edit Html, awali html postingan anda dengan kode :

<div style="background:kode_warna_disini;">

dan tutup postingan anda dengan kode :

</div>

contoh :

<div style="background:#D9D7D7; text-align:justify;
font-size:120%">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.
</div>

hasilnya:


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.

ganti #D9D7D7 dengan kode warna yang anda sukai.

Background Gambar

Background gambar dapat mempercantik tampilan postingan anda, sebagai tips sebaiknya gambar yang ditampilkan disesuaikan dengan template blog anda. Awali postingan anda dengan kode seperti ini :

<div style="background:url(alamat_gambar) no-repeat;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

contoh :

<div style="padding: 10px; background: transparent url(http://www.imagevine.com/christian/freebackgrounds/free-christian-backgrounds.jpg)
no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify;
font-size: 90%;"><span style="color: rgb(255, 255, 255);">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam
sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna,
nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas
at nisl.</span>
</div>

Script yang berwarana biru adalah alamat url gambar.
hasilnya:


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.

Selamat mencoba

03 September 2009

;

Promosi Blog Pada Situs Social Bookmarking

Menurut wikipedia social bookmarking adalah cara atau metode bagi pengguna internet untuk menyimpan, menyusun, mencari, mengatur dan membagi bookmark dari suatu halaman web di internet. Ketika anda menemukan suatu halaman web yang bagus dan anda ingin membookmarknya di browser komputer anda, maka akan menjadi masalah ketika anda berpergian dan ingin membuka halaman web tersebut namun anda melupakan alamat URL nya. Memang Om Google bisa membantu tetapi tak seefisien dibandingkan jika anda sudah membookmarknya. Nah social bookmarking ini lah yang membantu anda untuk mengorganisasi bookmark anda secara online. Selain itu, otomatis anda juga telah menshare link halaman web yang bagus menurut anda kepada banyak pengguna internet lainnya.

Lalu apa hubungannya dengan promosi tulisan blog anda? Tentu saja jika tulisan anda sudah disubmit ke halaman social bookmarking, maka pengguna lainnya akan melihat dan jika menarik perhatian mereka akan diarahkan langsung ke tulisan blog anda. Contohnya saja ketika anda mensubmit halaman blog anda ke Digg.com dan menjadi populer karena kontenya yang bagus dan bermanfaat bagi pembacanya, maka pengguna Digg akan men-Digg link anda. Otomatis pengguna Digg akan diarahkan ke halaman tulisan anda langsung dan mendatangkan trafik baru bagi blog anda.

Keuntungan Dan Kekurangan Social Bookmarking Bagi Blog

Keuntungan Social Bookmarking Bagi Blog

  • Mendatangkan trafik. Jika halaman yang anda submit menjadi populer maka sudah pasti akan mendatangkan trafik yang besar bagi blog anda.
  • Promosi. Sudah pasti social bookmarking ini juga dijadikan cara lain untuk mempromosikan blog anda di internet.
Kekurangan Social Bookmarking Bagi Blog
Trafik tak sengaja. Sebenarnya trafik yang banyak datang itu juga tak sepenuhnya karena sang pengunjung meniginkan datang ke blog anda. Bisa jadi karena dia hanya melihat popularitas linknya dan nyasar ke blog anda. Jadi pengunjung hanya datang untuk melihat bagaimana sih link populer yang mereka lihat ini. Akibatnya mungkin kurang terjadi interaksi antara pengunjung dan blog anda. Tapi hal tersebut bisa dicegah dengan kualitas tulisan blog yang bagus agar si pengunjung merasa tak percuma datang ke blog anda

Situs Social Bookmarking Untuk Mempromosikan Tulisan Blog

  1. Digg.com – Digg is a place for people to discover and share content from anywhere on the web.
  2. Yahoo! Buzz - Yahoo! Buzz merupakan layanan dari Yahoo! untuk penggunanya agar bisa mensubmit link ke halaman utama Yahoo! jika menjadi populer
  3. StumbleUpon.com – StumbleUpon helps you discover and share great websites.
  4. Reddit.com – reddit is a source for what’s new and popular online. vote on links that you like or dislike and help decide what’s popular, or submit your own!
  5. Technorati.com – Situs untuk mensubmit blog anda sekaligus mempromosikan blog anda.
  6. del.icio.us – Delicious is a social bookmarking service that allows users to tag, save, manage and share web pages from a centralized source.
  7. kaboodle.com – Kaboodle is a social shopping community where people discover, recommend and share products.
  8. mixx.com – Mixx is your link to the web content that really matters.
  9. Propeller.com – Propeller is a social news portal, meaning that it is programmed by you – the audience.
  10. newsvine.com - Situs portal berita yang disubmit oleh penggunanya.
  11. Fark.com – Fark.com is a news aggregator and an edited social networking news site. Every day Fark receives 2,000 or so news submissions from its readership.
  12. Slashdot.org - News for nerds. Stuff that matters
  13. twine.com – Twine is a smarter way to keep track of your interests
  14. clipmarks.com - add-ons firefox untuk mengklip halaman web yang anda suka dan share dengan komunitas penggunanya.
  15. dzone.com – DZone is a free link-sharing community for developers
  16. faves.com – Faves.com’s free website delivers recommendations personalized to each user’s topics and people of interest.
  17. blinklist.com – BlinkList is a powerful productivity tool that makes is much easier for anyone to share and save their links for later.
  18. diigo.com – Diigo is two services in one — it is a research and collaborative research tool on the one hand, and a knowledge-sharing community and social content site on the other.
  19. simpy.com – Simpy is a social bookmarking service that lets you save, tag, search and share your bookmarks, notes, groups and more
  20. BlogMarks.net – BlogMarks is a collaborative link management project based on sharing and key-word tagging.
Situs Social Bookmarking Untuk menampilkan ranking dan statistik blog

01. Top Seratus
02. Top Global Site
03. Top Pekanbaru
04. Bandung Top Blog
05. Top Cianjur
06. Top Bogor City
07. Top Bogor Guide
08. Top Bogor Site
09. Top Consultant
10. Hell Blog
11. Top Hits Bloggerian
12. Top Blog Lists
13. Blog Top
14. Adalada
15. Blogflare

Situs Social Bookmarking Untuk menampilkan ranking dan statistik blog dan juga mempublikasikan RSS blog anda


01. Blog Catalog
02. Blog Top Sites
03. Top Sites
04. Blog Rangkings
05. Top Of Blogs
06. Goledy
07. Blog Top List
08. Dignow
09. Top Blog Area
10. Blogs On Top

Silahkan register blog anda di sana, mengisi semua data yang diminta dan jangan lupa untuk mengcopy script link banner nya dan pastekan ke blog anda.

30 August 2009

;

Membuat Widget Google translate dengan animasi bendera



Artikel ini merupakan lanjutan dari postingan saya sebelumnya " Google Translate "

Nah kalau mau memasang widget Google Translate dengan gambar animasi bendera negara kamu bisa ikuti langkah berikut :

1. masuk ke Dashboard dan klik Layout
2. tambahkan gadget klik Add Gadget dan pilih HTML/JavaScript
3. copy paste code HTML dibawah ini kedalam tab HTML



code #FFFFFF adalah code warna background. kamu bisa ganti dengan warna lain, klik disini Kode Warna untuk memilih kode warna yang sesuai.

4. kemudian simpan, dan lihat hasilnya:

Google Translate


CO.CC:Free Domain
 
Computer Blogs - BlogCatalog Blog DirectoryTechnology Blogs - Blog Rankings Blog Directory by Blog FluxInternet GoLedy.comComputers Blogs TopOfBlogsHihera.com Add to Technorati FavoritesAdd to Technorati Favorites Top BlogsPageRank Checking Icon

Classicstudio | Blog Tutorial | Tips Facebook | Download Antivirus | Cara Hacking Copyright © 2009 Classicstudio