Otomotif Blogger: Trik Blog

Showing posts with label Trik Blog. Show all posts

Monday, 9 May 2016

Cara Buat Tombol Back To Top di Blog

✔ Unknown 08:53

Cara Buat Tombol Back To Top di Blog. udah ada yang tau apa itu Tombol back to top ?

Tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik saja , sehingga visitor tidak lagi melakukan scroll ke atas untuk melihat main page dari sebuah blog

Cara Buat Tombol Back To Top di Blog

1. Silahkan login di Blogger Pilih Template >> Edit HTML
2. klik Expand Widget Template Cari kode <body> (gunakan CTRL+F) Copy kode dibawah ini dan Paste tepat diatas kode

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

3. Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>  <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZvFjh5-LX7ljU5YnxO8_0OiRgunZ28ampMCDH0tuQFimq_sXWq4YSDW_9OTwDRAMG5QQcSo1xPeJg13HjG_Mj_KHVY_NDIcryGm7pbcrH8YJFAyjVCZoCaWqrCbQTqdcCRQsGwIjR5s/s1600/back-to-top.gif'/></a>

Thursday, 10 March 2016

Trik Blog

Trik Mudah Membangun Sebuah Blog

✔ Unknown 02:05

Kadang kita sangat antusia jika kita mempunyai keinginan yang kita inginkan, terkadang apa daya kadang kemampuan tidak di imbangi dengan kemampuan yang kita miliki.

dalam dunia blogging, ini sangat mempengaruhi dalam jumlahnya posting dan banyaknya konten. kita kadang sulit dalam membuat postingan blog kita, binggung apa yang akan di posting.

kali ini mau coba share pengalaman pribadi seputar posting :

1. Usahakan buat blog dengan bahasan dan tema yang kita kuasai dan gemari, agar nantinya tidak akan sulit dalam membuat postingan

2. Sambil belajar lalu posting, pelajari dulu hal yang kalian ingin posting, sehingga jika nanti ada pengunjung yang menanyakan perihal postingan tersebut kalian bisa menjawabnya.

itu aja menurut saya, silahkan jika ada yang ingin menambahkan, bisa via komentar aja..

tetimakasih

Monday, 7 March 2016

Tips Blogger Trik Blog

Berbagi Postingan Terbaru di Media Sosial

✔ Unknown 18:38

Media sosial selain di gunakan untuk kita berinteraksi anatara kerabat dan keluarga juga bisa di gunakan sebagai media lainnya, seperti untuk berjualan dan berbagai kegiatan lainnya. di saat ini media sosial juga bisa kita gunakan sebagai ajang promosi untuk postingan-postingan terbaru dari blog kita, sebagai langkah awal kita untuk berbagi postingan terbaru kita secara real time

sudah banyak sekali blogger yang menggunakan media sosial sebagai media untuk berbagi postingan terbaru para blogger, dengan itu juga bisa menaiikan PV dari blog kita seiring dengan selalu meningkatnya penggunaan media sosial saat ini.

Kalian bisa share / berbagi setiap kalian posting di blog, ke grup atau ke timeline kalian sendiri atau bisa juga kalian share ke wall rekan-rekan kalian yang di rasa sangat berkaitan dengan postingan terbaru yang kalian buat.

Bisa lihat di bawah ini contohnya

Thursday, 19 March 2015

Trik Blog

Membuat Text Area dengan Tombol Highlight All

✔ Unknown 06:20

Masih binggung dengan judul nya ya ?

Text Area dengan Tombol Highlight All adalah dimana kita bisa mensisipkan text atau kode script pada sebuah text area dengan di tambah tombol Highlight All , Highlight All berarti dengan kita klik tombolnya maka sesuatu yang ada pada text area ter-Blok atau select all, dengan itu kalian bisa mudah dalam copy/paste.

dengan ini para pengunjung blog akan sangat di permudah

ini contohnya

Mau coba membuatnya ?
cukup copy saya script di bawah ini , dan ganti text yang berwarna biru sesuai dengan yang kalian inginkan

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL">Text atau kode script</textarea></div>
</form>
</div>

Tuesday, 19 August 2014

Trik Blog

Cara Membuat Teks Berjalan di Menu Bar

✔ Unknown 02:04

Cara Membuat Teks Berjalan di Menu Bar

Pernah kan kalian melihat web atau blog dengan title text pada menu bar nya berjalan ?

untuk kalian yang ingin menerapkan title yang panjang dan agar terlihat semua.
Trik ini cocok untuk anda terapkan di blog anda Ini dia tutorial nya,

trikaja.blogspot.com

1. Log in dengan akun blogger anda

2. Pilih blog yang akan di terapkan trik ini

3. Pada menu Design lalu Edit HTML

4. Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> //<![CDATA[ msg = " Trik N Tips Blogspot"; msg = "www.trikaja.blogspot.com" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",150); } scrollMSG(); //]]> </script>

Cara Membuat Teks Berjalan di Menu Bar

Ganti teks tebal sesuai dengan keinginan anda dan angka 150 adalah menunjukan kecepatan gerak teks tersebut, semakin besar nilainya maka akan semakin lambat dan sebalinya

Semoga berhasil ya kawan

Thursday, 5 June 2014

Trik Blog Tutorial Blog

Membuat Link Membesar Saat di Sentuh Cursor di Blogger

✔ Unknown 17:48

Pada kesempatan kali ini saya akan sedikit berbagi trik sederhana buat mengkostum link yang ada pada blog kita, jadi saat link di sentuh cursor maka link akan sedkit membesar . langsung saja kita mulai trik Membuat Link Membesar Saat di Sentuh Cursor.

www.seospecialist.co.uk

Membuat Link Membesar Saat di Sentuh Cursor

1. Jangan lupa, sign in / masuk di akun blogger sobat.
2. Pilih blog yang akan kalian edit.
3. Pilih template, lalu edit.
4. Cari kode a:hover{ .
5. Ubah font-size dengan nilai yang lebih besar, sesuai keinginan anda.

* lihat contohnya seperti di bawah ini

a:hover {
color:#d2691e;
font-size:10px;
font-style:italic;
cursor:wait;
}

gamti seperti contoh di bawah ini

a:hover {color:#d2691e;font-size:15px;font-style:italic;cursor:wait;}

6. Lalu simpan template nya

Selamat mencoba

Monday, 5 May 2014

Trik Blog

Menghilangkan Navbar blogger (Navigation Bar) di blogger

✔ Unknown 10:51

Cara Menghilangkan Navbar (Navigation Bar) - Navbar adalah Seperti garis yang melintang darikiri ke kanan yang terletak di halaman atas dari setiap blog yang di bikin di blogger. seperti ini nih yang namanya Navbar

Memag jika Navbar ini di hilangkan, tampilan blog akan lebih asik dilihatnya dan menambah sedikit lebih menarik

Cara Menghilangkan Navbar

Sampai saat ini , banyak sekali blogger yang menghilangkan Navbar termasuk juga saya etapi selama ini aman-aman saja kok. memang dalam Term of Service (TOS) blogger tidak di bahas dengan jelas tentang Navbar

Untuk anda yang berminat, Ini dia triknya

1. Sign di Blogger

2. Pilih Template lalu edit HTML

3. Cari kode <body>

4. Jika sudah ketemu taruh kode berikut di atasnya: