Showing posts with label Tips And Tricks. Show all posts
Showing posts with label Tips And Tricks. Show all posts

Cara Memasang Auto Scroll Widget Pada Blogger

Cara Memasang Auto Scroll | Widget Pada Blogger | Baru baru ini banyak sekali para blogger mempostingkan widget yang berbeda,seperti saya sendiri mau mencoba untuk memberikan contoh yang anda bisa mengambil widget ini untuk di pasang di blog kalian.Adapun perbedaan Auto Scroll dengan yang lain untuk widget yang sekarang ketika kusor mouse menyentuh ia bergerak, hal ini sangat penting untuk mengundang pengunjung setelah melihat di halaman blog tertentu kita dan bisa melihat urutan baru dari atas kebawah.Sehingga mereka akan punya ide untuk mengambil sebuah pelajaran dari apa yang terjadi seteh gambar yang di sentuhnya bergerak.

Anda Juga Mungkin Meminati widget lainnya sepeti Cara Memasang Widget Tranparan Tombol Share 

Sekarang dalam Artekel ini saya akan menunjukan langkah langkah Cara Memasang Resent Post | Widget Pada Blogger | yang komplit dengan gulungan secara otomatis efek mouse hover pada gambar,setiap postingan berisi judul postingan, tanggal posting dan gambar yang bergerak.

Widget in Blogger


Cara Memasang Auto Scroll Widget Pada Blogger


Langkah 1. Buka Halaman Dashboard >> Template >> Edit HTML


 Widget In Blogger

Langkah 2. Cari Kode </ head>,dan Copas kode di bawah ini simpan tepat diatas </ head>


<script src='http://ajax.googleapis.com/ajax/
libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>


Catatan : Catatan: Lewati langkah ini (2) jika Anda telah menginstal perpustakaan Jquery pada Template Blogger Anda untuk itu tidak akan muncul jika Anda memiliki lebih dari satu (1) Jquery perpustakaan.

langkah 3. Klick Save Template


Menambahkan ,Widget Pada Blogger, Di Lay-out Halaman

Langkah 4 . Copypaste Kode Yang Tertera Di Bawah

<style type="text/css" media="screen">
<!--

/* ========== Scrolling Recent Posts Widget By
helperblogger.com ======== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://lh6.googleusercontent.
com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/
RrOao4P11Uk/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 2px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom,
 from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee,
 #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4),
 inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4),
 inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4),
 inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* ========== Scrolling Recent Posts Widget
By helperblogger.com ======== */

-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://lh6.googleusercontent.com/
-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAA
CFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
imgr[1] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv
GM/s1600/no-thumbnail.png";
imgr[2] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv
GM/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/
s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/
s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://cara-alfiyah.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-
posts-spy.js' type='text/javascript'></script>
</div>


Langkah  5. Sekali Lagi Masuk Ke Dashboard, Klik Lay-out Pilih Tambah Gadget
Langkah 6. Scroll Down dan pilih HTML/javascript
Langkah 7. Pada kotak kosong,paste kode yang anda salin dari Langkah 4.
Langkah 8. Tekan Tombol Simpan dan anda sekarang sudah memiliki Widget Recent Post baru dengan efek otomatis.

Singkat Kustomisasi:
a. Ganti  80 untuk menyesuaikan tinggi / box individu widget.
b. Ganti  385 untuk menyesuaikan / mengatur seluruh ketinggian widget.
c. Ganti   http://cara-alfiyah.blogspot.com/  dengan URL blog Anda sendiri.
d. Ganti  10 dengan nomor yang Anda inginkan posting untuk menggulir di widget.
e. Ganti  4 dengan jumlah yang Anda inginkan dari pos untuk muncul dalam widget.
f. Ganti  4000. Meningkatkan nilai akan memperlambat penampilan / bergulir dari posting berikutnya. Penurunan nilai akan membuat efek bergulir lebih cepat.

Anda Juga Mungkin Meminati Cara Membuat Related Post Thubnail Pada Blogger

Akhir Kata 


Demikian lah Cara Memasang Widget Recent Post,Semoga artikel ini menjadi pelengkap blogger anda sekaligus saya ucapkan banyak trimakasih atas kunjungan ke halaman ini,terimakasih .





Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:39 PM

Cara Membuat Related Post Thubnail Di Blog

 Thubnail Di Blog

 Related Post Thubnail merupakan kebutuhan seorang blogger untuk memperindah sebuah halaman yang bisa di tampilkan dibawah postingan,dia sendiri mempunyai arti yang suka di sebut sebuah elemen yang penting di blogspot untuk menghubungkan satu halaman dengan halaman lain yang terkait.Dengan Adanya Related Post Thubnail di blog kita ,maka pengunjung akan lebih mudah mencari informasi yang terkait di halaman blog kita.Mereka membaca setiap tampilan yang ada pada Related Post Thubnail selain itu juga punya dampak positif di Search Engine Optimization.

Anda Juga Mungkin Meminati Cara Pasang Thubnail Yang Indah Rating Stars Di Blogspot

Ada Beberapa Keuntunga Bagi Blog Kita Dengan Memasang Related Thubnail ,Diantaranya :

. Meningkatkan pageviews , sesungguhnya dengan menampilkan Related Post Thubnail  Bisa menampilkan Link ke Postingan lain yang masih berhubungan,akan membuat pengunjung tertarik denga apa yang kita tayangkan pada thubnail tersebut adapun dengan pageviews tentu lebih meningkat.
Anda Juga Mungkin Meminati Cara Memasang Thubnail Indah Berwarna Di Blogspot 

. Membuat Postingan Lama Tetap Hidup, Related Post Thubnail mengindeks semua postingan yang ada di blog kita,tidak hanya Rrcent Post tetapi semua postingan yang masih berhubungan.Sehingga postingan lama pun tetap akan muncul Di Related Post Thubnail jika postingan tersebut masih berhungan.

. Mengurangi Bounce Rates Related Post Thubnail pengunjung akan bertahan lebih lama dengan membaca artikel yang terkait lainnya yang tampil di related post lain. Dengan begitu akan mengurangi bounce rates kita.

Bagaimana cara membuat Related Poste Thubnail Di Blog Kita ?

Sebetulnya banyak cara untuk membuat Related Post Thubnail,tapi kali ini saya akan memberikan contoh yang paling sederhana dan mudah cara membuatnya buat anda yang memerlukannnya.

1. Anda langsung masuk www.linkwithin.com
2. Isikan Formulir yang tersedia , kotak email masukan alamat URL blog anda,pilih platform centeng dengan yang anda sukai seperti Blogger,Wordpress dan Typepad.Kemudian tentukan berapa thubnail yang anda perlukan seperti pada gambar tertera memilih tiga widget.

 Thubnail Di Blog

Install Widget di Blogger

3. Klik Install Widget untuk membuka Blogger di jendela baru, dan ikuti langkah-langkah di bawah ini dalam jendela itu. Login ke akun Blogger Anda jika perlu.

4. Pilih sebuah blog jika Anda memiliki lebih dari satu, kemudian klik Add Widget.


 Thubnail Di Blog

5. (Opsional) Untuk kinerja yang lebih baik, Drag dan Drop kotak LinkWithin di bawah "Posting Blog" kotak.
 Thubnail Di Blog

4. Klik Simpan.

 Thubnail Di Blog
Akhir Kata

Selesesai Sekarang blog anda sudah terpasang sebuah widgwt Related Post Thubnail yang indah,demikianlah Cara Membuat Relate Post dan bila Anda Juga Mungkin Meminati Cara Memasang Transparan Mengambang Bar Vertikal



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:00 PM

Cara Daptar Blog Gratis Di Blogger

Cara Daptar Blog Gratis Di Blogger

Bloging Gratis  Blogger

 Cara | Daptar Blog | Gratis Di Blogger Bagi Kalian yang belum memilikinya sekarang boleh saja bisa merencanakan untuk sekedar iseng yang lagi pada main internet di depan komputer apalagi mereka yang hoby menulis,membuat gambar,video,dll. Disini anda bisa menggunakan layanan weblog gratisan dalam menerbitkan hasil karya sendiri sehingga di ketahui oleh masyarakat Dunia Internasional.

Gemana anda tertarik dengan Cara  daptar blogger sebetulnya banyak peluang bagi anda yang mau berkarya melalui internet yang bertujuan usaha bisnis online yang bisa meraup penghasilan besar,apalagi kita sudah punya blogspot.Memang banyak selain blogs yang menyediakan penerbitan gratis ada juga seperti Wordpress,Joomla dan lain sebagainya itu semua bisa anda pilih tapi menurut saya ini yang paling simple.

Apabila anda belum tahu apa arti dari blogspot itu...? blogspot adalah singkatan dari webblog. Yang ininya bisa di update kapanpun dan dimanapun serta dapat memberikan sebuah komentar dari apa yang kita terbitkan.

Untuk mempersingkat waktu apalagi anda sudah tidak sabar untuk segera .Sebelumnya anda harus punya eMail google,kalau belum punya daptar dulu Ke GeMail | Untuk Melanjutkan Cara Daptar Ke Blogger


Daptar Ke Blogspot 

1 . Buka Ke Alamat blogger 

2 . Masukan Account Google Anda Di Kotak Yang Tersedia Klik Msuk

Blogging Gratis Blogger
 3 . Selanjutnya Akan Di Bawa Kehalaman Konfirmasi Profile Lalu Klik Lanjutkan
 Blogging Gratis Blogger
 4 . Kemudian Anda akan Di Arahkan Kehalaman Home Blogger, Lalu Klik Blog Baru Untuk Membuat Account Blog Anda
 5 . Isikan Judul Blog,Usahakan Sesuai Dengan Isi Tofik Blog Anda Lalu Masukan Alamat Blog Anda,Tunggu Sampai Proses Pengecekan Ketersedian Selesai Dan Muncul Tulisan Alamat Blog Ini Tersedia ,Dan Pilih Salah Satu Tampilan Untuk Blog Anda , Lalu Klik Buat Blog .

Blogging Gratis Di Blogger

6 . Anda Akan Mendapat Pemberitahuan Bahwa BBlog Anda Telah Berhasil Di Buat Seperti Gambar Berikut.

Blogging in Blogger

 7 . Jika Ingin Melihat Tampilan Blog, Anda Tinggal Mengklik Lihat Blog Dan Akan Muncul Seperti Gambar Berikut.
Blogging in Blogger

8 . Selamat Blog Anda Telah Jadi Terlihat Seperti Gambar Diatas,Selanjutnya Blog Daptarkan di Webmaster Tools,Anda Lihat Cara daptar Blogger | Website Pada Webmaster Tools


Akhir Kata


Demikianlah tips Cara Daptar Blog Semoga Bermanfaat bagi kalian ,Salam Blogger.








Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:45 PM

Cara Membuat Sitemap Blog Untuk Google

                                                 
Blog Alfiyah Informasi / Tentang Cara Membuat Sitemap Untuk Google,selamat jumpa lagi kawan bloger dimana saja berada semoga pada saat ini ada dalam lindungan Allah S.WT, amiiin.Pada saat ini saya akan memberikan contoh sederhana tentang cara membuat sitemap untuk melengkapi blog kita dengan tujuan agar Search Engine dalam melakukan crawling  sebuah blog.Dengan demikian proses indeks lebih cepat dan tidak ada yang terlewatkan baik itu URL ataupun halaman oleh spiderbot.
Sebelum membuat sitemap blog perlu mendaptarkan dulu webite/blog ke mesin pencari,disini sekarang daptarkan blog anda.

Sekarang ikuti langkah-langkah untuk membuat sitemap website/blog anda dengan menempatkan atau menambahkan kode atom xml diakhir URL websit/blog kita,saya akan berikan contoh seperti ini http://cara-alfiyah.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500 ,jadi yang diambil buat sitemap anda hanya kode yang dicoret kuning.
Adapun Alfiyah.Blog Informasi / Tentang -Cara Membuat Sitemap Blog Untuk Google, dengan menempatkannya di URL anda sebagai berikut misalkan ini nama alamat URL website/blog anda : www.namaURLanda.com/atom.xml?redirect=false&start-index=1&max-results=500 ,sekarang silahkan untuk di coppypaste kode diatas.

Selanjutnya anda masuk ke Webmasters Tools untuk meyimpan kode yang tercantum diatas tadi,disudut kanan atas ada tanda merah yang bertuliskan ADD SITE/TAMBAHKAN SITUS klik tambahkan websait anda ( ini berlaku buat yang mendaptarkan situsnya search engine),tetapi bagi anda yang udah terdaptar tinggal klik nama situs anda.Kemudian lihat dibagian dashboard lihat kebawah dibagian Perayapan/Crawling klik Peta Situs/Sitemap.

Untuk lebih jelasnya coba anda silahkan perhatikan gambar yang ada dibawah ini dan ikuti petujuknya dengan seksama.
 Cara Membuat Sitemap Blog Untuk Google

Keterangan :
1 ) Adalah untuk mengklik Crawling/Perayapan
2 ) Adalah untuk mengklik Sitemap/Peta situs
Setelah itu anda lihat dibagian kanan atas ada tombol merah yang bertuliskan ADD SITEMAP,disitu anda silahkan untuk menyimpan URL sitemap anda,pertama percobaan dulu lalu klik pratinjau kemudian tutup kembali masukan lagi langsung kirim peta situsnya.
   Cara Membuat Sitemap Blog Untuk Google
Itulah hasil gambar sitemap dari Alfiyah Blog Informasi / Tentang - Cara Membuat Sitemap Blog Untuk Google, yang sudah terindeks ,mudah-mudahan kita juga yang baru mengirimkan sitemapnya semoga cepat terindeks.
Sekian dulu dari saya semoga artikel ini bermanfaat bagi anda sekalian,kalau memang artikel ini bermakna buat anda,anda boleh menyisipkan satu dua kata sebagai silaturahmi diantara sesama bloger..

Anda Juga Disini Boleh mengirimkan Pesan Lewat Kontak Saya

Wasalamu'alaikum.



Akhir Kata

Demikianlah posting Cara Membuat Sitemap Blog Untuk Google semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:40 PM

Cara Mendemonasikan URL Tautan Situs

Assalamu'Alaikum Warahmah Selamat jumpa lagi kawan Bloger dimana saja anda berada,kali ini kita akan membahas bagai mana cara mendemonasikan URL tautan situs di Webmaster Tool Saya akan memberikan beberapa contoh agar anda bisa mengikuti petunjuk-petunjuk yang ada pada gambar dibawah ini. Langkah pertama biasa anda longin ke Webmater Tool Kemudia dibadian Dashboard Klik situs yang diinginkan,Dalam tampilan Penelusuran klik tautan situs,Kemudian Dikotak Untuk Hasil penelusuran ini,isikan URL yang tepat,sebagai contoh gambar dibawah ini.
Peetunjuk Mendemonasikan URL
. Untuk Lebih Jelas Perhatikan GambarIni.
Petunjuk Mendemonasikan URL
Semoga Sukses Selamat Mencoba. Wasalam.
Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:58 AM
Related Posts Plugin for WordPress, Blogger...
cara-alfiyah.blogspot.com Real PageRank cara-alfiyah.blogspot.com Alexa/PR cara-alfiyah.blogspot.com trustrank cara-alfiyah.blogspot.com value Trust Directory Project