RIDAZSHARE|Berbagai Tips Dan Trik Ada Disini|

Disini Ada Berbagai Tips Dan Trik dari Blogging sampai Hobi akan di share disini.||

Agustus 03, 2011

Membuat Recent Post dengan Thumbail Mau Lihat nih.

Diposting oleh RayDawn

Hai sobat, gimana kabarnya nih ?, semoga dalam keadaan sehat. Nah kali ini saya mencoba menulis lagi tentang widget pada blogspot, tak lain adalah widget recent post yang sebelumnya sudah pernah saya tulis di blog ini dengan berbagai versi.
Namun kali ini sedikit agak berbeda dengan bentuk widget ini dengan adanya tambahan gambar thumbnail yang ada di postingan, dengan tujuan agar pembaca blog kita tertarik dengan postingan yang kita suguhkan setelah melihat thumbnail gambar yang mungkin unik, lucu, mempesona dsb.

Widget ini cocok bagi Anda yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.

Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .

Pada menu Dashboard klik menu "Design - > Page Elements"

Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"

Dan taruh script dibawah ini kedalamnya.


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;


boxwidth = 230;


cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://Ridazshare.blogspot.com/";


</script>

<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan :

boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://Ridazshare.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

Nah kalau sudah tinggal SAVE.
READ MORE - Membuat Recent Post dengan Thumbail Mau Lihat nih.

komentar (0)
TOP

Membuat Read More Untuk Template Klasik

Diposting oleh RayDawn

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog. 

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini. 

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang. 

Silahkan ikuti langkah-langkah berikut : 
  • Login ke blogger.com dengan id sobat

    •
  • Klik menu bertuliskan Template

    •
  • Klik menu Edit HTML

    •
  • jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.

    •
  • Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :
    <MainOrArchivePage> 

    div.fullpost {display:none;} 

    </MainOrArchivePage> 

    <ItemPage> 

    div.fullpost {display:inline;} 

    </ItemPage>     
    Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.
  • langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :


    • <MainOrArchivePage><br/>
    <a href="<$BlogItemPermalinkURL$>">Read more!</a>
    </MainOrArchivePage>


    Lagi-lagi Untuk mempercepat pencarian kode     <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut. 

  • Klik tombol yang bertuliskan SAVE SETTINGS 

  • Langkah selanjutnya adalah klik menu Setting

    •
  • Klik menu Formatting

    •
  • Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :


    • <div class="fullpost"> 


    </div>     

    Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut. 
  • kemudian jangan lupa klik tombol Save Settings


  • Selesai



Cara Posting Artikel 


Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya. 
  • Klik menu Posting

    •
  • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :


    • <div class="fullpost"> 


    </div>     

    simpan artikel sobat yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div> 

    Agar lebih jelas, saya beri contoh, misal artikelnya begini : 

    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
    <div class="fullpost"> 
    dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. 
    </div> 

    Hasilnya yang akan tampak pada blog kita adalah seperti ini : 

    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul. 

    Read more!



Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar. 

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya. 

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode divmenjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span. 


Akhirul kata selamat mencoba ! 
READ MORE - Membuat Read More Untuk Template Klasik

komentar (0)
TOP

Tips Promosi Blog Yang EFEKTIF

Diposting oleh RayDawn

Setelah sobat membuat blog dan mengisinya dengan artikel, pasti bakal timbul pertanyaan cara mempromosikan blog nya itu sendiri, lantas bagaimana cara mempromosikan blog secara efektif, ampuh, dan klenis? kaya obat aja perlu dicoba secara klenis. hhe. cara-cara promosi blog yang saya terapkan ini sudah saya praktekan dan terbukti ampuhh membuat blog anda terkenal dan mendapatkan pengunjung yang berlimpah. berikut cara mempromosikan blog :


1. Blogwalking
Ini syarat yang paling mutlak, ibarat warga baru disuatu lingkungan, yang harus rajin-rajin mampir ke rumah tetangga biar cepat dikenal. blogwalking bisa meninggalkan jejak dichat box ataupun berkomentar dipostingan blog yang dikunjungi. 

2. Bertukar link atau banner
Setiap kali mampir keblog yang ada tukeran linknya, tawarkan untuk bertukar link atau banner kepada pemilik blog tersebut. tentunya dengan bahasa yang baik dan tidak memaksa. bahkan kalau perlu kirim ke email pemilik blog itu.

3. Mailing list
Salah satu fungsi mailing list adalah ajang untuk tukar menukar informasi sesama anggotanya, entah itu tentang SEO, artis, politik dll. dimailing list kita bisa promosi blog sebanyak-banyaknya, misal mailing list itu mempunyai 1000 anggota. maka kiriman yang kita kirimkan juga ke 1000 anggota mailing list tersebut, kalu mereka tertarik dengan informasi yang kita kirimkan, pastinya mereka akan mengklik link yang mengarah ke blog kita.

4. Blog Directory
Banyak situs yang memberikan, anda hanya tinggal pilih dan mendaftarkan blog nya diblog directory itu tersebut. diharapkan dengan mendaftarkan blog di blog directory akan membuat blog anda semakin terkenal.

5. Facebook
Facebook merupakan ajang pertemanan atau social networking terbesar dan terpopuler saat ini, selain untuk ajang pertemanan, facebook juga berfungsi untuk mempromosikan blog, ada beberapa cara promosi blog diantaranya bergabung dengan grup, blog network, dan menuliskan dikolom informasi profil kita.


Diatas adalah cara-cara yang biasa saya terapkan untuk mempromosikan blog, kalo sobat ingin menambahkan silahkan aja koment dibawah tanpa ragu, hhe. semoga artikel yang saya buat ini bermanfaat bagi pembaca. terimakasih
READ MORE - Tips Promosi Blog Yang EFEKTIF

komentar (0)
TOP

Agustus 02, 2011

Cara Cepat Blog Terindeks Search Engine

Diposting oleh RayDawn

Jalan2 ke blog teman saya tertarik dengan postingannya tentang Cara Cepat Blog Terindeks Search Engine . Seperti blog saya yang baru ini dalam waktu 24 jam sudah terindeks di google dan Yahoo sebagai 2 mesin pencari yang urutan teratas ini.
Cara yang saya dapatkan ini  kira2 intinya seperti ini :
  1. Buat link pada halaman yang sudah terindeks search engine ke arah website kita yang baru. Profil kita di friendster (misalnya: “www.friendster.com / okam” adalah contoh yang bagus untuk membuat link ke arah blog atau website kita. Karena biasanya halaman ini telah terindeks search engine. Semakin tinggi posisi halaman tersebut dalam search engine (PageRank) berarti semakin cepat webiste baru kita terindeks.
    • Anda bisa mengontak teman Anda yang blognya sudah terindeks search engine untuk memasang link kepada Anda.
    • Jika profil / blog Anda di friendster / multiply sudah terindeks, Anda bisa pasang link di profil Anda tersebut.
    • Rajin mengisi blog Anda.
  2. Submit manual melalui URL berikut (GRATIS):
    • Google: http://www.google.com/addurl.html
    • Yahoo: http://search.yahoo.com/info/submit.html
    • Altavista: http://www.altavista.com/addurl/
    • DMOZ / ODP: http://www.dmoz.org/add.html
    • Alexa: http://www.alexa.com/support/get_archive.html
    • MSN: http://search.msn.com/docs/submit.aspx
  3. Submit URL yang bayar:
    • Lycos: http://home.lycos.com/addasite.html
  4. Sebelum Anda men-submit URL website Anda, pastikan:
    • Website atau blog Anda sudah jadi (tidak under construction).
    • Tidak ada dead link dalam website Anda.
    • Website atau Anda dibuat agar search engine friendly.
Setelah Anda submit URL, tunggulah dengan sabar. Kalau beruntung akan terindeks dalam waktu kurang dari 24 jam, kalau tidak beruntung yaaa  harus menunggu sambil membangun link. Bisa jadi tiba-tiba website nongol bukan karena submit manual, tetapi karena link dari website lain.
Selamat mencoba Cara Cepat Blog Terindeks Search Engine , semoga bermanfaat.
RShare.
READ MORE - Cara Cepat Blog Terindeks Search Engine

komentar (0)
TOP

Cara Simple Membuat Iklan Melayang dengan Tombol Close

Diposting oleh RayDawn


Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya "Kang Yasin" akan segera memberikan tutornya, nih ikutin saja langkahnya :

 
  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8R5GTzeP9Pu8pErcA9wka5gjyP_Zbt38pPcfVo67QVnZgv4h7B3U86G0k6qKT-TgkaDQQlTBTGc89cJLhjRJb_1IuqjeVqgIFIZn6YJ9eQYq1Mh6_k2NbNHUVffipRIaJz16NC0WLAME/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8R5GTzeP9Pu8pErcA9wka5gjyP_Zbt38pPcfVo67QVnZgv4h7B3U86G0k6qKT-TgkaDQQlTBTGc89cJLhjRJb_1IuqjeVqgIFIZn6YJ9eQYq1Mh6_k2NbNHUVffipRIaJz16NC0WLAME/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
    6. Simpan

Semoga BERHASIL :) 
READ MORE - Cara Simple Membuat Iklan Melayang dengan Tombol Close

komentar (0)
TOP

Langganan: Postingan (Atom)