Social Icons


Pages

Wednesday, July 23, 2014

How To Make an Editable Auto "Read More" with a Moving Shadowed Image Effect

Hello... last couple days, I started blogging again, and I forgot everything about how to make my blog looks good. I only use the standard template and I don't like it because it's too simple (of course it is!).  I want to make my home page filled with lots of my posts, but Blogger does not support that thing. So, I Google it and I actually found a trick on how to do it by shortening my post with an auto "read more" things.
After applying that trick, and I think it's amazing and also important for a new user of  Blogger, so, In this post,  I will explain about how to make a "Read More" in your blog's homepage and a little extra with a shadowed Image Effect which make it more beautiful. This "Read More" things is used to make post in the homepage minimalist. It's like a synopsis or a small quotes from your posts. 

In the standard template of Blogger, when you go into your Blog URL, it shows all your post and every words on it long way down until the end of the page and it makes the reader "exhausted" (lol), Now, in this Tutorial, I will tell you how to make your posts "shortened" in your homepage and if the reader want to read it just click "read more" and it will lead you the link the post. It makes the reader easy to read your blog.

To make this auto "read more", is so simple. You can do it in less the 5 minutes if you have good eyes and capability of reading script ( well, I'm not that good, it takes me more than that actually).

If you are a new blogger, you don't need to do anything before you start BUT if you an old blogger and you have used this kind of script before, then you might be have to delete your previous script. In this script you can edit the height and width of the script depends on how you want it to be. The previous or other scripts actually does not support this Editing on the script. Please remember that this is A NEW AUTO READ MORE SCRIPT. Ok, let's skip it to the case.
  1. Log in to your Blogger account
  2. Go to your Template and back it up by clicking "Back up/ Restore"
  3. Click Edit HTML
  4. Click anywhere inside the template box.
  5. Press CTRL + F (for finding a code)
  6.  Write and then find this code </head> using the search box by clicking Enter button
  7. Copy all the HTML Script Below and Paste it above the </head> Code
  8. <!--Auto Read More Mulai-->
    
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style>
    .post-body{text-align:justify;}
    .post-body img{max-width:none;width:auto;}
    .read-more{float:left; padding-top: 10px;}
    .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
    .read-more a:hover{text-decoration:none;background:#666;}
    .pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
    .grow img{height:165px;width:280px;transition: all 2s ease;}
    .grow img:hover{width:400px;height:250px;}
    </style>
    <script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
    summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
    summary_img = 250; //banyaknya huruf jika ada gambar
    img_thumb_height = 165;
    img_thumb_width = 280;
    </script>
    <script type='text/javascript'>//<![CDATA[
    function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
    //]]></script>
    </b:if>
    </b:if>
    
    <!--Auto Read More Akhir-->
  9. Blue Code = Numbers of words you want to be showed (Change the number if you want)
  10. Green Code = Size of the Image you wanted to be showed Change the size if you want)
  11. Find <data:post.body/> code using the search box. There are more than one of this code, and you choose the second code by clicking 2 times the ENTER button.
  12. Delete<data:post.body/> and change it with the code below:
    <!-- Auto read more Mulai -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
          <div class='read-more'>
          <a expr:href='data:post.url'>Read More &#187;</a>
          </div>
    </b:if>
    </b:if>
    <!-- Auto read more Akhir -->
After you changed all the codes, click preview template, if you like the save the template. Now, go to your blog URL, and see what happen in your homescreen page. Here is my Screenshot of my blog after using this script.

Now, I think that's all for this tutorials, I hope you like it and Good luck! :)

Tuesday, July 22, 2014

How To Install/Flash Android 4.4.4 KitKat in Samsung Galaxy Wonder (GT-I8150)


Samsung Galaxy Wonder is a legacy phone which is not getting updates from Samsung. The Stock ROM/Standard OS is Android Ginger Bread 2.3.5/6/7 etc and it will never get Ice Cream Sandwich (Android 4.0), Jelly Bean (Android 4.1, 4.2, 4.3), KitKat (Android 4.4) and the latest Android L (Android 5.0) officially from Samsung Corp. Now in this post, I will tell you how to make your Galaxy Wonder (GTI8150) running those ROMs including KitKat ROM from CyanogenMod Team (I would tell Android L, but It's not available for our phone for now). 

First you should know what OS you have now. it's under "setting" option and "about phone". you should see our OS version there. Before you start, remember the term DWYOR (Do With Your Own Risk) again.

Now, for the first part of installing this Android 4.4.4 on your Samsung Galaxy 4.4.4, you should've had a CWM 6.0.4.5 (ClockWorkMod) installed on your Phone. If you don't know how, then go to this LINK.

Let's say that you've already Installed CWM on your phone. Now we need to prepare things that we need to make this work.

1. Download the Latest ROM Android 4.4.4 from Arco's link. You can Get it HERE
2. Download the Latest GApps for this ROM from TZkruzze link HERE.
3. Back Up your Internal SDcard then Format it to keep things clean when you go into new ROM.
4. Addition, If you want to back up your SMS to your External SD, you can use THIS app.
Steps:
  1. Put the both files into your Internal SDcard in a folder "ROM" (you can create one and name it  yourself)
  2. Turn Off your phone and then, Go into your Custom Recovery (CWM) by pressing Power button + Home Button + Volume Up altogether for 1-3 seconds, then release the power button after Samsung Logo showing up.
  3. In CWM, your touch screen won't work. You can only use Volume UP and Volume down for choosing the opion, Haptic Back button / power button for "Back" and Home button for "OK".
  4.  Choose "wipe data / factory reset" and then select "Yes-Wipe all user data" with the home button.  Doing this you will erase all data, setting and applications from your phone.
  5. select "wipe cache partition" and then "yes"
  6. Select "Advance" and then "wipe dalvik cache " then "yes". after that press back button to go back to the main page.
  7. Select "Mounts and Storage" option, and then choose "format System", and "yes", then back to the main page again
  8. After you do all that, now Select "install zip" option and select "sdcard0" (SdCard1 if you're file is in External SDcard) and then find your ROM file /storage/sdcard0/ROM folder and Install it.
  9. After ROM installing is Finished, then choose "Install Zip" again, and Find your GApps file and Install it.
  10. If it's finished, then you choose the reboot option to turn on your phone.
  11. It will take 3-5 minutes to go into your homescreen
  12. Now you have Android 4.4.4 ( KitKat) in your Samsung Galaxy Wonder (GT-I810)
Here is my SS of my Samsung Galaxy W (GT-8150) running Android 4.4.4 Kitkat



 Setting and Menu Display

Theme Setting

I think, that's all the way of installing Android 4.4.4 Kitkat on your galaxy wonder, and now you're ready to install any apps you want and show your friends that your old phone can run KitKat ROM. Don't forget, Ask if you're having a trouble with this tutorials. Thanks

How to Install/Flash ClockWorkMod 6.0.4.5 (CWM 6.x) on Samsung Galaxy Wonder (GT-I8150)

Hi... This is my first post after a long time I had stop blogging. Ok. I'm Not a native English Speaker, so I'm sorry if you don't understand what I had written below.
ClockWorkMod is a custom recovery that can be used to Install any ROM you want including Android 4.4.4. By having this installed on your phone, your Warranty is Void (But, you can revert back to your original recovery though). Thus, before you start, you need to know that if something goes wrong on your phone, it's all on you or most people says "Do It With Your Own Risk (DWYOR)". 

     Before you install this CWM recovery, you need download the following things.
a)  Install Samsung USB Mobile driver which you can do it with Installing Samsung KIES,  but if you don’t have one (neither do I), you can get it HERE.
b)  Download Odin Multi Download 4.43 which is the main tools you will use
c)   Ancora.ops which will you need to work with the Odin app.
d)  CWM 6.0.4.5 (ClockWorkMod) which is the thing that you need to be installed into your phone using the Odin app. 
Ok, now let’s say that you’ve downloaded all the thingies you need. We will begin the crucial part of this.
a) Turn Off your Antivirus, because it might be interfere with everything you’ll do. (I personally turned it off because I don’t want to take a risk of Bricking or kill my phone)
b)   Install the Samsung Driver (If you’ve already installed it, you don’t need to)
c)   Put all the files (Odin, Ancora.ops and CWM) into one folder in your drive.
d)  Turn off your phone, and go into the Download Mode.
-    Press the power button + home button + volume down button altogether
-   When the Samsung line is shown, remove your finger from the power button but keep the other two (home button + volume down still pressed). it just need 1 or 2 seconds and then when a warning shows up, you get your fingers off from the pressed buttons. 
-    The warning ask you whether you want to continue to download mode or Restart your phone. If you press Volume Up button to go to download mode. If you press the volume then it restarts your phone.
You can see it in the pictures below:






e)   Open Odin multi downloader, and in the “select ops” button, you choose Ancora Ops file which you had downloaded.
f)    Then check list option One Package, Autoreboot, protect ops, and restart time.
g)    In the One package option, you choose the CWM file you downloaded. 
h)  Connect your USB Cable to your Galaxy Wonder in download mode, and your phone  should recognize the driver for your wonder and odin will detect it too. 
i)    For the easiest way, see the picture below and you need to do it exactly.



           j)   Click Start button if you're ready. Remember it is supposed to be EXACTLY the same
           k)   I know you're afraid if this is your first time. But, it only take like a minute or so.
           l)    When Odid Says PASS, then disconnect your Phone and your phone shall reboot.

Now you have CWM on your Phone!!!
To check it , you can go to recovery menu by pressing power button + Home button + Volume up. it's almost the same when you go to download mode. 

here is the the picture.


If you want to go further on Upgrading your Samsung Galaxy Wonder (GT-I8150) into Android 4.4.4 A.K.A KitKat. You can find it HERE.
If you need more help. you can comment below or follow my Google+ and chat me via Hangout. Thanks
 

Sample text

Sample Text

Sample Text

 
Blogger Templates