Pasang Link di New Blogger Template

Pasang Link di New Blogger Template
Menilik beberapa pertanyaan yang di ajukan beberapa sobat, rupanya masih ada yang berkeinginan lebih dalam hal membuat link walaupun sudah saya posting sampai dua artikel, terutama bagi yang memakai template baru alias new blogger template. Untuk memenuhi hasrat beliau-beliau ini, sengaja saya posting kembali mengenai membuat link dan mudah-mudahan dengan adanya postingan ini dapat menjawab beberapa keinginan yang belum terjawabkan.

Membuat BlogRool

Blogroll adalah tempat menyimpan link address milik orang lain pada blog atau website kita.

BlogRool ini gunanya untuk menghemat tempat pada blog pada saat daftar link kita sudah banyak dan menyesakkan body template blog. Ada beberapa cara yang saya tahu untuk membuat blogrool.

Yang pertama seperti ini: Blogroll dengan menu dropdown:

Membuat Cursor Bertabur Bintang

Banyak cara yang dibuat oleh setiap blogger untuk membuat tampilan blognya terkesan cantik, unik dan macam-macam deh. Diantaranya dengan modifikasi template yang sudah ada, memasang ragam widget dan ragam aksesoris blog termasuk mengganti tampilan cursor. pernah lihat suatu blog dengan cursor bertabur bintang? Pingin mencobanya? Mudah kok, ikuti langkah-langkah berikut:
Membuat cursor bertabur bintang

Cara Membuat Menu dTree

Kali ini saya ingin berbagi lagi trik membuat menu dtree. Apakah menu dtree itu? Menu dtree yang saya maksud adalah menu yang menyarupai menu Windows explorer seperti pada image berikut:
cara membuat menu dtree
Menu seperti ini bisa juga kita tampilkan pada web atau blog kita seperti yang terlihat pada image berikut atau bisa lihat langsung demonya diblog saya disini
image
Nah ingin membuat menu dtree seperti itu? Caranya mudah saja hanya dalam beberapa langkah:

Membuat Sebuah Thumbnail Dengan Caption (Keterangan) Menggunakan Simple JQuery

 Thumbnail galery with heading and caption with jquery

View Demo

Tutorial kali ini kita akan belajar membuat image dengen caption (keterangan) menggunakan script simple JQuery, turorial ini saya pelajari dari Queness. Disini saya ingin berbagi kepada teman-teman cara menerapkan jquery pada template blogger.

How To Add Featured Auto Posts Slider Using JQuery To Blogger

menu slider/ featured auto posts slider

Sebagaimana janji saya sebelumnya untuk segera berbagi setiap ilmu penerapan JQuery untuk template blogger yang baru saya dapatkan, maka postingan ini masih akan mengetengahkan tutorial JQuery dengan tema yang serupa dengan tutorial sebelumnya pula, yaitu modifikasi featured posts atau content slider (menu slider). Agar teman-teman juga memiliki banyak pilihan, bahkan bagi teman yang sudah bisa mengedit CSS bisa juga memodifikasi kembali tampilan featured post ini sesuai kreatifitas masing-masing.

Membuat Sebuah Simple Featured Content SlideShow Menggunakan JQuery

menu slider simple menggunakan JQuery untuk template blogger
View Demo

InsyaAllah postingan kali ini, kembali saya ingin mengetengahkan tutorial penerapan JQuery pada template blogger. Berbeda dari tutorial-tutorial sebelumnya dimana source saya peroleh dari web-web designer luar, maka tutorial kali ini lahir dari hasil pengamatan pada sebuah free blogger template yang dikenal dengan Elegant Dashboard, tidak jauh berbeda dengan lahirnya tutorial terdahulu dengan judul menu slider versi 2 yang juga saya pelajari dari free blogger template Zinmag Primus. Bagi yang belum pernah mencoba membuat menu slider versi 2 seperti screenshot berikut, silahkan klik disini, atau silahkan lihat dulu demo featured content slider post using JQuery/ menu slider versi 2 menggunakan JQuery disini
menu slider simple menggunakan JQuery untuk template blogger
Nah sekarang langsung pada tutorial, cara membuat simple content slideshow menggunakan JQuery
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML
2. Tambahkan Script JQuery berikut sebelum tag

Membuat Featured Posts (Menu Slider) Dengan JQuery

featured post/ menu slider  Untuk Lihat Live Demo klik disini atau disini

Dalam desain web site atau blog banyak cara untuk membuat tampilan featured content atau post nampak profesional dan cantik dengan bantuan JQuery. Sehingga menambah jumlah ragam fetured content slider atau slide show dalam dunia desain. Sebagai peminat JQuery InsyaAllah saya akan sering mengetengahkan tutorial JQuery yang baru saya dapatkan untuk dibagi kepada teman-teman dan pengunjung blog ini.

Cara Membuat Menu Slider Versi 2 Menggunakan JQuery

image
Berikut anaa coba berbagi trik membuat menu slider versi dua. Mengapa versi dua? Karena sebelumnya anaa pernah posting trik membuat menu slide atau tab view slide versi 1 yang contonya bisa dilihat pada halaman awal (home) pada sidebar kanan blog ini.
Cara membuat menu slider versi 2

Featured Content Slider Using JQuery

featured content slider using jquery   

    View Demo



Banyak hal yang bisa kita dapatkan dari dunia maya ini, baik yang positif ataupun negatif.. tinggal bagaimana kita memfilter diri untuk menyaring yang baik dan postif. Saya merasakan hal ini pada diri saya, saat berselancar di dunia maya, blog walking keblog teman-teman, bahkan sekedar melihat-lihat galery template, theme atau layout web site, saya menemukan ilmu dan informasi baru bahkan terkadang  inspirasi untuk postingan yang akan saya publikasikan diblog ini sampai rancangan planning yang ingin saya lakukan dimasa mendatang.

Membuat Tabber Tab Dengan Jquery #2

Postingan sebelumnya saya pernah mengetengahkan cara membuat tabber tab atau tab view dengan bantuan JQuery part 1. Namun tabber tab tersebut memiliki beberapa keterbatasan, diantaranya tidak dapat menambahkan beberapa widget umum seperti arsip blog, label, kecuali dengan memasukkan link widget yang saya sebutkan tadi dengan cara manual. Sedangkan tabber tab dengan JQuery part 2 ini, kita dapat menembahkan fitur atau widget tadi dengan mudah, cukup dengan mendrag/ memindahkan widget kesidebar.

Cara Memasang Widget Sexy Sosial Bookmarks

Postingan kali ini merupakan request dari seorang pengunjung baru blog ini. Saya kira dari sekian pengunjung dan penanya yang pernah merequest tutorial, inilah satu penanya yang menurut saya punya cara yang unik mengajukan request. kenapa saya bilang unik?
Berikut pertanyaan yang ditinggalkan sang penanya:

Daftar Kode Warna Dengan Tabel

Berikut adalah tabel kode warna sebagai referensi sobat dalam mengedit atau mendesain template blog . Cara untuk mengetahuai kode warnanya, sobat klik aja pada tabel warna pilihan sobat maka secara otomatis kodenya akan ditampilkan pada kolom persegi dibawah tabel warna, disamping tulisan "kode warna yang terpilih"!

Cara Memasang Widget Top Komentator

Saya kira akhir-akhir ini keasyikan ngotak ngatik CSS dan desain template hampir melupakan saya bahwa masih ada beberapa widget blogger yang belum saya posting.  Diantaranya widget top komentator yang ingin saya ketengahkan kali ini tutorial memasangnya pada template blogger.

Cara Membuat Related Post (Tulisan Terkait)

Related posts adalah tulisan terkait atau artikel yang bersangkutan. Jadi saat kita menampilkan suatu artikel dengan adanya widget related posts ini, pembaca atau pengunjung blog anda akan mudah mendapatkan informasi tentang artikel anda yang masih memiliki keterkaitan atau masih dalam categori yang sama karena related posts ini letaknya tepat dibawah postingan. Selain memudahkan pembaca, juga sebagai satu sarana promosi tulisan anda juga kali ya?!

nah berikut tutorial untuk Membuat Related Post atau Artikel Yang Berhubungan

Membuat Recent Comment (Komentar Terbaru)

membuat widget recent comment atau komentar terbaru Fungsi dari recent comment atau komentar terbaru ini, agar kita dapat mengetahui siapa yang baru saja berkomentar dan dipostingan kita yang mana pengunjung meninggalkan komentarnya.

Nah berikut tutorial untuk membuat recent comment atau komentar terbaru:

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

    <script style="text/javascript" src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/recents.comments.js"></script>
    <script style="text/javascript">
    var numcomments = 8;
    var showcommentdate = true;
    var showposttitle = true;
    var numchars = 100;
    var standardstyling = true;
    </script>
    <script src="http://yourblog.blogspot.com"/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti http://yourblog.blogspot.com dengan nama blog anda!
3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

5.Simpan! Selesai, lihat hasilnya diblog anda!

Cara Membuat Recent Post (Postingan Terbaru)

Setelah pada postingan sebelumnya saya menjelaskan cara membuat recent comment maka postingan kali ini adalah bagaimana cara membuat recent post atau postingan terbaru. Ya langsung saja:

    * Login pada blogger.
    * Klik Layout pada Dashboard ,lalu Page Element.
    * Klik Add a Gadget.
    * Pilih HTML/Javascript
    * Masukkan kode dibawah ini dengan cara copy dan paste dan beri judul pada kolom Title.

Cara Memasang Translate Pada Blog

Memasang translete pada blog sangat perlu karena mungkin saja ada pengunjung dari negara asing yang nyasar keblog anda, tapi yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog anda harus menggunakan bahasa yang resmi, bukan bahasa pasaran atau gaul.

Nah caranya: