Postingan

Menampilkan postingan dari Januari, 2014

Widget Subscribe Email Bergaya Flat

Gambar
Widget Subscribe Email Bergaya Flat - Salam labeltutorialcom, subscribe via email widget ini begitu penting untuk pengguna blogger karna membuat para pembaca atau pengunjung dengan mudah mendapatkan artikel update terbaru dari blog yang berlangganannya , widget ini juga bisa berfungsi sebagai SEO , banyak blogger yang menggunakan widget ini untuk memberikan update artikel terbaru secara gratis dan cepat. nah kali ini labeltutorialcom akan share tentang widget ini tapi yang sudah di custom dan di beri style Flat ya biar bisa mengikuti perkembangan jaman. DEMO Demo Pemasangan Widget Subscribe Email atau Tombol Berlangganan Via Email 1. Pada Dasbor pilih elemen/Tataletak - add/tambahkan Gadget/Widget - Pilih Text/Javascript 2. Lalu copy kode berikut dan paste didalamnya <style scoped="scoped" type="text/css">  #SUBSCRIBE-LTB {  width:280px;  border:1px solid #aaa;  border-radius:3px;  padding: 0;  }    .SUBSCRIBE-LTB-wrapper {  backgroun...

Membuat widget Reader Mode pada BLog

Gambar
Membuat widget Reader Mode pada Blog - Salam Para Sobat labeltutorialcom , hari ini saya akan berbagi tutorial mengenai membuat widget reader mode pada blog , Reader mode biasanya berfungsi agar pembaca blog bisa membaca lebih fokus pada teks postingan saja. widget ini cocok untuk segala konten blog kecuali blogazine dan foto galleries , karna tujuan widget ini mempermudah pembaca untuk membaca konten blog. Membuat widget Reader Mode pada BLog Demo Demo Pemasangan Widget Reader Mode 1. Copy  Kode CSS dibawah tepat di atas kode </b:skin> atau </style> button, button[disabled]:active { background-color: #516685; font: bold 11px Tahoma,Verdana,Arial,Sans-Serif; color: #fff; border: none; border-radius: 3px; cursor: pointer; padding: 15px 10px; } button:hover { background-color: #649CD8; color: #000; } 2. Copy Script Berikut tepat diatas kode </body> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src="https://googledrive.com/ho...

Membuat Blogazine Hanya dengan Tag Kondisional

Gambar
Membuat Blogazine Hanya dengan Tag Kondisional - Salam sobat labeltutorial.com , sudah mengenal kan apa itu tag kondisional pada postingan saya beberapa hari yang lalu di blog ini? nah jika sudah mengenal dan paham cara menggunakannya kali ini saya akan berbagi sedikit lagi mengenai cara menggunakan tag kondisional pada blogazine , mungkin anda sudah banyak mengenal blog blog yang menerapkan blogazine pada blognya , huh bagi saya itu sulit sekali karena butuh kreatifitas yang tinggi untuk setiap postingan dengan berbeda style. Nah bagi anda yang ingin menerapkan blogazine pada blog anda bisa simak salah satu cara dan tips membuat blogazine pada blog   berikut ini. After Blogazine Before Blogazine 1. Harus Paham Elemen-elemen yang ada di blog sobat ya ini sih syarat mutlak kalo ingin menerapkan blogazine pada blog sobat karna kalo sobat tidak paham elemen-elemen pada blog sobat ya bagaimana manipulasi style pada blog sobat berikut struktur sederhana pada blog blog umum. #header #m...

Script agar blog Redirect jika tekan CTRL + U

Gambar
Script agar blog tidak bisa di CTRL + U Script agar blog Redirect jika tekan CTRL + U  - Banyak sekali para blogger profesional yang ingin blognya aman dari para blogger newbie seperti saya hehe :D untuk mengamankan script css dan HTML atau scriptnya agar tidak di contoh makanya sebagian dari blogger profesional melakukan banyak protect mulai dari gambarnya tidak bisa di klik , artikelnya tidak bisa dicopy paste hingga sampai source codenya dibuat rumit agar tidak bisa di tiru atau dipelajari , nah berkaitan dengan itu saya ingin berbagi  script agar blog tidak bisa di CTRL + U  yang merupakan shortcut dari browser yang digunakan untuk melihat source suatu web atau blog , ini hanya sebuat trik dari javascript yang membuat shortcut ini menjadi redirect. Berikut langkah Cara Membuat Ctrl+u Berubah menjadi Redirect : 1. Login Blog Seperti Biasa 2. Template dan pilih Edit HTML 3. Copy Kode Javascript dibawah ini Lalu Paste di atas kode </body> <script type='text...

Menghindari Spam Tweet dan Trending Topic Palsu di twitter

Gambar
Menghindari Spam Tweet dan Trending Topic Palsu di twitter - Udah Lumayan lama nih gak update, maklum lah ada kesibukan di dunia nyata. beberapa hari saya mengamati perkembangan autofollow dan autobot yang semakin miris saja perkembangannya didunia maya, mungkin ini cara orang berbisnis di dunia maya , ke mirisan saya dimulai dari saya penasaran kenapa sih trending topic di indonesia ini aneh-aneh banget? kadang ada bahasa alay kadang ada kata-kata yang janggal banget kalo jadi bahan obrolan populer lewat tweet seperti "Buruan ada yang seru loh" coba anda pikirkan tweet macam kaya gini bisa jadi trendic topic? aneh bukan ? saya mencoba klik trending topic tersebut dan melihat siapa siapa saja yang ngetweet kata kata yang gak wajar ini dan hasilnya ? dugaaan saya benar ternyata yang ngetweet itu orang-orang yang tergabung dalam autofollow/autobot/ cara kerja autofollow ini ya jika anda sudah tergabung dengan app autofollow ini maka account twitter anda akan bisa ngetweet d...

Tukar Link

Gambar
Salam para pembaca blog di label tutorial blog , Apa kabar semua ?? mudah-mudahan dalam keadaan sehat wal'afiat semuanya ya amin ..Dalam rangka promosi blog ini dan sekaligus ingin mencari sahabat blogger, blog ini sudah bisa saling bertukar link dengan para blogger lainnya caranya gampang kok .simak baik-baik ya sobat caranya berikut ini : Tukar link With labeltutorials 1. Pilih salah satu link di bawah ini, pilih select all dan copy paste teksnya di blog anda. Label Tutorial Blog | All About Tutorials <a href="http://www.labeltutorial.com/" target="_blank" title="sebuah blog yang berisikan tentang segala macam Tutorials - All About Tutorials"><b>Label Tutorial Blog | All About Tutorials</b></a> <a href="http://www.labeltutorial.com/" target="blank"><img alt="sebuah blog yang berisikan tentang segala macam Tutorials - All About Tutorials" border="0" src="https://blogger.go...

2 Solusi untuk membuka/membobol Password pada Ms Word

Gambar
2 Solusi untuk membuka/membobol Password pada Ms Word  -  Ada yang mention pertanyaan di twitter mengenai cara membobol password ms word yang di password , ya sebenernya jawab lewat twitter juga bisa sih tapi karna saya lagi suntuk akan artikel bingung gak ada inspirasi buat artikel jadi saya tulis saja lewat sini hehe ... Terkadang kalo kita ada file yang sangat penting pada word misalnya tulisan pribadi , catatan pribadi atau project pribadi kebanyak orang selalu memberikan password pada file tersebut tujuannya agar aman dari orang lain yang lagi iseng buka buka file pribadi milik kita. tapi kalo kita lupa dengan password yang sudah kita pasang pada file ms word kita bagaimana ? pastinya kesel dan panik. nah untuk itu gak usah pusing deh . saya punya solusinya ini dia 2 cara untuk membuka passwod pada MS word Cara 1 : Menggunakan program Lain untuk Membukanya Cara pertama ini sebenernya cuman lagi iseng coba coba buka password pake program lain , eh gak taunya bisa juga ,...

Membuat Related Post atau Artikel terkait di Bawah Postingan Pada Blogger

Gambar
Membuat Related Post atau Artikel terkait di Bawah Postingan Pada Blogger - Kemarin ada yang Request Tutorial di Ruang NGOPI (NGObrol sambil minum koPI) Request tentang Bagaimana Membuat Artikel Terkait / Related Post Seperti blog ini . Baiklah akan saya bagikan di tutorial kali ini , Apa Itu Artikel Terkait / Related Post Artikel Terkait / Related Post adalah bisa dikatakan widget yang berfungsi untuk memudahkan pengunjung untuk mencari artikel yang serupa/sama ketika setelah membaca salah satu postingan jadi cara kerjanya artikel terkait ini adalah sesuai dengan label/kategori yang sudah anda setting pada setiap postingan di blogger Demo Widget Artikel Terkait/Related Post Demo Artikel Terkait ini seperti gambar berikut: Related Post disini Scriptnya akan membaca secara acak dan sesuai label tentunya jadi artikel terkait ini tidak membaca secara artikel yang terbaru , dengan demikian Postingan lama dapat muncul di related post ini Cara Memasang Related Post 1. Copy  Kode CSS ...

Menyembunyikan dan Menampilkan Widget Hanya Dengan Tag Kondisional

Gambar
Menyembunyikan dan Menampilkan Widget Hanya Dengan Tag Kondisional - Sobat blogger dan good People , begitu bermanfaat tag kondisional dalam blogger template tapi sayangnya saya jarang menemukan artikel tentang tag kondisional ini dan kebanyakan judulnya Cara menyembunyikan widget di Homepage atau Membuat Widget Hanya tampil di Halaman Posting tapi sangat sedikit yang bilang kalo itu menggunakan tag kondisional, sebelum melanjutkan membaca tutorial ini bagi sobat yang belum paham tentang Tag Kondisional ini bisa baca dahulu artikel tentang tag kondisional yang sudah saya tulis disini : Baca Dulu : -  TAG KONDISIONAL LENGKAP DAN CARA MENGGUNAKANNYA - MEMBUAT HALAMAN HOME, POSTING , STATIS BERBEDA DENGAN TAG KONDISIONAL Menyembunyikan dan Menampilkan Widget Hanya Dengan Tag Kondisional Nah Jika sobat sudah mulai paham dengan Tag Kondisional mari kita sama sama bahas tentang tag ini dengan judul Menyembunyikan dan Menampilkan Widget Hanya Dengan Tag Kondisional. Sebagai Demo Coba b...

Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional

Gambar
Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional - Postingan kali ini berkaitan dengan tag kondisional pada blogger , sebelumnya bagi yang belum tau tag kondisional itu apa dan cara menggunakannya , silahkan simak simak pada pembahasan berikut  : -  TAG KONDISIONAL LENGKAP DAN CARA MENGGUNAKANNYA Setelah memahami apa itu kondisional mari kita sama sama bahas penerapannya pada blog , kali ini berjudul Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional , selain kita dapat menyembunyikan widget dengan kondisioanal kita juga bisa merubah warna pada setiap Home , Postingan dan Pada Halaman Statis. Tag yang kita gunakan disini adalah : <b:if cond='data:blog.url == data:blog.homepageUrl'>      OBJEK </b:if> tag untuk Tampilan Home <b:if cond='data:blog.pageType == &quot;item&quot;'>      OBJEK </b:if> tag untuk Tampilan Posting <b:if cond='data:blog.pageType == &quot;static_...

Tag Kondisional Lengkap Dan Cara Menggunakannya

Gambar
Tag Kondisional Lengkap Dan Cara Menggunakannya - Mungkin Saya telat baru mempelajari tag kondisional tingkat lanjut ini tapi gak apa apa yang penting kan belajar :D dan prinsip blog ini adalah saya baru akan memposting artikel jika saya telah memahami dan pernah menerapkannya pada blog saya atau blog saya yang lain , Setelah Saya Vakum ngeblog selama satu tahun akhirnya saya bisa menyegarkan dengan tampilan baru labeltutorialcom ini dan tentunya tahun baru, tampilan baru ,dan postingan baru. Pengertian Tag Kondisional Tag Kondisional/Conditional Tag adalah tag yang digunakan untuk mengatur elemen-elemen tertentu agar tampil atau tidak tampil, berfungsi atau tidak berfungsi dalam halaman spesifik yang telah ditentukan. tag kondisional Berikut untuk platform blogspot. Macam Tag Kondisional Tag Kondisional Halaman Muka/Homepage <b:if cond='data:blog.url == data:blog.homepageUrl'>      OBJEK </b:if> Tag ini untuk Halaman Depan pada blog yang tidak berindeks ata...

Membuat Tombol Share dibawah posting dan Valid HTML5

Gambar
Membuat Tombol Share dibawah posting dan Valid HTML5 - Setelah Kemarin saya berbagi tombol share yang valid HTML5 selanjutnya saya akan memberikan tutorial cara menaruh tombol share di tepat bawah posting. Demonya ada pada gambar : Langkah-langkahnya : 1. Cari kode berikut lalu letakan di atas kode  ]]></b:skin> atau </style> /*SHARENYA LTB*/ .share-post { background: #f6ebc1; padding: 12px; border-bottom: 5px solid #ecd57e; position: relative; } 2. Cari Kode <body>  (Jika tag body berbeda intinya codenya seperti ini <body ......> ) lalu copy dan pastekan kode berikut ini: <div id='fb-root'/> <script>//<![CDATA[ (function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-js...

Membuat Tombol facebook , Twitter dan google Plus Valid HTML 5

Gambar
Membuat Tombol Facebook , Twitter dan Google Plus Valid HTML 5 - Setelah tutorial kemaren tentang validasi blog agar HTML 5 selanjutnya pembahasan mengenai membuat tombol share facebook , twitter dan google plus ini menjadi valid HTML5 , sebenarnya dari pihak developernya sendiri sekarang sudah menyediakan yang HTML5 nya untuk tombol share ini tetapi jika sobat tidak mau repot repot buka developer dari situs jejaring sosial besar bisa langsung copy paste kode berikut ini a gar tombol share facebook twitter dan googleplus sobat valid HTML5. Tombol Share Facebook Twitter dan google plus valid HTML5 Tombol Facebook Valid HTML5 dan SEO 1. Taruh kode ini di bawah <body> <div id='fb-root'/> <script>//<![CDATA[ (function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";   fjs.parent...